:root{--bg-deep: #05080f;--bg-top: #0a0e1a;--gold: #e8c46a;--gold-dim: rgba(232, 196, 106, .45);--ink: #cfd9ee;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg-deep);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,system-ui,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.screen{position:fixed;inset:0;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 38%,#101828 0%,var(--bg-top) 45%,var(--bg-deep) 100%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hud{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;justify-items:center;padding:14px 18px;flex:0 0 auto}.hud.bottom{padding-bottom:22px}.hud.floating{position:absolute;top:env(safe-area-inset-top);left:0;right:0;z-index:3}.circle{width:46px;height:46px;border-radius:50%;border:1.6px solid var(--gold-dim);background:#0a0e1a8c;color:var(--gold);display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,border-color .2s ease}.circle:active{transform:scale(.92);border-color:var(--gold)}.stars{display:flex;gap:8px;color:var(--gold-dim)}.star.on{color:var(--gold);filter:drop-shadow(0 0 6px rgba(232,196,106,.55))}.moves{font-size:19px;letter-spacing:.02em;color:var(--gold);font-variant-numeric:tabular-nums}.moves .par{color:#cfd9ee66;font-size:15px}.board{flex:1 1 auto;width:100%;min-height:0;display:block;touch-action:manipulation}.hint-note{position:absolute;bottom:96px;left:50%;transform:translate(-50%);padding:9px 16px;border-radius:999px;border:1px solid var(--gold-dim);background:#0a0e1ae6;color:var(--gold);font-size:14px;white-space:nowrap}.clear-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 50% 50%,rgba(255,255,255,.16),transparent 70%);animation:flash .9s ease-out forwards}@keyframes flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.select{overflow:hidden}.starfield{position:absolute;inset:0;overflow:hidden;pointer-events:none}.sky{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sky-inner{position:relative;width:100%}.world-head{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:9px;white-space:nowrap;pointer-events:none}.world-head:before,.world-head:after{content:"";position:absolute;top:50%;width:62px;height:1px}.world-head:before{right:100%;margin-right:14px;background:linear-gradient(to left,rgba(160,196,255,.5),transparent)}.world-head:after{left:100%;margin-left:14px;background:linear-gradient(to right,rgba(160,196,255,.5),transparent)}.world-head span{font-size:11px;letter-spacing:.18em;color:#96b2e0bf}.world-head b{font-size:15px;font-weight:600;letter-spacing:.02em;color:#e8d9a8;text-shadow:0 0 12px rgba(232,217,168,.28)}.nebula{position:absolute;inset:0;background:radial-gradient(38% 16% at 28% 30%,rgba(74,96,190,.3),transparent 70%),radial-gradient(32% 14% at 70% 62%,rgba(112,74,190,.26),transparent 70%),radial-gradient(30% 12% at 40% 84%,rgba(58,88,175,.22),transparent 70%);filter:blur(6px)}.dust{position:absolute;border-radius:50%;background:#dbe6ff;opacity:var(--o, .5)}.dust.tw{animation-name:twinkle;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.dust.bright{background:#fff;box-shadow:0 0 4px #d6e8ffe6,0 0 10px #96beff8c}@keyframes twinkle{0%,to{opacity:var(--o, .5);transform:scale(1)}50%{opacity:calc(var(--o, .5) * .38);transform:scale(.8)}}.trail{position:absolute;inset:0;width:100%;height:100%}.node{position:absolute;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:none;padding:0;display:grid;place-items:center;cursor:pointer;background:radial-gradient(62% 58% at 50% 34%,#1b2540,#0a1020 62%,#05080f);box-shadow:inset 0 3px 8px #000000d9,inset 0 -2px 3px #ffffff0d,0 7px 18px #0009;transition:transform .14s cubic-bezier(.34,1.4,.64,1),box-shadow .2s ease}.node:active{transform:translate(-50%,-50%) scale(.93)}.node .ring{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 212deg,#5e4718,#ffe9a8 12%,#c9a24a,#6b5120 40%,#f5dfa0 56%,#a8822c 70%,#fff0c4 86%,#5e4718);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3.5px));opacity:.42;pointer-events:none}.node .gem{width:30px;height:36px;display:block;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.75));--g1: #39415a;--g2: #4a5470;--g3: #222a3c;--g4: #2e374d;--g5: #161c2a;--gspec: rgba(255, 255, 255, .1);--gedge: rgba(150, 175, 215, .32)}.node.done .ring{opacity:.95}.node.done{box-shadow:inset 0 3px 8px #000c,0 0 18px #e8c46a47,0 7px 18px #0009}.node.done .gem{--g1: #f0cd76;--g2: #fff0c0;--g3: #b78d33;--g4: #d8ab48;--g5: #85661f;--gspec: rgba(255, 255, 255, .5);--gedge: rgba(255, 240, 196, .7);filter:drop-shadow(0 2px 4px rgba(0,0,0,.7)) drop-shadow(0 0 6px rgba(232,196,106,.45))}.node.current .ring{opacity:1}.node.current{box-shadow:inset 0 3px 8px #000000bf,0 0 26px #ffd83db3,0 0 62px #ffd83d4d,0 7px 18px #0009}.node.current .gem{--g1: #ffe9a8;--g2: #ffffff;--g3: #dfa72b;--g4: #ffd83d;--g5: #a5771b;--gspec: rgba(255, 255, 255, .8);--gedge: #fff6d8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 9px rgba(255,216,61,.7))}.node-stars{position:absolute;bottom:-20px;display:flex;gap:2px;font-size:13px;color:#e8c46a40}.node-stars i.on{color:var(--gold);font-style:normal}.node-stars i{font-style:normal}.title{background-size:cover;background-position:center;justify-content:space-between;align-items:center}.title-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,15,.55) 0%,transparent 30%,rgba(5,8,15,.7) 100%)}.logo{position:relative;margin-top:11vh;text-align:center;padding:30px 62px 34px;background:radial-gradient(56% 60% at 50% 46%,#03060de0,#03060da8 42%,#03060d42 66%,#03060d00 80%)}.logo h1{margin:0;font-size:66px;font-weight:600;letter-spacing:.14em;text-indent:.14em;color:#fff;text-shadow:0 0 2px rgba(2,5,12,.95),0 1px 3px rgba(2,5,12,.9),0 3px 14px rgba(2,5,12,.85),0 6px 30px rgba(2,5,12,.7),0 0 26px rgba(190,216,255,.6),0 0 64px rgba(120,160,255,.35)}.logo p{margin:8px 0 0;font-size:13px;font-weight:500;letter-spacing:.42em;text-indent:.42em;color:#f4dda0;text-shadow:0 0 2px rgba(2,5,12,.95),0 2px 8px rgba(2,5,12,.9),0 0 18px rgba(232,196,106,.45)}.start{position:relative;margin-bottom:12vh;padding:15px 54px;border-radius:999px;border:1.6px solid var(--gold);background:#0a0e1a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--gold);font-size:17px;letter-spacing:.1em;cursor:pointer;transition:transform .12s ease}.start:active{transform:scale(.96)}.circle.ghost{border-color:transparent;background:none;pointer-events:none}.daily-title{display:grid;justify-items:center;gap:2px}.daily-title strong{font-size:17px;letter-spacing:.06em;color:var(--gold);font-weight:600}.daily-title span{font-size:12px;color:#cfd9ee66;font-variant-numeric:tabular-nums}.daily-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:8px 20px 32px}.streak{display:grid;justify-items:center;margin:10px 0 22px}.streak-n{font-size:72px;line-height:1;font-weight:300;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(232,196,106,.4)}.streak-label{margin-top:6px;font-size:13px;letter-spacing:.14em;color:#cfd9ee8c}.streak-best{margin-top:3px;font-size:12px;color:#cfd9ee59}.daily-go{margin-bottom:0;padding:14px 40px}.daily-note{margin:12px 0 0;font-size:14px;text-align:center;line-height:1.6;color:var(--ink)}.daily-note b{color:var(--gold)}.dim{color:#cfd9ee66;font-size:12.5px}.daily-err{margin:12px 0 0;padding:9px 14px;border-radius:10px;border:1px solid rgba(232,140,106,.4);background:#3c181280;color:#f0b9a4;font-size:13px;line-height:1.5;text-align:center;max-width:340px}.nick-row{display:flex;gap:8px;align-items:center;margin:20px 0 14px}.nick-input{width:150px;padding:9px 12px;border-radius:999px;border:1px solid var(--gold-dim);background:#0a0e1ab3;color:var(--ink);font:inherit;font-size:14px;text-align:center}.nick-input:focus{outline:none;border-color:var(--gold)}.nick-btn{padding:9px 16px;border-radius:999px;border:1px solid var(--gold-dim);background:#0a0e1a80;color:var(--gold);font:inherit;font-size:13.5px;cursor:pointer}.nick-btn.ghost{border-color:#cfd9ee2e;color:#cfd9ee99}.board-list{list-style:none;margin:0;padding:0;width:100%;max-width:380px}.board-list li{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid rgba(207,217,238,.07);font-size:14.5px}.board-list li.me{background:#e8c46a17;border-radius:10px;border-bottom-color:transparent}.bd-rank{color:var(--gold-dim);font-variant-numeric:tabular-nums;text-align:right}.board-list li.me .bd-rank{color:var(--gold)}.bd-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-moves{color:var(--gold);font-variant-numeric:tabular-nums}.bd-ms{color:#cfd9ee6b;font-variant-numeric:tabular-nums;font-size:13px;min-width:40px;text-align:right}.bd-empty{display:block!important;text-align:center;color:#cfd9ee59;border-bottom:none!important;padding:26px 0!important}.board-me{margin-top:14px;font-size:14px;color:#cfd9ee99}.board-me b{color:var(--gold)}.title-buttons{position:relative;margin-bottom:10vh;display:grid;gap:10px;justify-items:center}.title-buttons .start{margin-bottom:0}.start.quiet{padding:11px 34px;font-size:14px;border-color:#e8c46a52;color:#e8c46acc}.sheet-veil{position:fixed;inset:0;z-index:20;background:#02050cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;animation:veil-in .18s ease-out}@keyframes veil-in{0%{opacity:0}}.sheet{width:100%;max-height:86%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#101828,var(--bg-top));border-top:1px solid rgba(232,196,106,.22);border-radius:20px 20px 0 0;padding:10px 18px calc(24px + env(safe-area-inset-bottom));animation:sheet-in .22s cubic-bezier(.2,.9,.3,1)}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}}.sheet-grip{width:38px;height:4px;border-radius:2px;background:#cfd9ee38;margin:0 auto 14px}.sheet h2{margin:18px 0 8px;font-size:13px;font-weight:600;letter-spacing:.14em;color:#cfd9ee73}.sheet h2:first-of-type{margin-top:4px}.row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;margin-bottom:7px;border-radius:12px;border:1px solid rgba(207,217,238,.1);background:#0a0e1a8c;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.row:active{border-color:var(--gold-dim)}.row:disabled{cursor:default;opacity:.55}.row-body{display:grid;gap:3px;min-width:0}.row-title{font-size:15px}.row-desc{font-size:12.5px;color:#cfd9ee73}.row-price{flex:0 0 auto;font-size:14px;color:var(--gold);font-variant-numeric:tabular-nums}.row.restore{margin-top:10px;border-style:dashed}.row-note{margin:2px 2px 12px;font-size:12.5px;line-height:1.55;color:#cfd9ee6b}.row-note.warn{color:#e8c46a}.row-note b{color:#cfd9eebf}.toggle{width:44px;height:26px;border-radius:999px;background:#cfd9ee29;position:relative;transition:background .18s ease}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#cfd9ee;transition:transform .18s ease}.toggle.on{background:#e8c46a8c}.toggle.on:after{transform:translate(18px);background:var(--gold)}.sheet-close{width:100%;margin-top:16px;padding:14px;border-radius:12px;border:1px solid var(--gold-dim);background:none;color:var(--gold);font:inherit;font-size:15px;cursor:pointer}.node.locked{background:radial-gradient(62% 58% at 50% 34%,#131926,#080c16 62%,#04060c);box-shadow:inset 0 3px 8px #000000e6,0 5px 14px #0000008c}.node.locked .ring{opacity:.13;filter:grayscale(.7)}.node.locked .gem{--g1: #2a3143;--g2: #333c52;--g3: #1a2030;--g4: #232a3b;--g5: #121722;--gspec: rgba(255, 255, 255, .04);--gedge: rgba(120, 140, 180, .22);opacity:.55;filter:none}.node .lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);color:#c4d2ecd1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))}