/* Infinity Gauntlet V6 | Seven Stones discovery experience and interface refinement */
:root{--v6-cream:#f0d39c;--v6-surface:#141a26;--v6-muted:#9da6b9;--v6-edge:rgba(229,198,141,.21)}
/* Soft, consistent motion without unnecessary glow or aggressive movement. */
.btn,.btn-game,.settings-trigger,.header-search,.stone-dock,.reader-button,.menu-entry,.feature-card,.entry-tile,.index-card,.category-cell{transition:transform .32s cubic-bezier(.2,.78,.2,1),border-color .3s,box-shadow .35s,background .25s,color .25s}
.btn:active,.btn-game:active,.settings-trigger:active,.header-search:active,.stone-dock:active,.reader-button:active{transform:scale(.965)}
:is(button,a,[role="button"]):focus-visible{outline:2px solid #e6c892;outline-offset:3px}
:where(a,button){-webkit-tap-highlight-color:transparent}
.v6-ripple{position:absolute;z-index:20;pointer-events:none;width:8px;height:8px;border-radius:50%;background:rgba(244,215,160,.35);transform:translate(-50%,-50%) scale(.3);animation:v6Ripple .62s ease-out both}
@keyframes v6Ripple{to{transform:translate(-50%,-50%) scale(19);opacity:0}}
/* Decorative stones begin desaturated, then light up according to collection state. */
.hero-cosmos .gem{filter:grayscale(1) brightness(.6);opacity:.52;transition:filter .6s,opacity .6s}
.hero-cosmos .gem.gem-collected{filter:grayscale(0) brightness(1.15);opacity:1}
.hero-cosmos .gem-a{color:#a978ea}.hero-cosmos .gem-b{color:#589ff3}.hero-cosmos .gem-c{color:#e97578}.hero-cosmos .gem-d{color:#f4a765}.hero-cosmos .gem-e{color:#74d7b4}.hero-cosmos .gem-f{color:#f1d87e}
/* Mini collection control in the real site header */
.stone-dock{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 10px;border:1px solid #4f4c50;border-radius:6px;color:#c4bfba;background:#1c202b;font-size:9px;font-weight:800;letter-spacing:.7px;white-space:nowrap;cursor:pointer}
.stone-dock:hover{border-color:#d5b576;box-shadow:0 0 0 2px #d9b8750f;color:#fff5e3}
.stone-dock-icon{color:#c7c2b9;display:flex;width:14px;height:18px;filter:grayscale(1)}
.stone-dock-icon svg{width:100%;height:100%}.stone-dock-count{border-left:1px solid #56545c;padding-left:7px;color:#e4bd7a;font-variant-numeric:tabular-nums}
.stone-dock.is-complete{border-color:#efdf9e;background:#332d22}.stone-dock.is-complete .stone-dock-icon{filter:none;color:#ffefb9}
/* Homepage collection invitation: aligned with the game site, not a separate wiki page */
.sitehunt-gallery{position:relative;margin-top:36px;margin-bottom:15px;border-radius:12px;padding:30px 34px 22px;background:radial-gradient(ellipse 70% 140% at 92% 0%,#a8853a19,transparent 75%),linear-gradient(120deg,#141b27,#10151e);border:1px solid #63543d;box-shadow:0 14px 45px #0002}
.sitehunt-header{display:flex;align-items:center;justify-content:space-between;gap:22px}.sitehunt-overline{font:850 10px/1.2 Arial,sans-serif;letter-spacing:2px;color:#dab87e}.sitehunt-header h2{font:normal clamp(28px,3vw,42px)/1.12 Georgia,serif;letter-spacing:-.9px;margin:9px 0 12px;color:#f1ece3}.sitehunt-header p{max-width:560px;color:#afb3bf;line-height:1.7;font-size:12px;margin:0}.sitehunt-view{padding:13px 18px;background:transparent;border:1px solid #9a8157;border-radius:5px;color:#e6c893;font:800 10px Arial,sans-serif;letter-spacing:1.05px;white-space:nowrap;cursor:pointer}.sitehunt-view span{font-size:15px;padding-left:12px}.sitehunt-view:hover{background:#d6b77816;border-color:#e7c991}
.sitehunt-gallery-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-top:28px}
.vault-stone{--gemcolor:#ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:6px;position:relative;text-align:center;padding:12px 5px 9px;transition:transform .25s,border-color .25s;}
.sitehunt-gallery .vault-stone{border:1px solid #414550;background:#101720;border-radius:7px;min-height:122px}
.vault-stone-icon{position:relative;width:30px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--gemcolor);transition:filter .48s,transform .4s}
.vault-stone .stone-svg{width:29px;height:41px;filter:drop-shadow(0 0 10px currentColor)}
.vault-stone.is-locked .vault-stone-icon{filter:grayscale(1) brightness(.58);opacity:.58}
.vault-stone.is-found .vault-stone-icon{animation:stone-breathe 3.2s ease-in-out infinite alternate}
.vault-stone-name{font-size:12px;color:#e8e4df;font-weight:750;letter-spacing:.15px}.vault-stone small{font-size:8px;font-weight:800;letter-spacing:1.05px;color:#989dab}.vault-stone.is-found small{color:#d7c18f}.vault-stone.is-ego.is-found .vault-stone-icon{filter:drop-shadow(0 0 20px #fff8c2)}
.sitehunt-gallery .vault-stone.is-found{border-color:color-mix(in srgb,var(--gemcolor) 55%,#343c49)}
@keyframes stone-breathe{0%{transform:translateY(0)}100%{transform:translateY(-3px)}}
.sitehunt-bottom{display:flex;align-items:center;gap:16px;margin-top:19px;color:#a3a9b5;font-size:9px;letter-spacing:1.1px;font-weight:700}.sitehunt-bottom>span:first-child{white-space:nowrap}.sitehunt-bottom>span:last-child{text-align:right}.sitehunt-bottom strong{color:#e6c785;font-size:12px}.sitehunt-progress-track{flex:1;height:4px;background:#42434a;border-radius:30px;overflow:hidden}.sitehunt-progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7b7395,#e6c789);border-radius:inherit;transition:width .55s}
/* Discovery spots: understated interactive secrets, visible to touch/keyboard. */
.discovery-spark{--spark:#a9adb5;display:inline-flex;align-items:center;gap:8px;border:1px dashed #595f6a;border-radius:5px;background:#131925b8;padding:8px 10px;color:#aab0be;font-size:10px;letter-spacing:.5px;cursor:pointer;transition:background .25s,transform .25s,color .25s,border-color .25s;max-width:100%;text-align:left}
.discovery-spark:hover,.discovery-spark:focus-visible{background:#27232c;border-color:#d8bd87;color:#f6daa7;transform:translateY(-2px)}
.discovery-spark .stone-svg{width:12px;height:17px;color:var(--spark);flex-shrink:0;filter:grayscale(1)}
.hero-foot .discovery-spark{flex-basis:auto;font-size:9px}
.menu-current-top>.discovery-spark{align-self:flex-end}
.page-banner .discovery-spark{margin-top:23px;background:#20232d}
.reader-actions>.discovery-spark{margin-left:auto}
.logs-empty .discovery-spark{margin-top:14px}
.logs-list>.discovery-spark{margin-top:10px}
.reality-signal{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 16px;background:linear-gradient(100deg,#2b1a2b,#1e202b);border:1px solid #7d5665;border-radius:5px;margin:12px 12px 3px}.reality-signal>span{font-size:9px;letter-spacing:1.2px;color:#efb9bb;font-weight:750}.reality-signal .discovery-spark{flex-shrink:0}
/* Panel with accessible close button and native scroll */
.vault-backdrop:not([hidden]){position:fixed;z-index:185;inset:0;display:block;background:rgba(3,5,10,.69);backdrop-filter:blur(8px);animation:vaultFade .23s ease-out}
.vault-panel{position:fixed;z-index:186;right:0;top:0;bottom:0;width:min(100%,485px);background:radial-gradient(circle at 91% -10%,#55462a38,transparent 30%),#111722;border-left:1px solid #776547;box-shadow:-40px 0 120px #000a;display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform .43s cubic-bezier(.21,.82,.19,1),visibility .43s;color:#f4eee2;overscroll-behavior:contain}
.vault-panel.is-open{transform:translateX(0);visibility:visible}
.vault-is-open{overflow:hidden}
.vault-head{padding:34px 30px 26px;border-bottom:1px solid #42404a;display:flex;justify-content:space-between;align-items:start;gap:10px}
.vault-eyebrow{font-size:9px;letter-spacing:1.7px;color:#d9b875;font-weight:850}.vault-head h2{margin:13px 0 0;font:normal 40px/1.05 Georgia,serif;letter-spacing:-1px}.vault-head h2 span{color:#d5b377}
.vault-close{width:36px;height:36px;background:#242938;border:1px solid #56535b;color:#e6dfd0;border-radius:6px;cursor:pointer;flex-shrink:0}.vault-close:hover{background:#473e35;border-color:#b9a074}
.vault-scroll{overflow:auto;padding:25px 30px max(40px,env(safe-area-inset-bottom));scrollbar-width:thin;flex:1}
.vault-progress-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.vault-progress-top strong{font:normal 28px Georgia,serif;color:#f9e9c8}.vault-progress-top strong span{font:800 9px Arial,sans-serif;letter-spacing:1.5px;color:#a5a7af}.vault-progress-top>span{font-size:9px;letter-spacing:.8px;color:#d9b87b;font-weight:800;text-align:right}
.vault-progress-line{margin-top:12px;height:5px;border-radius:10px;background:#44444c;overflow:hidden}.vault-progress-line>i{display:block;background:linear-gradient(90deg,#a7a4ba,#f3d699);height:100%;border-radius:inherit;transition:width .5s}
.vault-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:25px 0 24px}
.vault-grid .vault-stone{background:linear-gradient(135deg,#1e2430,#151a25);border:1px solid #3c4653;border-radius:8px;min-height:137px}
.vault-grid .vault-stone.is-found{border-color:color-mix(in srgb,var(--gemcolor) 52%,#4e5660);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--gemcolor) 16%,transparent),transparent 90%),#161d28}
.vault-grid .vault-stone.is-ego{grid-column:2}
.vault-grid .vault-stone-icon{width:42px;height:58px}.vault-grid .stone-svg{height:53px;width:39px}.vault-grid .vault-stone-name{font-size:13px}
.vault-story{padding:21px 22px;background:linear-gradient(130deg,#27242a,#1b202b);border:1px solid #504a4b;border-radius:8px}.vault-story>span{color:#d2b37a;font:800 9px Arial,sans-serif;letter-spacing:1.6px}.vault-story h3{font:normal 27px Georgia,serif;margin:12px 0 9px}.vault-story p{font-size:12px;color:#bcc1ca;line-height:1.8;margin:0}
.vault-hint-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 2px 15px;margin-top:12px;border:0;border-bottom:1px solid #41444d;background:transparent;color:#e6d3b1;font-size:10px;font-weight:850;letter-spacing:1.4px;cursor:pointer}
.vault-hint-toggle span{font-size:21px;line-height:1}
.vault-hints{border:1px solid #353f49;border-top:0;border-radius:0 0 8px 8px;padding:4px 15px;background:#151d27}
.vault-hint{display:flex;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #333c48}.vault-hint:last-child{border-bottom:0}.vault-hint-dot{width:10px;height:10px;transform:rotate(45deg);background:var(--gemcolor);opacity:.58;filter:grayscale(1);margin:3px 3px 0 2px;flex-shrink:0}.vault-hint strong{font-size:12px}.vault-hint p{font-size:11px;color:#acb4c4;margin:4px 0 0;line-height:1.55}.vault-hint small{margin-left:auto;color:#d8bd87}
.vault-actions{margin:22px 0 0}.vault-explore{cursor:pointer;width:100%;background:#d5b575;color:#17191f;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:1px;padding:17px 20px;border-radius:6px;border:0}.vault-explore:hover{background:#eed09a}.vault-explore span{font-size:16px}.vault-actions p{font-size:10px;text-align:center;color:#939dac;margin:13px 0 0}
/* Rare Ego only appears after all six are collected. */
.ego-encounter:empty{display:none}.ego-encounter{position:fixed;z-index:120;bottom:clamp(20px,5vh,60px);right:clamp(15px,4vw,55px)}
.ego-anomaly{display:flex;gap:14px;align-items:center;min-width:210px;border:1px solid #fff3bf;background:linear-gradient(115deg,#433f36,#1b1e2a);box-shadow:0 0 60px #ead78d65,0 17px 35px #0009;border-radius:10px;color:#fff5c7;cursor:pointer;padding:15px 19px;animation:ego-arrive .7s ease-out both,ego-glow 4s ease-in-out infinite alternate}
.ego-anomaly-spark{width:33px;height:42px;display:flex;color:#fff3b3;filter:drop-shadow(0 0 10px #ffecaa)}.ego-anomaly .stone-svg{width:100%;height:100%}.ego-anomaly>span:nth-child(2){display:flex;flex-direction:column;gap:4px;text-align:left}.ego-anomaly small{font-size:8px;letter-spacing:1.5px;color:#f5e6aa;font-weight:800}.ego-anomaly strong{font:normal 25px Georgia,serif}.ego-anomaly-arrow{margin-left:auto}
@keyframes ego-arrive{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}@keyframes ego-glow{to{box-shadow:0 0 25px #ead78d35,0 17px 35px #0009}}
@keyframes vaultFade{from{opacity:0}to{opacity:1}}
.hunt-toast{position:fixed;z-index:250;bottom:25px;left:50%;transform:translate(-50%,25px);max-width:min(95vw,550px);width:max-content;pointer-events:none;opacity:0;background:#1c2532;color:#f7e7c6;border:1px solid #b1976e;box-shadow:0 18px 60px #0008;border-radius:7px;font:850 11px/1.5 Arial,sans-serif;letter-spacing:1px;padding:15px 22px;text-align:center;transition:transform .32s,opacity .32s}.hunt-toast.is-visible{opacity:1;transform:translate(-50%,0)}.hunt-toast.ego-toast{background:#3c392f;color:#fff1b1;border-color:#f8e4ab}
/* Light theme support */
html[data-theme="light"] .sitehunt-gallery{background:linear-gradient(120deg,#fff9f0,#ebe3d9);border-color:#bbab90}
html[data-theme="light"] .sitehunt-header h2{color:#302c31}html[data-theme="light"] .sitehunt-header p{color:#566272}
html[data-theme="light"] .sitehunt-gallery .vault-stone{background:#f9f3eb;border-color:#cbbda9}html[data-theme="light"] .vault-stone-name{color:#353843}html[data-theme="light"] .vault-stone small{color:#666b79}
html[data-theme="light"] .stone-dock{background:#fcf8ef;color:#514b42;border-color:#c9b99e}html[data-theme="light"] .stone-dock:hover{color:#39312a}
html[data-theme="light"] .discovery-spark{background:#fffaf3;border-color:#b9aa90;color:#705d4b}html[data-theme="light"] .discovery-spark:hover{background:#f0e6d5;color:#4d3924}
html[data-theme="light"] .sitehunt-view{color:#664e2e;border-color:#957c55}html[data-theme="light"] .sitehunt-overline{color:#87643a}
html[data-theme="light"] .sitehunt-bottom{color:#656b72}html[data-theme="light"] .sitehunt-bottom strong{color:#8b6639}
/* Responsive layout */
@media(max-width:1350px){.stone-dock-name{display:none}.stone-dock{gap:6px;padding:0 8px}.stone-dock-count{padding-left:6px}}
@media(max-width:780px){.sitehunt-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sitehunt-gallery-grid .vault-stone{min-height:100px}.sitehunt-header{align-items:start}.sitehunt-header p{font-size:12px}.sitehunt-view{padding:11px}.sitehunt-gallery{padding:25px 18px}.sitehunt-gallery .vault-stone-icon{height:35px}.sitehunt-gallery .stone-svg{height:30px}.sitehunt-gallery .vault-stone-name{font-size:10px}}
@media(max-width:610px){.stone-dock{height:38px;padding:0 7px;gap:5px}.stone-dock-count{font-size:9px}.stone-dock-icon{width:12px}.header-actions{gap:5px}.header-search{min-width:36px;width:36px}.settings-trigger{width:36px}.sitehunt-header{flex-direction:column;gap:19px}.sitehunt-header h2{font-size:33px}.sitehunt-gallery{margin-top:18px}.sitehunt-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sitehunt-gallery-grid .vault-stone{min-height:105px;padding:10px 2px 8px}.sitehunt-gallery .vault-stone-name{font-size:10px}.sitehunt-gallery .vault-stone small{font-size:7px;letter-spacing:.25px}.sitehunt-bottom{gap:8px}.sitehunt-bottom>span:last-child{display:none}.sitehunt-view{width:100%;text-align:left;display:flex;justify-content:space-between}.vault-panel{width:min(100vw,440px)}.vault-head{padding:26px 20px 20px}.vault-head h2{font-size:34px}.vault-scroll{padding:20px 17px max(25px,env(safe-area-inset-bottom))}.vault-grid{gap:6px}.vault-grid .vault-stone{min-height:119px}.vault-grid .vault-stone-name{font-size:11px}.vault-grid .vault-stone-icon{height:47px}.vault-grid .stone-svg{height:44px}.vault-progress-top strong{font-size:24px}.vault-progress-top>span{font-size:8px}.hero-foot .discovery-spark{margin-top:10px}.reader-actions>.discovery-spark{margin-left:0}.reality-signal{flex-direction:column;align-items:flex-start}.ego-encounter{bottom:20px;right:12px;left:12px}.ego-anomaly{width:100%}}
@media(max-width:380px){.wordmark-name{font-size:12px}.stone-dock-count{font-size:8px}.stone-dock{height:34px}.sitehunt-gallery .vault-stone-name{font-size:9px}.sitehunt-gallery-grid .vault-stone{min-height:91px}}
@media(prefers-reduced-motion:reduce){.vault-stone.is-found .vault-stone-icon,.ego-anomaly{animation:none}.v6-ripple{display:none}.vault-panel,.hunt-toast,.vault-stone-icon,.hero-cosmos .gem{transition:none!important}}
html[data-motion="off"] .vault-stone.is-found .vault-stone-icon,html[data-motion="off"] .ego-anomaly{animation:none}
html[data-theme="light"] .vault-panel{background:radial-gradient(circle at 100% 0%,#ebddc1,transparent 36%),#f8f2e9;border-left-color:#c3aa80;color:#2a2931;box-shadow:-30px 0 100px #19120a5c}
html[data-theme="light"] .vault-head{border-color:#d3c2ad}html[data-theme="light"] .vault-head h2{color:#26252b}html[data-theme="light"] .vault-eyebrow,html[data-theme="light"] .vault-head h2 span{color:#81633c}
html[data-theme="light"] .vault-close{background:#eee2d3;color:#594f49;border-color:#c4b19a}html[data-theme="light"] .vault-progress-top strong{color:#5b4836}html[data-theme="light"] .vault-progress-top>span,html[data-theme="light"] .vault-progress-top strong span{color:#735e4a}
html[data-theme="light"] .vault-grid .vault-stone{background:linear-gradient(135deg,#fffaf4,#e9e3dd);border-color:#c9bcae}html[data-theme="light"] .vault-grid .vault-stone.is-found{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--gemcolor) 15%,transparent),transparent 85%),#f7f2e9}html[data-theme="light"] .vault-story{background:#efe4d6;border-color:#c5b4a0}html[data-theme="light"] .vault-story h3{color:#312c2c}html[data-theme="light"] .vault-story p{color:#625952}html[data-theme="light"] .vault-story>span{color:#866741}
html[data-theme="light"] .vault-hint-toggle{color:#78562e;border-color:#cfc3b3}html[data-theme="light"] .vault-hints{background:#f5ede2;border-color:#d9c7ae}html[data-theme="light"] .vault-hint strong{color:#433b35}html[data-theme="light"] .vault-hint p,html[data-theme="light"] .vault-actions p{color:#776d62}
.vault-backup{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.vault-backup button{cursor:pointer;min-height:42px;border:1px solid #6f6150;border-radius:5px;background:#252934;color:#ddc9a6;font-size:9px;font-weight:850;letter-spacing:.9px}
.vault-backup button:hover{background:#383129;border-color:#d9b982}
html[data-theme="light"] .vault-backup button{color:#695037;border-color:#baa283;background:#efe4d5}
html[data-theme="light"] .vault-backup button:hover{background:#e5d3b8}
.stone-burst{position:fixed;z-index:240;width:1px;height:1px;pointer-events:none}
.stone-burst i{position:absolute;display:block;width:7px;height:11px;border-radius:3px;background:var(--burst-color,#eed09a);box-shadow:0 0 13px var(--burst-color,#eed09a);transform:rotate(var(--angle));animation:stoneBurst .85s ease-out both}
@keyframes stoneBurst{0%{opacity:1;transform:rotate(var(--angle)) translateY(-4px) scale(1)}90%{opacity:.7}100%{opacity:0;transform:rotate(var(--angle)) translateY(-77px) scale(.2)}}
@media(prefers-reduced-motion:reduce){.stone-burst{display:none}}
