:root{--ink:#f6f7fb;--muted:#98a3b5;--panel:#17202d;--panel2:#1c2736;--line:#344256;--sand:#ffd978;--teal:#57dfc2;--blue:#69a8ff;--danger:#ff7785;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;background:#0c121b}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 8%,rgba(87,223,194,.1),transparent 30rem),radial-gradient(circle at 84% 30%,rgba(255,217,120,.07),transparent 28rem),#0c121b;color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}.page-shell{width:min(100% - 28px,760px);margin:0 auto;padding:32px 0 80px}.game-card,.about-card{background:linear-gradient(145deg,rgba(28,39,54,.98),rgba(17,24,35,.98));border:1px solid rgba(255,255,255,.09);border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.34)}.game-card{padding:28px clamp(14px,4vw,42px) 30px}.game-header{display:flex;align-items:center;justify-content:space-between}.eyebrow{display:block;color:var(--sand);font-size:.65rem;font-weight:800;letter-spacing:.18em}.brand-lockup h1{font:800 clamp(2.2rem,8vw,3.3rem)/1 "Manrope",sans-serif;letter-spacing:-.08em;margin:4px 0 0}.brand-lockup h1 span{color:var(--sand)}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer}.icon-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 20px;border:1px solid var(--line);border-radius:14px;background:#111822}.stats-bar div{padding:10px;text-align:center;border-right:1px solid var(--line)}.stats-bar div:last-child{border:0}.stats-bar span,.stats-bar strong{display:block}.stats-bar span{color:#718097;font-size:.56rem;font-weight:800;letter-spacing:.14em}.stats-bar strong{margin-top:3px;font:800 .95rem "Manrope"}
.setup-panel{text-align:center;padding:12px 0 5px}.map-mark{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 18px;border:1px dashed rgba(255,217,120,.5);border-radius:50%;background:rgba(255,217,120,.05)}.map-mark span{color:var(--sand);font:300 3.5rem/1 "DM Sans";transform:translateY(-3px)}.setup-panel h2{font:800 1.65rem "Manrope";margin:8px 0}.setup-panel>p{max-width:490px;margin:0 auto 22px;color:var(--muted);line-height:1.55;font-size:.86rem}.difficulty-list{display:grid;gap:8px;max-width:480px;margin:auto}.difficulty-list button{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#131b27;color:var(--ink);text-align:left;cursor:pointer;transition:.18s}.difficulty-list button:hover{border-color:var(--sand);transform:translateY(-1px)}.difficulty-list span,.difficulty-list strong,.difficulty-list small{display:block}.difficulty-list small{margin-top:2px;color:var(--muted)}.difficulty-list i{padding:5px 8px;border-radius:12px;background:#263245;color:#a9b5c8;font-size:.61rem;font-style:normal}.game-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.game-status button{border:0;background:transparent;color:var(--muted);cursor:pointer}.game-status>div{text-align:center}.game-status span,.game-status strong{display:block}.game-status span{color:#718097;font-size:.55rem;font-weight:800;letter-spacing:.13em}.game-status strong{font-size:.8rem}.clue-card{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:#111925;text-align:left}.clue-arrow{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#243143;color:var(--teal);font:800 1.65rem "Manrope"}.clue-card span,.clue-card strong,.clue-card p{display:block}.clue-card span{color:var(--sand);font-size:.55rem;font-weight:800;letter-spacing:.13em}.clue-card strong{margin:2px 0;font:800 1rem "Manrope"}.clue-card p{margin:0;color:var(--muted);font-size:.72rem}.axis-x{margin:15px 0 5px 28px;color:#65738a;font-size:.52rem;font-weight:800;letter-spacing:.13em;text-align:center}.grid-wrap{display:flex;gap:6px;align-items:center;justify-content:center}.axis-y{writing-mode:vertical-rl;transform:rotate(180deg);color:#65738a;font-size:.52rem;font-weight:800;letter-spacing:.13em}.grid{--size:6;display:grid;grid-template-columns:repeat(var(--size),1fr);gap:4px;width:min(100%,490px);aspect-ratio:1}.cell{position:relative;display:grid;place-items:center;min-width:0;border:1px solid #354359;border-radius:7px;background:#151e2a;color:#718097;cursor:pointer;font-size:clamp(.55rem,2.2vw,.74rem);transition:.18s}.cell:hover:not(:disabled){border-color:var(--sand);transform:scale(1.04);z-index:2}.cell.possible{border-color:rgba(87,223,194,.48);background:rgba(87,223,194,.13);color:#bdeee4;box-shadow:inset 0 0 12px rgba(87,223,194,.04)}.cell.scanned{background:#29364a;color:white}.cell.cleared{opacity:.28}.cell.treasure{opacity:1;border-color:var(--sand);background:var(--sand);color:#3c2d06;font-size:1.4rem;box-shadow:0 0 24px rgba(255,217,120,.35)}.cell:disabled{cursor:default}.legend{display:flex;justify-content:center;gap:16px;margin-top:13px;color:#728096;font-size:.62rem}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:2px}.legend .possible{background:var(--teal)}.legend .scanned{background:#586983}.legend .cleared{background:#303a49;opacity:.4}
.ad-card{height:92px;display:grid;place-items:center;margin:18px auto 32px;border:1px dashed #2c3445;border-radius:16px;color:#616b7f;font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;overflow:hidden}.ad-card>span{position:absolute}.ad-card ins{width:100%;height:90px!important;max-height:90px;position:relative;overflow:hidden}.about-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;padding:30px}.about-card h2{font:800 1.45rem/1.15 "Manrope";margin:8px 0}.about-card p{color:var(--muted);line-height:1.7;margin:0;font-size:.88rem}.dialog{width:min(calc(100% - 28px),500px);padding:30px;border:1px solid #344258;border-radius:24px;background:#182230;color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.5)}.dialog::backdrop{background:rgba(5,8,13,.78);backdrop-filter:blur(8px)}.dialog h2{font:800 1.65rem/1.2 "Manrope";margin:8px 0 18px}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--muted);font-size:1.8rem;cursor:pointer}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:13px;padding:12px 0;border-top:1px solid var(--line)}.steps li>span{color:var(--teal);font:800 .7rem "Manrope"}.steps p{margin:3px 0;color:var(--muted);font-size:.8rem}.primary-button,.secondary-button{width:100%;min-height:47px;border:0;border-radius:12px;font-weight:800;cursor:pointer}.primary-button{margin-top:16px;background:var(--sand);color:#2d2208}.secondary-button{background:#293548;color:var(--ink)}.result-dialog{text-align:center}.result-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 17px;border-radius:50%;background:var(--sand);color:#352807;font-size:3rem}.result-dialog>p{color:var(--muted)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-actions .primary-button{margin:0}@media(max-width:560px){.page-shell{width:min(100% - 16px,760px);padding-top:28px}.game-card{padding-top:20px;border-radius:20px}.stats-bar{margin:16px 0}.grid{gap:3px}.cell{border-radius:5px}.about-card{grid-template-columns:1fr;gap:12px;padding:24px}.ad-card{margin-bottom:20px}.dialog{padding:26px 20px}}@media(max-width:380px){.game-card{padding-left:10px;padding-right:10px}.grid-wrap{gap:3px}.clue-card{grid-template-columns:48px 1fr}.clue-arrow{width:46px;height:46px}.legend{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}