/* Infinity Gauntlet V4 | Interaction polish, reading features and theme system */
:root{--v4-glass:rgba(16,20,30,.96);--v4-edge:#3c414c;--v4-panel:#151a24;--v4-accent:#d7b677;--v4-shadow:0 28px 70px #0008}
html{scroll-padding-top:99px}body{transition:background .45s ease,color .45s ease}a,button,select,input{touch-action:manipulation}
/* Purposeful micro-interactions */
.header{transition:box-shadow .3s ease,background .3s ease,border-color .3s ease}.is-scrolled .header{box-shadow:0 14px 40px #0004;background:#0b0f18ed}.desktop-nav a,.footer-column a,.reader-button,.filter-box,.category-cell,.index-card,.entry-tile,.feature-card,.activity-card{transition-duration:.27s;transition-timing-function:cubic-bezier(.18,.76,.22,1)}.nav-a:before{content:"";position:absolute;inset:auto 18px 12px;border-radius:2px;height:1px;background:var(--gold);opacity:0;transform:scaleX(0);transition:transform .25s,opacity .25s}.nav-a:hover:before{opacity:.9;transform:scaleX(1)}.btn,.btn-game,.settings-trigger,.prefs-close{transition:transform .26s cubic-bezier(.2,.8,.25,1),color .2s,background .25s,border-color .2s,box-shadow .3s}.btn:hover,.btn-game:hover{box-shadow:0 12px 30px #d7b67720}.btn:active,.btn-game:active{transform:translateY(1px) scale(.985)}.wordmark:hover .wordmark-seal{box-shadow:0 0 25px #d7b67735,inset 0 0 0 5px #161924,inset 0 0 0 6px #69604b}
.settings-trigger{height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#171b25;color:#d8d5cd;border:1px solid #343945;border-radius:5px;font-size:11px;font-weight:750;white-space:nowrap}.settings-trigger:hover{background:#292c36;border-color:var(--gold);transform:translateY(-1px)}.settings-trigger svg{height:18px;width:18px;transition:transform .6s ease}.settings-trigger:hover svg{transform:rotate(65deg)}
.mobile-settings{display:flex;align-items:center;gap:12px;padding:17px 19px;background:transparent;border:1px solid #3a4150;color:var(--text);width:100%;text-align:left;font-weight:700;letter-spacing:1px;border-radius:5px;margin:14px 0}.mobile-settings svg{color:var(--gold)}
/* Dedicated editorial collections */
.home-reading{margin-top:86px}.reading-split{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(290px,.78fr);gap:16px}.reading-editors,.reading-private{position:relative;overflow:hidden;background:linear-gradient(128deg,#141b27,#10141d);border:1px solid #373b45;border-radius:9px}.reading-editors{padding:25px}.reading-private{padding:27px;background:radial-gradient(circle at 90% 5%,#9b754d23,transparent 49%),linear-gradient(135deg,#22232c,#141720)}.reading-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--gold);font-weight:850;font-size:10px;letter-spacing:1.7px;margin-bottom:16px}.reading-header span:last-child{color:var(--faint);letter-spacing:1px;font-weight:700}.reading-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reading-pick{min-width:0;display:flex;align-items:center;gap:14px;padding:17px 15px;position:relative;background:#1c2230;border:1px solid #343c4b;border-radius:6px;transition:transform .25s,border-color .25s,background .25s}.reading-pick:hover{transform:translateY(-3px);border-color:#b5a07e;background:#272c37}.reading-pick-glyph{display:grid;place-items:center;height:54px;width:54px;border-radius:6px;flex:none;background:linear-gradient(135deg,#2c2832,#151b2a);border:1px solid #5c503f;color:var(--gold);font-family:Georgia,serif;font-size:31px}.reading-pick-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.reading-pick-content small{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:1.1px}.reading-pick-content strong{color:var(--text);font-size:16px;line-height:1.24}.reading-pick-content>span{color:var(--muted);font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reading-pick>.ico{color:var(--gold);width:15px}.reading-private h3{font-family:Georgia,serif;font-size:27px;font-weight:500;margin:23px 0 10px;line-height:1.16}.reading-private p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 23px}.reading-private-items{display:flex;flex-direction:column;gap:3px}.reading-private-items a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #b6a47828;gap:14px;font-size:13px;font-weight:700}.reading-private-items a:hover{color:var(--gold)}.reading-explore{font-size:11px;letter-spacing:1px;color:var(--gold);font-weight:850}.reading-explore svg{vertical-align:middle}.reading-private-bottom{font-size:10px;letter-spacing:1px;color:var(--muted);border-top:1px solid #b6a47836;padding-top:17px;margin-top:30px}.reading-private-bottom span{color:var(--gold);margin:0 10px}
/* Scannable opening to every long reference article. Game facts stay in the source article. */
.article-quick{margin:25px 0 32px;padding:24px 27px 22px;border:1px solid #7e6b4c70;border-left:3px solid var(--gold);border-radius:5px;background:linear-gradient(115deg,#211f1f,#151b24 79%);position:relative;overflow:hidden}.article-quick:after{content:'IG';position:absolute;right:15px;top:-20px;font:bold 120px Georgia,serif;color:#d7b67709;pointer-events:none}.article-quick-label{display:inline-block;font-size:10px;font-weight:850;letter-spacing:2px;color:var(--gold);margin-bottom:12px}.article-quick p{font-size:15px;line-height:1.8;color:#e6e1d7;max-width:800px;margin:0 0 14px}.article-quick-foot{font-size:10px;color:#9c9b9c;letter-spacing:.6px}.article-quick-foot b{padding:0 7px;color:var(--gold)}.article-body{font-size:15px;line-height:1.9}.article-body h2{font-size:clamp(24px,2.1vw,34px);font-family:Georgia,serif;font-weight:600;letter-spacing:-.4px;line-height:1.28;margin-top:45px;scroll-margin-top:112px}.article-body h3{font-size:19px;scroll-margin-top:112px}.article-body p,.article-body li{line-height:1.85}.article-body ul,.article-body ol{padding-left:28px}.article-body li{padding-left:4px;margin:.18em 0}.article-body a{color:var(--gold2);text-underline-offset:4px;text-decoration:underline;text-decoration-color:#c6a76c55}.article-body a:hover{text-decoration-color:currentColor}
/* Settings panel */
.prefs-modal{position:fixed;z-index:210;inset:0;display:none;align-items:center;justify-content:flex-end;padding:18px}.prefs-modal.open{display:flex}.prefs-backdrop{position:absolute;inset:0;background:#03060dd7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:veil-in .25s ease}.prefs-dialog{z-index:1;display:flex;flex-direction:column;width:min(100%,490px);max-height:min(94dvh,800px);background:var(--v4-panel);border:1px solid #85714e;box-shadow:0 32px 110px #000c;border-radius:13px;animation:settings-entrance .38s cubic-bezier(.16,.85,.18,1);overflow:hidden}.prefs-head{padding:28px 30px 22px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #4e49403f;background:linear-gradient(145deg,#242633,#151a25)}.prefs-head small{font-size:9px;color:var(--gold);font-weight:850;letter-spacing:2px}.prefs-head h2{margin:10px 0 0;font:500 37px Georgia,serif;letter-spacing:-1px}.prefs-close{height:40px;width:40px;display:grid;place-items:center;flex:none;background:#252b38;border:1px solid #424450;border-radius:7px;color:var(--text);font-size:17px}.prefs-close:hover{border-color:var(--gold);transform:rotate(90deg)}.prefs-scroll{overflow:auto;padding:26px 30px 23px;overscroll-behavior:contain;scrollbar-color:#675b48 transparent}.prefs-group{padding:2px 0 21px}.prefs-label{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.prefs-label>span{font-size:15px;font-weight:780;color:var(--text)}.prefs-label>small{font-size:12px;color:var(--muted)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-options button{padding:10px 9px 13px;display:grid;gap:9px;background:#181e2a;border:1px solid #434751;border-radius:8px;color:var(--muted);font-size:11px;font-weight:800;transition:.22s}.theme-options button:hover{transform:translateY(-2px);border-color:var(--gold)}.theme-options button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold2);background:#2d2824;box-shadow:0 0 0 1px #d7b67726 inset}.theme-swatch{height:44px;border-radius:4px;width:100%;border:1px solid #6f6b66}.dark-swatch{background:linear-gradient(140deg,#11141c 48%,#c9ab72 48%,#c9ab72 53%,#202737 53%)}.light-swatch{background:linear-gradient(140deg,#efece3 48%,#aa8150 48%,#aa8150 53%,#fffdfa 53%)}.system-swatch{background:linear-gradient(100deg,#141923 48%,#d2b477 48%,#d2b477 52%,#eeece7 52%)}.prefs-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 0}.prefs-row label{display:flex;flex-direction:column;gap:5px;min-width:0}.prefs-row label strong{font-size:13px;font-weight:800;color:var(--text)}.prefs-row label small{font-size:11px;line-height:1.55;color:var(--muted)}.prefs-row select{max-width:140px;width:134px;min-width:0;padding:10px 8px;background:#222937;border:1px solid #494d59;color:var(--text);border-radius:6px;font-size:12px;cursor:pointer}.prefs-divider{border-top:1px solid #4d515752;margin:14px 0 26px}.prefs-switch{flex:none;position:relative;width:47px;height:27px;padding:0;border:1px solid #5f6267;border-radius:99px;background:#3a3f49;transition:background .22s,border-color .22s}.prefs-switch>span{display:block;position:absolute;top:3px;left:3px;height:19px;width:19px;background:#b6b9c1;border-radius:50%;box-shadow:0 1px 4px #0005;transition:transform .24s,background .24s}.prefs-switch[aria-checked="true"]{background:#947545;border-color:#d7b677}.prefs-switch[aria-checked="true"]>span{transform:translateX(20px);background:#fff4da}.prefs-volume{align-items:flex-start}.prefs-volume label{flex:none;min-width:82px}.prefs-volume input{flex:1;accent-color:var(--gold);height:20px;min-width:65px;margin-top:6px}.prefs-foot{padding:18px 30px;border-top:1px solid #4d515752;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted)}.prefs-reset{padding:8px 10px;color:var(--gold);border:1px solid #675843;background:transparent;border-radius:4px;font-size:11px}.prefs-reset:hover{background:#d7b67718}.prefs-locked{overflow:hidden}@keyframes settings-entrance{from{opacity:0;transform:translateX(25px) scale(.99)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes veil-in{from{opacity:0}to{opacity:1}}
/* Light theme overrides. Existing layouts remain identical. */
html[data-theme="light"]{color-scheme:light;--bg:#f0ede4;--bg2:#e8e5dd;--surface:#fffefb;--surface2:#f8f5ef;--line:#d2cec3;--softline:#e0dbcf;--text:#171d27;--muted:#5d6573;--faint:#777f8a;--gold:#99713c;--gold2:#87602d;--v4-panel:#fcfaf5;--v4-glass:#f8f5ec;--v4-edge:#bcb6ab;--v4-shadow:0 26px 70px #20140b25}
html[data-theme="light"] body{background:#f0ede4}html[data-theme="light"] .microbar{background:#e5ded1;border-color:#ccc2b1}html[data-theme="light"] .micro-inner,html[data-theme="light"] .micro-inner>span:last-child{color:#555d6b}html[data-theme="light"] .header,html[data-theme="light"] .is-scrolled .header{background:#f8f6f0ed;border-color:#d5cfc5;box-shadow:0 7px 30px #2c251720}html[data-theme="light"] .nav-a{color:#5d6572}html[data-theme="light"] .nav-a:hover,html[data-theme="light"] .nav-a.active{color:#3b2b16}html[data-theme="light"] .header-search,html[data-theme="light"] .settings-trigger{background:#e9e4db;border-color:#c9c2b9;color:#332c25}html[data-theme="light"] .header-search:hover,html[data-theme="light"] .settings-trigger:hover{background:white}html[data-theme="light"] .header-search kbd{background:#eeeae2;border-color:#ccc4b7;color:#5d564a}html[data-theme="light"] .wordmark-seal{background:#fff8ef}html[data-theme="light"] .wordmark-name{color:#28252a}
html[data-theme="light"] .hero{background:radial-gradient(circle at 77% 44%,#f8ddae94,transparent 43%),linear-gradient(112deg,#eeeae0,#e9e1d4);border-color:#c4bdb2}html[data-theme="light"] .hero:before{opacity:.37}html[data-theme="light"] .hero h1{color:#222631;text-shadow:none}html[data-theme="light"] .hero h1 span{background:linear-gradient(135deg,#b38b49,#795228);background-clip:text;-webkit-background-clip:text}html[data-theme="light"] .hero-lead{color:#3a3c42}html[data-theme="light"] .hero-copy{color:#616772}html[data-theme="light"] .hero-foot{color:#555964}html[data-theme="light"] .cosmos-fog{filter:blur(40px)}html[data-theme="light"] .cosmos-coordinate{color:#7c6c52}html[data-theme="light"] .cosmos-emblem{filter:drop-shadow(0 10px 28px #b3916280)}
html[data-theme="light"] .entry-tile,html[data-theme="light"] .feature-card,html[data-theme="light"] .category-cell,html[data-theme="light"] .reading-editors,html[data-theme="light"] .reading-private,html[data-theme="light"] .reading-pick,html[data-theme="light"] .index-card,html[data-theme="light"] .activity-card,html[data-theme="light"] .showcase-aside,html[data-theme="light"] .info-panel,html[data-theme="light"] .aside-card,html[data-theme="light"] .chip,html[data-theme="light"] .filter-box,html[data-theme="light"] .select-sort,html[data-theme="light"] .discovery-strip,html[data-theme="light"] .specs-spotlight{background:#fffdf9;border-color:#d3cabe;color:#20242d}html[data-theme="light"] .entry-tile:hover,html[data-theme="light"] .reading-pick:hover,html[data-theme="light"] .index-card:hover{background:#f8f1e7}html[data-theme="light"] .reading-private{background:radial-gradient(circle at 85% 4%,#dbbb8355,transparent 48%),#fff9ec}html[data-theme="light"] .reading-pick-glyph{background:#f4ecdf;color:#795228}html[data-theme="light"] .reading-pick-content strong,html[data-theme="light"] .reading-private h3{color:#24252b}html[data-theme="light"] .reading-pick-content>span,html[data-theme="light"] .reading-private p{color:#59616c}html[data-theme="light"] .page-banner,html[data-theme="light"] .article-banner{background:radial-gradient(circle at 85% 14%,#e6d0a882,transparent 52%),#e8e3d9;border-color:#ccc0b0}html[data-theme="light"] .page-banner p,html[data-theme="light"] .article-banner .article-intro{color:#586170}html[data-theme="light"] .site-footer{background:#e5e1d9;color:#5d6270;border-color:#c9c4b8}html[data-theme="light"] .footer-column a{color:#5c6270}html[data-theme="light"] .footer-brand{color:#21232b}html[data-theme="light"] .footer-bottom{border-color:#cdc5b8;color:#5c6573}html[data-theme="light"] .article-quick{background:linear-gradient(145deg,#fffaf0,#eee9df);border-color:#ad9165}html[data-theme="light"] .article-quick p{color:#292d36}html[data-theme="light"] .article-quick-foot{color:#5b6370}html[data-theme="light"] .article-body{color:#303642}html[data-theme="light"] .article-body h2,html[data-theme="light"] .article-body h3,html[data-theme="light"] .article-body strong{color:#1c2531}html[data-theme="light"] .article-body a{color:#845b1f}html[data-theme="light"] .reader-actions,html[data-theme="light"] .reader-button{color:#333d48}html[data-theme="light"] .search-dialog,html[data-theme="light"] .prefs-dialog{background:#fffdf8;border-color:#a78a5f;box-shadow:0 35px 95px #342b2433}html[data-theme="light"] .search-backdrop,html[data-theme="light"] .prefs-backdrop{background:#3d3b43a0}html[data-theme="light"] .prefs-head{background:#f0eadf;border-color:#d4cabb}html[data-theme="light"] .prefs-close,html[data-theme="light"] .prefs-row select,html[data-theme="light"] .theme-options button{background:#eee9df;border-color:#d0c6b6;color:#3e414b}html[data-theme="light"] .theme-options button[aria-pressed="true"]{background:#f3e2c3;color:#785328;border-color:#9c763e}html[data-theme="light"] .prefs-divider,html[data-theme="light"] .prefs-foot{border-color:#d7cfc1}html[data-theme="light"] .prefs-head h2{color:#232a35}html[data-theme="light"] .settings-trigger svg{color:#765a34}html[data-theme="light"] .select-sort option{background:#fffdf9}html[data-theme="light"] .filter-box input{color:#20232e}html[data-theme="light"] .showcase-large{background:linear-gradient(120deg,#e9e0d2,#fcfaf4);border-color:#ae976e}html[data-theme="light"] .showcase-large h2{color:#2f2c2c}html[data-theme="light"] .btn-secondary{background:#f4eee4;color:#342b25;border-color:#b8a994}html[data-theme="light"] .btn-secondary:hover{background:white}html[data-theme="light"] .footer-column h3{color:#5b4324}html[data-theme="light"] .search-hit{color:#252b34}html[data-theme="light"] .search-hit:hover,html[data-theme="light"] .search-hit.selected{background:#efe8dc}
/* Explicit motion control, also respect OS preference */
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion="off"] .reveal-ready,html[data-motion="off"] .page-entering{opacity:1!important;transform:none!important;filter:none!important}html[data-motion="off"] .cursor-system{display:none!important}html[data-motion="off"] body.cursor-active,html[data-motion="off"] body.cursor-active *{cursor:auto!important}
@media (prefers-reduced-motion: reduce){.prefs-dialog,.prefs-backdrop{animation:none}.reading-pick:hover{transform:none}}
@media (max-width:1150px){.settings-trigger span{display:none}.settings-trigger{width:42px;padding:0}.header-row{gap:10px}}
@media (max-width:920px){.reading-split{grid-template-columns:1fr}.settings-trigger{display:none}}
@media (max-width:650px){.reading-picks{grid-template-columns:1fr}.reading-private h3{font-size:24px}.reading-editors,.reading-private{padding:18px}.reading-pick{padding:13px}.reading-pick-glyph{width:48px;height:48px}.prefs-modal{padding:0;align-items:flex-end}.prefs-dialog{width:100%;max-height:94dvh;border-radius:15px 15px 0 0;animation:sheet-entrance .32s cubic-bezier(.2,.8,.2,1)}.prefs-head{padding:20px 20px 16px}.prefs-head h2{font-size:31px}.prefs-scroll{padding:20px}.prefs-foot{padding:16px 20px}.article-quick{padding:18px 19px}.article-quick p{font-size:14px}.home-reading{margin-top:65px}@keyframes sheet-entrance{from{transform:translateY(20px);opacity:.75}to{transform:translateY(0);opacity:1}}}
/* Keep content readable even before scroll-reveal animation is complete. */
.reveal-ready:not(.is-revealed){opacity:.94;transform:translateY(10px);filter:none}
html[data-theme="light"] .entry-tile h3,html[data-theme="light"] .feature-card h3,html[data-theme="light"] .category-cell h3,html[data-theme="light"] .index-card h3,html[data-theme="light"] .activity-card strong,html[data-theme="light"] .reading-pick strong{color:#222a35}
html[data-theme="light"] .entry-tile p,html[data-theme="light"] .feature-card p,html[data-theme="light"] .category-cell p,html[data-theme="light"] .index-card p,html[data-theme="light"] .activity-card small{color:#606773}
html[data-theme="light"] .index-tag,html[data-theme="light"] .feature-kicker,html[data-theme="light"] .section-kicker,html[data-theme="light"] .kicker{color:#906a34}
html[data-theme="light"] .more-button,html[data-theme="light"] .reader-button,html[data-theme="light"] .chip{background:#fffaf2;border-color:#c4bbab;color:#584f44}
html[data-theme="light"] .chip.active{background:#e9dac1;border-color:#a98650;color:#5e421f}
html[data-theme="light"] .page-banner h1,html[data-theme="light"] .article-banner h1{color:#232936}

.reading-tabs{display:flex;gap:6px;margin:0 0 12px}.reading-tabs button{font-size:9px;font-weight:850;letter-spacing:.9px;padding:7px 9px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:3px}.reading-tabs button.active{border-color:#ae926b;background:#9c7d4c22;color:var(--gold)}.reading-tabs button:hover{color:var(--gold)}
html[data-motion="off"] a,html[data-motion="off"] button{cursor:pointer!important}