:root{font-family:Trebuchet MS,system-ui,sans-serif;color:#20262b;background:#e9eded;font-weight:650;font-synthesis:none;--red:#ed242f;--dark:#20262b;--paper:#e9eded;--muted:#657078;--line:#cbd2d5;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#fafafa,transparent 65%),#e9eded}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #438dea;outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button:active:not(:disabled){transform:translateY(1px)}.app{width:min(100%,680px);margin:auto;padding:0 20px;min-height:100svh}.topbar{height:64px;display:flex;align-items:center;gap:9px;padding-top:env(safe-area-inset-top)}.platform{font-size:14px;letter-spacing:-.8px;font-weight:950;white-space:nowrap}.platform>span:first-child{margin-left:3px;font-weight:600}.platform-arrow{margin-left:7px;font-size:14px}.mvp-tag{border:1px solid #a9b3b9;border-radius:4px;font-size:9px;letter-spacing:1px;padding:3px 5px;color:#62717a}.top-actions{margin-left:auto;display:flex;gap:3px}.icon-button{width:40px;height:40px;background:transparent;border-radius:50%;display:grid;place-items:center;color:var(--dark);padding:8px}.icon-button:hover{background:#dce2e4}.icon-button svg{width:22px;height:22px}.language{font-size:12px;font-weight:850}.screen{animation:arrive .2s ease-out}.home{min-height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px 0 24px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;font-weight:800;color:var(--muted)}.home-title h1{font-size:clamp(76px,20vw,116px);letter-spacing:-9px;font-weight:950;line-height:1.05;margin:4px 0 10px}.home-title h1>span{color:var(--red)}.home-title h1>i{font-style:normal;display:inline-block;margin-left:4px;color:var(--red)}.home-title p{font-size:18px;font-weight:800;letter-spacing:-.8px}.preview{width:270px;height:174px;position:relative;margin:20px 0 16px;border-radius:26px;background:radial-gradient(ellipse at center,#adb5b83b,transparent 65%)}.preview-grid{position:absolute;inset:0;background:radial-gradient(circle at center,#aeb8be 3px,transparent 3.5px) 0 0/26px 26px;opacity:.6;mask-image:radial-gradient(ellipse,#000 40%,transparent 75%)}.preview-card{position:absolute;display:grid;place-items:center;border:0;background:linear-gradient(135deg,#930710,#e31927 24%,#ffada9 34%,#f23a42 39%,#bd111d 62%,#ff6665 84%,#ae0c17);border-radius:50%;width:68px;height:68px;color:#fff;font-size:25px;font-weight:900;box-shadow:inset 0 1px 1px #ffe0e990,inset 0 -2px 3px #2e0a1c99,0 5px 9px #37404735;letter-spacing:-1.5px}.preview-card.one{left:27px;top:18px}.preview-card.two{left:107px;top:18px}.preview-card.three{left:67px;top:97px}.preview-card.four{left:147px;top:97px}.preview-sticker{background:#20262b;color:#f8f8f8;position:absolute;right:0;top:10px;line-height:.9;border-radius:9px;padding:9px 10px;font-size:22px;font-weight:950;transform:rotate(8deg)}.preview-sticker small{font-size:8px;letter-spacing:1px}.home-bottom{width:min(100%,350px)}.quick-rule{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;margin-bottom:14px;color:#647078}.rule-example{white-space:nowrap;font-size:14px;color:var(--dark);background:#dce2e4;border-radius:20px;padding:5px 9px}.rule-example b{color:#929fa7;margin:0 4px}.primary{width:100%;min-height:58px;background:linear-gradient(#fa3942,#d91c27);color:#fff;border-radius:16px;padding:12px 18px;font-size:19px;font-weight:900;box-shadow:inset 0 1px #fff6,0 4px #8e1b26,0 7px 14px #a2313422}.primary:hover{background:linear-gradient(#ff4850,#ed242f)}.secondary{min-height:44px;background:#252d32;color:#fff;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:850}.secondary:disabled{background:#7b878d}.text-button{padding:12px;background:transparent;color:#5c6a73;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:42px}.home-links{display:flex;justify-content:center;gap:12px;margin-top:10px}.best-line{display:flex;justify-content:center;gap:8px;color:var(--muted);font-size:11px;margin-top:8px}.best-line strong{color:var(--dark);max-width:65%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.play{height:calc(100dvh - 64px);display:flex;flex-direction:column;align-items:center;padding-bottom:max(16px,env(safe-area-inset-bottom));position:relative}.play-heading{width:100%;display:flex;align-items:center;min-height:30px;gap:8px}.wordmark{font-size:23px;font-weight:950;letter-spacing:-1.5px}.wordmark>span{color:var(--red)}.phase-tag{margin-left:auto;font-size:10px;color:#62717a}.exit{height:30px;width:30px;font-size:26px;padding:0;color:#75858d}.hud{width:100%;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:start;padding:14px 0 0}.score-box{min-width:0}.score-line{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums;min-width:0}.score-line strong{font-size:clamp(26px,6.8vw,44px);font-weight:950;letter-spacing:-1.5px;line-height:1.2;white-space:nowrap}.score-line>span{font-size:clamp(12px,3.5vw,18px);font-weight:850;white-space:nowrap;color:var(--red)}.timer-box{text-align:right;min-width:53px}.timer-box>strong{display:block;font-size:34px;font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1.3}.timer-box strong>span{font-size:12px;margin-left:1px}.time-track{grid-column:1/-1;height:5px;background:#cdd5d9;border-radius:10px;overflow:hidden;margin-top:4px}.time-track>div{height:100%;background:#47545d;width:100%;transform-origin:left;transition:background .3s}.board-stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:12px 0}.board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));width:min(100%,calc(100dvh - 264px),480px);aspect-ratio:1;border-radius:22px;background:repeating-linear-gradient(0deg,#2c363e 0 1px,#303b43 1px 3px);border:6px solid #6d7d87;padding:10px;box-shadow:0 0 0 1px #38454e,inset 0 3px 8px #10182099,0 12px 24px #25353c26;touch-action:none;user-select:none;-webkit-user-select:none;position:relative}.board:before,.board:after{content:"";position:absolute;width:5px;height:5px;background:#d4dce1;border-radius:50%;box-shadow:inset 0 -1px 1px #283741;top:-2px;pointer-events:none}.board:before{left:5px}.board:after{right:5px}.cell{width:100%;height:100%;position:relative;background:transparent;border:0;padding:0;display:grid;place-items:center;perspective:180px;isolation:isolate;touch-action:none}.cell:active:not(:disabled){transform:none}.cell:disabled{pointer-events:none}.cell-rotor{position:absolute;inset:2px;border-radius:50%;transform-style:preserve-3d;transform:rotateY(var(--turn,0deg));transition:transform var(--flip-duration,.32s) cubic-bezier(.12,.55,.25,1);pointer-events:none}.cell-back,.cell-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;display:grid;place-items:center;border:0;box-shadow:inset 0 1px 1px #fff8,inset 0 -1px 2px #111b2299,0 1px 2px #10182077;pointer-events:none}.cell-back{background:linear-gradient(135deg,#444e58,#8d98a3 28%,#cdd3d8 39%,#a9b2bc 44%,#737e88 62%,#9fa9b2 83%,#59636e);transform:rotateY(0)}.cell-face{transform:rotateY(180deg);background:linear-gradient(135deg,#930710,#e31927 24%,#ffada9 34%,#f23a42 39%,#bd111d 62%,#ff6665 84%,#ae0c17);color:#fff;text-shadow:0 1px 2px #320515;font-size:clamp(12px,3.9vw,20px);font-weight:950;letter-spacing:-1px;line-height:1}.cell[data-active=true]{z-index:2;isolation:auto}.cell[data-active=true]:before{content:"";position:absolute;width:44px;height:44px;border-radius:50%}.cell:focus-visible{outline:0}.cell:focus-visible .cell-rotor{outline:3px solid #74bcff;outline-offset:2px}.countdown{position:absolute;inset:12px 0;background:#e9ededea;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;border-radius:24px;z-index:3}.countdown>strong{font-size:100px;color:var(--red);letter-spacing:-5px;line-height:1;font-weight:950}.countdown>span{font-size:12px;text-align:center;padding:0 10px}.play-feedback{text-align:center;flex-shrink:0;min-height:47px;width:100%}.play-feedback>span{display:block;min-height:24px;font-size:15px;font-weight:850;overflow-wrap:anywhere}.play-feedback>small{color:#6b7a83;font-size:10px}.play-feedback.up>span{color:#b32133}.play-feedback.down>span{color:#586975}.burning-pop{position:absolute;top:0;font-size:clamp(30px,8vw,48px);font-weight:950;color:#fff;background:#d32a36;padding:10px 16px;border-radius:14px;z-index:4;animation:arrive .2s ease-out;pointer-events:none}.app.burning .phase-tag{color:#c32b38;font-weight:900}.app.burning .timer-box{color:var(--red)}.app.burning .time-track>div{background:var(--red)}.app.burning .board{border-color:#a46167}.result{min-height:calc(100svh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 0 24px;gap:24px}.result-top h2{font-size:28px;font-weight:950;letter-spacing:-1px;margin:5px 0}.result-score{width:100%;min-width:0;background:linear-gradient(135deg,#fff,#e1e6e8);border:1px solid #c5ced3;border-radius:20px;padding:26px 12px;box-shadow:0 5px 14px #263c4710}.result-score .score-line{justify-content:center;margin-top:6px}.result-score .score-line strong{color:#ed242f;font-size:clamp(28px,7.8vw,52px)}.result-score details{font-size:10px;margin-top:10px;color:#667882}.result-score summary{cursor:pointer}.result-score details p{max-height:84px;overflow-y:auto;overflow-wrap:anywhere;margin-top:10px;line-height:1.6;text-align:left;font-variant-numeric:tabular-nums}.save-form{width:min(100%,350px);text-align:left}.save-form label{display:block;font-size:11px;margin-bottom:7px;color:#5b6c76}.save-row{display:flex;gap:8px}.save-row input{width:0;min-width:0;flex:1;height:44px;border:1px solid #bdcbd2;background:#fafcfc;border-radius:10px;padding:9px 12px;font-size:12px;color:var(--dark)}.save-form small{font-size:10px;color:#6b7b84;display:block;margin-top:7px;line-height:1.4}.result-actions{width:min(100%,350px)}.sheet{border:1px solid #bac6cc;border-radius:22px;background:#f3f6f7;color:var(--dark);width:min(92vw,410px);max-height:90dvh;padding:28px 24px;box-shadow:0 20px 100px #12202e44;overflow-y:auto}.sheet::backdrop{background:#17273199;backdrop-filter:blur(3px)}.sheet h2{font-size:23px;margin:10px 0 15px;font-weight:950;letter-spacing:-.6px}.sheet-close{position:absolute;right:8px;top:8px;font-size:28px}.sheet ol:not(.record-list){padding-left:20px;font-size:13px;line-height:1.7}.sheet li{margin-bottom:12px}.help-example{display:flex;justify-content:space-between;align-items:center;background:#dfe6e9;padding:12px;border-radius:12px;font-size:18px}.help-example strong{color:var(--red);font-size:28px}.help-caution,.sheet>p{font-size:12px;line-height:1.7;color:#5c707c;margin:16px 0}.sheet>.primary{font-size:15px;min-height:48px;margin-top:8px}.full-width{width:100%}.record-list{list-style:none;padding:0;max-height:50dvh;overflow:auto}.record-list li{display:grid;grid-template-columns:22px 1fr auto;gap:6px;align-items:center;border-bottom:1px solid #ced9df;padding:10px 0;margin:0;font-size:12px}.record-list .record-number{color:#82949f;font-size:10px}.record-list .record-name{overflow-wrap:anywhere;min-width:0}.record-list strong{font-size:12px;font-variant-numeric:tabular-nums;max-width:170px;overflow-wrap:anywhere;text-align:right}.record-list .empty{display:block;text-align:center;padding:20px 0;color:#667c89}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#202b32;color:#fff;font-size:12px;padding:12px 16px;border-radius:14px;max-width:90vw;text-align:center;z-index:20;box-shadow:0 6px 20px #12263622}.score-line.bump{animation:bump .15s ease-out}.save-row input:disabled{background:#dce2e5;color:#65717a;border-color:#c5ced3;cursor:default;opacity:1}.rank-pages{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0}.rank-pages[hidden]{display:none}.rank-pages button{min-height:42px;padding:10px 18px;font-size:12px}.rank-pages span{font-size:12px;font-variant-numeric:tabular-nums}.record-list li{grid-template-columns:34px minmax(0,1fr) auto}@keyframes arrive{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes bump{50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:700px)and (min-height:700px){.app{max-width:620px}.home{gap:10px}.preview{margin:35px 0}.board-stage .board{width:min(100%,calc(100dvh - 280px),480px)}.play-heading{margin-top:10px}.hud{padding-top:18px}.result{gap:26px}}@media(max-height:680px){.home{padding-top:8px;padding-bottom:12px}.home-title h1{font-size:76px;margin:0 0 6px;letter-spacing:-6px}.home-title p{font-size:16px}.preview{height:170px;margin:6px 0}.home-bottom .quick-rule{margin-bottom:10px}.home-links{margin-top:6px}.best-line{margin-top:2px}.result{gap:18px;padding:8px 0 12px}.result-score{padding:20px 12px}.result-top h2{font-size:24px}.result .primary{min-height:48px;font-size:17px}.result-actions .home-links{margin-top:6px}}@media(max-width:360px){.app{padding-left:12px;padding-right:12px}.topbar{height:52px}.home,.result{min-height:calc(100svh - 52px)}.play{height:calc(100dvh - 52px)}.board-stage .board{width:min(100%,calc(100dvh - 240px));padding:8px;border-width:5px}.score-line strong{font-size:25px;letter-spacing:-1px}.result-score .score-line strong{font-size:32px}.score-line>span{font-size:16px}.quick-rule{gap:5px;font-size:10px}.rule-example{font-size:12px}.play-hint{font-size:9px}.sheet{padding:24px 18px}.cell-rotor{inset:1.5px}}@media(max-height:500px)and (orientation:landscape){.app{max-width:900px;padding:0 14px}.topbar{height:44px}.home{min-height:calc(100dvh - 44px);display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding:8px 12px}.home .home-title h1{font-size:72px}.home .preview{display:none}.home-bottom{grid-column:2;grid-row:1}.home .primary{min-height:48px}.home .home-links{gap:3px}.home .best-line{font-size:10px}.home-title p{font-size:14px}.play{height:calc(100dvh - 44px);display:grid;grid-template-columns:minmax(145px,1fr) minmax(244px,1.7fr);grid-template-rows:34px 1fr auto;gap:0 12px;padding-bottom:8px}.play-heading{grid-column:1;grid-row:1}.hud{grid-column:1;grid-row:2;grid-template-columns:1fr;padding:5px 0;align-content:center;gap:9px}.hud .timer-box{text-align:left}.time-track{grid-column:1}.score-line strong{font-size:25px}.score-line>span{font-size:14px}.board-stage{grid-column:2;grid-row:1/4;height:100%;padding:0}.board-stage .board{width:min(100%,calc(100dvh - 56px));max-width:430px;padding:8px;border-width:5px}.cell-rotor{inset:1.5px}.cell-face,.cell-back{font-size:13px}.countdown{inset:0}.play-feedback{grid-column:1;grid-row:3;text-align:left;min-height:42px}.play-feedback>span{font-size:11px}.play-feedback>small{font-size:9px}.result{min-height:calc(100dvh - 44px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-content:center;gap:14px 20px;padding:10px 5px}.result-top{grid-column:1;grid-row:1}.result-score{grid-column:1;grid-row:2}.save-form{grid-column:2;grid-row:1;align-self:center}.result-actions{grid-column:2;grid-row:2;align-self:center}.result-top h2{font-size:20px}.result-score .score-line strong{font-size:32px}.result-score{padding:16px 10px}.burning-pop{font-size:25px}}.home{gap:30px}.home-title h1{font-size:clamp(68px,18vw,108px);letter-spacing:-7px;margin:0;line-height:1.1}.home-coin{width:180px;height:180px;background:transparent;position:relative;padding:0;perspective:700px;border-radius:50%;touch-action:manipulation;flex-shrink:0;filter:drop-shadow(0 16px 12px #25353c25)}.home-coin:active:not(:disabled){transform:none}.home-coin-rotor{position:absolute;inset:0;border-radius:50%;transform-style:preserve-3d}.home-coin-front,.home-coin-back{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 2px 3px #fff8,inset 0 -3px 5px #52000988;display:grid;place-items:center}.home-coin-front{background:linear-gradient(135deg,#930710,#e31927 24%,#ffada9 34%,#f23a42 39%,#bd111d 62%,#ff6665 84%,#ae0c17);transform:translateZ(3px);color:#fff;font-size:78px;font-weight:950;text-shadow:0 2px 3px #8e0914}.home-coin-back{background:linear-gradient(135deg,#444e58,#8d98a3 28%,#cdd3d8 39%,#a9b2bc 44%,#737e88 62%,#9fa9b2 83%,#59636e);transform:rotateY(180deg) translateZ(3px)}.home-bottom{width:180px}.home-bottom .primary{min-height:48px;font-size:16px;border-radius:24px;padding:10px 16px}.home-tools{display:flex;justify-content:center;gap:12px;margin-top:12px}.score-box .score-line{overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:thin}.score-line strong.long-score{font-size:24px;letter-spacing:-.6px}.result-score .score-line{display:block;max-height:120px;overflow-y:auto;overflow-x:hidden}.result-score .score-line strong{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.result-score .score-line strong.long-score{font-size:24px;letter-spacing:0}.record-list li{grid-template-columns:22px minmax(0,1fr) minmax(0,170px)}.record-list strong{max-height:100px;overflow:auto;scrollbar-width:thin}@media(max-height:680px){.home{gap:24px}.home-coin{width:160px;height:160px}.home-title h1{font-size:72px;letter-spacing:-5px}}@media(max-height:500px)and (orientation:landscape){.home{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px 24px;justify-items:center;align-content:center}.home-title{grid-column:1;grid-row:1}.home-bottom{grid-column:1!important;grid-row:2!important}.home-coin{grid-column:2;grid-row:1/3;width:160px;height:160px}.home .home-title h1{font-size:60px}.home-tools{margin-top:8px}.result-score .score-line{max-height:80px}.score-line strong.long-score{font-size:20px}}.service-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.service-actions .text-button{font-size:14px;padding:8px}#share-link{width:100%;margin-top:6px;font-size:12px;min-height:36px}.privacy-link{display:block;text-align:center;color:inherit;font-size:12px;margin:12px}.challenge-score{display:block;font-size:32px;overflow-wrap:anywhere;max-height:30dvh;overflow:auto}#save-note{min-height:1.5em}#save-note[data-error=true]{color:#b61c29;font-weight:700}#nickname[aria-invalid=true]{border-color:#b61c29}.record-list strong{overflow-wrap:anywhere;max-height:5em;overflow:auto;min-width:0}.record-name{min-width:0;overflow-wrap:anywhere}.record-list .just-saved{background:#ffe4e5;border:1px solid #ef767c;border-radius:12px;padding:12px 8px;color:#9d1822}.record-list .just-saved .record-number{color:#bd1b28;font-weight:900;font-size:12px}.record-badge{display:block;color:#bd1b28;font-size:10px;font-weight:800;margin-top:4px}#rank-notice{white-space:pre-line}@media(max-height:680px){.service-actions .text-button{padding:3px}.result .save-form,.result-actions{gap:4px}}