:root{--paper:#efe7d7;--ink:#6f553e;--orange:#c57a3c;--red:#c75148;--green:#568667}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif}.page{max-width:1100px;margin:auto;padding:7px 14px 35px}
header{height:62px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;border-bottom:1px solid #d8ccb8}header>div{text-align:center}header small,header strong{display:block}header small{font-size:9px;letter-spacing:1.4px}header strong{font-size:21px;color:var(--orange)}header button{border:1px solid #cdbfa9;background:#f8f1e6;color:var(--ink);border-radius:9px;padding:8px;font-weight:800}.back{font-size:31px;text-decoration:none;color:var(--ink)}
.game-shell{max-width:900px;margin:7px auto}.hud{display:flex;justify-content:center;gap:25px;padding:5px;font-size:10px}.hud b{margin-left:4px}.board-wrap{position:relative;height:calc(100svh - 145px);min-height:360px;max-height:760px}.board-wrap canvas{display:block;width:100%;height:100%;touch-action:manipulation}
.overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(239,231,215,.79);backdrop-filter:blur(4px);z-index:5}.hidden{display:none!important}.modal{width:min(470px,91%);padding:24px;background:#fffaf0;border:1px solid #d6c8b1;border-radius:18px;text-align:center;box-shadow:0 20px 60px #60462f22}.modal em{font-size:9px;font-style:normal;font-weight:900;letter-spacing:1.2px}.modal h1{margin:7px 0}.modal p{font-size:12px;line-height:1.58}.primary{border:0;background:var(--orange);color:white;border-radius:10px;padding:12px 18px;font-weight:900}.bigscore{font-size:42px;font-weight:950;color:var(--orange)}
.game-note{display:flex;justify-content:space-between;padding:4px 7px;font-size:9px}.guide,.leader{max-width:900px;margin:20px auto;padding:20px;border:1px solid #d9cdb9;border-radius:15px;background:#f8f1e5}.guide>span{font-size:9px;font-weight:900;letter-spacing:1px}.guide h2,.leader h2{margin:5px 0 10px}.guide p{font-size:13px;line-height:1.62}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guide article{padding:12px;border:1px solid #ddd0ba;border-radius:10px}.guide h3{margin:0 0 4px;font-size:14px}.leader-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;padding:8px;border-top:1px solid #d9cdb9;font-size:12px}.account{display:flex;justify-content:space-between;margin-top:12px;font-size:12px}.account a{font-weight:800;color:var(--ink)}.ad-slot{display:flex;align-items:center;justify-content:center;max-width:900px;margin:28px auto;min-height:90px}
@keyframes bad{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}canvas.bad{animation:bad .16s linear}
@media(max-width:700px){.page{padding:4px 7px 25px}header{height:54px;grid-template-columns:42px 1fr 55px}header button{padding:6px;font-size:9px}.hud{gap:9px;font-size:8px}.board-wrap{height:calc(100svh - 126px);min-height:315px}.guide-grid{grid-template-columns:1fr}.guide,.leader{padding:15px}.game-note{font-size:8px}}

.feedback{margin:6px auto 2px;min-height:27px;display:flex;align-items:center;justify-content:center;max-width:720px;padding:5px 10px;border-radius:9px;background:rgba(255,255,255,.25);font-size:10px;font-weight:850;letter-spacing:.15px;text-align:center;transition:.15s ease}
.feedback.error{background:#f6d9d5;color:#a62f28;border:1px solid #dc8c84}

.feedback.auto{background:#deefe3;color:#3f7753;border:1px solid #9ac4a6}

/* Thumbnail-matched neon stone chamber. Gameplay and board geometry are unchanged. */
:root{--paper:#040713;--ink:#eef6ff;--orange:#35e7ff;--red:#ff5263;--green:#55efae}
html,body{background:radial-gradient(900px 560px at 12% 4%,rgba(36,180,255,.14),transparent 64%),radial-gradient(780px 540px at 90% 24%,rgba(255,75,130,.11),transparent 65%),linear-gradient(150deg,#071126,#03050d 72%);color:var(--ink)}
body:before,body:after{content:"";position:fixed;z-index:-1;width:22vw;height:52vh;top:18%;border:1px solid rgba(67,183,255,.1);background:linear-gradient(145deg,rgba(28,53,83,.2),rgba(5,11,23,.04));box-shadow:0 0 40px rgba(29,176,255,.06);transform:rotate(7deg)}body:before{left:-9vw}body:after{right:-8vw;transform:rotate(-9deg)}
.sgc-page{position:relative}.sgc-header{border-color:rgba(71,104,153,.35);background:rgba(5,10,23,.55);backdrop-filter:blur(9px)}.sgc-mark{background:linear-gradient(145deg,#19d7ff,#526fff)!important;color:#04101b!important;box-shadow:0 0 20px rgba(53,231,255,.22)}.sgc-brand-copy strong{color:#f5f9ff}.sgc-brand-copy span{color:#8998b7}.sgc-actions>*{background:#111a31!important;border-color:#2c3e63!important;color:#eef6ff!important}.sgc-actions a{background:linear-gradient(135deg,#69edff,#a98aff)!important;color:#06111d!important}.audio-toggle{display:grid!important;place-items:center!important;width:38px;height:38px;padding:0!important}.audio-toggle svg{display:block}
.game-shell{max-width:980px;margin-top:10px;border:1px solid #30466e;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,rgba(15,26,49,.97),rgba(6,12,26,.99));box-shadow:0 28px 90px rgba(0,0,0,.46),0 0 48px rgba(53,231,255,.045)}
.hud{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0;background:rgba(5,10,24,.88);border-bottom:1px solid #293b60}.hud span{padding:11px 14px;border-right:1px solid rgba(60,82,128,.42);color:#8291af;font-size:8px;font-weight:850;letter-spacing:.85px;text-transform:uppercase}.hud span:last-child{border-right:0}.hud b{display:block;margin:3px 0 0;color:#fff;font-size:15px;letter-spacing:0;text-transform:none}.hud span:first-child b{color:#a98aff}.hud span:nth-child(2) b{color:#ff6574}.hud span:nth-child(4) b{color:#60ebff}.hud span:nth-child(5) b{color:#ffc75d}
.board-wrap{background:#030711;isolation:isolate}.board-wrap:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 35%,rgba(0,0,0,.18) 66%,rgba(0,0,0,.62) 100%);box-shadow:inset 0 0 80px rgba(0,0,0,.48)}.board-wrap canvas{position:relative;z-index:0;touch-action:manipulation}
.overlay{z-index:5;background:rgba(3,7,17,.76);backdrop-filter:blur(10px)}.modal{background:linear-gradient(145deg,rgba(20,32,60,.98),rgba(8,15,32,.99));border-color:#395077;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 42px rgba(53,231,255,.05)}.modal em{color:#45e7ff;letter-spacing:1.6px}.modal h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em}.modal p{color:#9ba9c3}.primary{background:linear-gradient(135deg,#63ebff,#a884ff);color:#06101c;box-shadow:0 10px 28px rgba(53,231,255,.14)}.bigscore{color:#55e9ff;text-shadow:0 0 30px rgba(53,231,255,.22)}
.feedback{margin:0;max-width:none;border-radius:0;background:rgba(6,12,27,.92);border-top:1px solid #283a5c;color:#91a2bf;min-height:32px}.feedback.error{background:rgba(62,12,28,.9);color:#ff96a2;border:1px solid rgba(255,82,99,.5)}.feedback.auto{background:rgba(9,51,55,.9);color:#7aeeff;border-color:rgba(53,231,255,.4)}.game-note{padding:8px 12px;background:rgba(5,10,23,.88);color:#7e8eab;border-top:1px solid #223351}
.guide,.leader{max-width:980px;background:linear-gradient(145deg,rgba(14,23,44,.97),rgba(8,14,29,.98));border-color:#293b5e;box-shadow:0 12px 35px rgba(0,0,0,.17)}.guide>span{color:#51e4fa}.guide p,.guide article p{color:#9aa8c2}.guide article{background:#0a1328;border-color:#293a5d}.leader-row{border-color:#21304e}.account{color:#93a2bd}.account a{color:#5fe8ff}.sgc-footer{color:#74839f}
@media(max-width:700px){
  .sgc-header{min-height:48px}.sgc-brand-copy span{display:none}.sgc-actions{gap:5px}.sgc-actions [data-sg-share-game]{display:none}.audio-toggle{width:36px;height:36px}.game-shell{border-radius:14px}.hud span{padding:8px 6px;text-align:center}.hud b{font-size:12px}.board-wrap{height:calc(100svh - 150px)!important;min-height:390px!important}.modal{padding:20px 15px}.modal h1{font-size:28px}.game-note{font-size:7px}.guide,.leader{padding:14px}
}
@media(max-width:420px){.hud{grid-template-columns:repeat(5,1fr)}.hud span{padding:7px 2px}.hud b{font-size:11px}.board-wrap{height:calc(100svh - 178px)!important;min-height:360px!important}.game-note span:last-child{display:none}.game-note{justify-content:center}}
@media(max-height:560px) and (orientation:landscape){.sgc-header{min-height:44px}.hud{display:none}.board-wrap{height:calc(100svh - 80px)!important;max-height:none!important;min-height:280px!important}.feedback{min-height:26px}.game-note,.guide,.leader,.sg-editorial,.sgc-footer{display:none}}
@media(prefers-reduced-motion:reduce){canvas.bad{animation:none}}

/* Square board authority: same geometry on every viewport, never stretched. */
.board-wrap.sg-gameplay-viewport{width:var(--arrow-board-size,min(100%,760px))!important;height:var(--arrow-board-size,min(100%,760px))!important;max-width:100%!important;max-height:none!important;min-height:0!important;margin-left:auto!important;margin-right:auto!important;aspect-ratio:1/1!important}
.board-wrap.sg-gameplay-viewport canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
@media(max-width:700px){.board-wrap.sg-gameplay-viewport{width:var(--arrow-board-size,100%)!important;height:var(--arrow-board-size,100%)!important;min-height:0!important}}
@media(max-height:560px) and (orientation:landscape){.board-wrap.sg-gameplay-viewport{width:var(--arrow-board-size,100%)!important;height:var(--arrow-board-size,100%)!important;min-height:0!important}}