*{box-sizing:border-box}body{margin:0}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.app{--pixel-outline:polygon(8px 0, calc(100% - 8px) 0, calc(100% - 8px) 4px, calc(100% - 4px) 4px, calc(100% - 4px) 8px, 100% 8px, 100% calc(100% - 8px), calc(100% - 4px) calc(100% - 8px), calc(100% - 4px) calc(100% - 4px), calc(100% - 8px) calc(100% - 4px), calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 8px), 0 calc(100% - 8px), 0 8px, 4px 8px, 4px 4px, 8px 4px);background-color:var(--page-bg);min-height:100svh;color:var(--text);font-family:var(--font);isolation:isolate;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='%23B58E51' opacity='.14'%3E%3Cpath d='M14 12h4v4h-4zM66 60h4v4h-4z'/%3E%3C/g%3E%3Cg fill='%23FFFFFF' opacity='.38'%3E%3Cpath d='M47 28h4v4h4v4h-4v4h-4v-4h-4v-4h4zM18 73h4v4h-4z'/%3E%3C/g%3E%3C/svg%3E"),repeating-conic-gradient(#fffced40 0% 25%,#ebcb7a12 0% 50%);background-size:96px 96px,32px 32px;padding:32px 24px 22px;position:relative}.app:before{content:"";background-image:var(--page-image);background-size:var(--bg-fit);z-index:-1;pointer-events:none;background-position:50%;position:fixed;inset:0}.app{--pixel-line:2px;--pixel-edge:#b99a70;--pixel-light:#fffdf0;--pixel-side-light:#fff4d2;--pixel-side-shade:#eddcb7;--pixel-shade:#e3c994}.shell{width:min(100%,820px);margin:0 auto}.page-header{margin-bottom:24px}.eyebrow{letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.eyebrow>span{background:var(--accent);width:6px;height:6px}h1{letter-spacing:.04em;margin:10px 0 8px;font-size:clamp(26px,4vw,34px);font-weight:650}.title-mark{vertical-align:top;color:var(--accent);margin:6px 0 0 9px;font-size:9px;display:inline-block}.game-title{align-items:center;gap:10px;display:flex}.title-character{pointer-events:none;flex:0 0 48px;width:48px;height:54px;margin-block:-9px;display:inline-flex}.title-character img{object-fit:contain;clip-path:polygon(0 0,100% 0,100% 66%,75% 68%,75% 100%,0 100%);filter:drop-shadow(0 0 .7px #fffbf0)drop-shadow(0 1px 1px #846a5018);width:100%;height:100%}.page-header p{color:var(--muted);margin:0;font-size:13px}.layout{grid-template-columns:minmax(0,420px) minmax(220px,1fr);align-items:start;gap:44px;display:grid}.scoreboard{grid-template-columns:1fr 1fr 76px;gap:9px;margin-bottom:12px;display:grid}.stat,.next-card{min-width:0;min-height:76px;padding:12px 15px}.stat>span,.next-card>span:first-child{color:var(--muted);font-size:11px;display:block}.stat strong{align-items:center;min-height:27px;margin-top:7px;display:flex}.pixel-number{flex-shrink:1;max-width:100%;height:auto;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.best strong{color:var(--accent)}.next-card{flex-direction:column;align-items:center;gap:4px;padding:9px 8px;display:flex}.piece-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.piece-icon img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.gacha-machine{isolation:isolate;margin-top:22px;margin-bottom:24px;position:relative}.gacha-frame{pointer-events:none;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 12px),0 calc(100% - 12px),0 12px,4px 12px,4px 4px,12px 4px);background:#ad8b62;position:absolute;inset:-10px -8px -19px}.gacha-frame:before{content:"";clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 8px,4px 8px,4px 4px,8px 4px);background:#f3d887;border:3px solid #fff0b9;position:absolute;inset:3px 3px 5px;box-shadow:inset -3px -5px #ddb777,inset 3px 3px #fff9df}.gacha-top-light{background:#fffced;height:3px;position:absolute;top:3px;left:18px;right:18px}.gacha-base-slot{background:#bd9969;width:44px;height:5px;position:absolute;bottom:7px;left:calc(50% - 22px);box-shadow:0 2px #fff0b9,-58px 0 0 -1px #fff5cd,58px 0 0 -1px #fff5cd}.gacha-handle{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;width:17px;height:112px;position:absolute;top:36%;left:-17px}.board-wrap{aspect-ratio:var(--ratio);border:var(--pixel-line) solid var(--pixel-edge);box-shadow:0 0 0 var(--pixel-line) var(--pixel-side-light);background:var(--panel);clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px);border-radius:0;position:relative;overflow:hidden}.board-background{background:var(--board-bg);pointer-events:none;position:absolute;inset:0}.board-background:after{content:"";background-image:var(--board-image);background-size:var(--bg-fit);background-position:50%;position:absolute;inset:0}.board-wrap.warning{border-color:var(--danger)}canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:relative}.board-caption{color:var(--muted);justify-content:center;align-items:center;gap:7px;min-height:38px;padding:12px 0;font-size:11px;display:flex}.status-dot{background:var(--muted);width:5px;height:5px}.status-dot.on{background:var(--accent)}.toolbar{grid-template-columns:repeat(3,54px);justify-content:center;gap:18px;display:grid}.toolbar button,.quiet{color:var(--text);min-height:44px;padding:8px 6px;font-size:12px}.toolbar button{place-items:center;height:54px;display:grid}.control-icon{width:24px;height:24px;display:block}.toolbar button:hover:not(:disabled),.quiet:hover{border-color:var(--accent)}.toolbar button:active:not(:disabled),.primary:active,.quiet:active{transform:translateY(2px)}.side-column{min-width:0;padding-top:0}.collection{padding:22px 20px 16px}.section-label{align-items:center;gap:9px;display:flex}.section-label .line{background:var(--accent);width:4px;height:16px}.section-label h2{margin:0;font-size:15px;font-weight:650}.collection-highest{color:var(--accent);overflow-wrap:anywhere;margin:10px 0 12px;font-size:12px;line-height:1.6}.evolution-cabinet{aspect-ratio:280/244;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(100%,280px);margin:0 auto 12px;position:relative}.evolution-cabinet>svg{width:100%;height:100%;display:block}.cabinet-capsules{position:absolute;inset:0}.cabinet-capsule{aspect-ratio:1;width:32%;display:block;position:absolute;top:64%;left:50%;transform:translate(-50%,-50%)}.cabinet-capsule>img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(1px 2px #60435040);display:block}.evolution-legend{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:9px 7px 7px;font-size:10px;display:flex}.levels{gap:2px;margin:0;padding:0;list-style:none;display:grid}.levels li{align-items:center;gap:9px;min-height:38px;padding:2px 7px;display:flex}.levels li.reached{background:color-mix(in srgb, var(--accent) 7%, transparent)}.level-number{color:var(--muted);font:10px/1 monospace}.level-name{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.5}.level-score{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:10px}.keyboard-hint,.local-note{color:var(--muted);text-align:center;margin:18px 0 0;font-size:11px}.local-note{margin-top:8px}footer{color:var(--muted);text-align:center;margin-top:26px;font-size:10px;line-height:1.7}.author-credit{color:var(--text);margin-top:7px;font-size:12px;display:block}.modal-shade{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff4c766;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.modal{overscroll-behavior:contain;text-align:center;width:100%;max-width:332px;max-height:100%;padding:28px 23px 22px;overflow-y:auto}.modal-symbol{color:var(--accent);margin-bottom:14px;font-size:38px;font-weight:300}.modal-symbol img{object-fit:contain;width:60px;height:60px;margin:0 auto;display:block}.modal-symbol--start img{width:76px;height:76px}.modal h2{margin:0 0 12px;font-size:20px;font-weight:650;line-height:1.5}.modal p{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.9}.primary{width:100%;color:var(--accent-text);min-height:46px;padding:10px 16px;font-size:14px}.primary:hover{filter:brightness(1.08)}.quiet{width:100%;margin-top:10px}.stat,.next-card,.collection,.modal,.toolbar button,.primary,.quiet{isolation:isolate;border:var(--pixel-line) solid transparent;clip-path:var(--pixel-outline);background-color:var(--pixel-edge);box-shadow:none;border-radius:0;position:relative}.stat:before,.next-card:before,.collection:before,.modal:before,.toolbar button:before,.primary:before,.quiet:before{content:"";z-index:-1;pointer-events:none;clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) calc(100% - 3px),calc(100% - 6px) calc(100% - 3px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 3px),3px calc(100% - 3px),3px calc(100% - 6px),0 calc(100% - 6px),0 6px,3px 6px,3px 3px,6px 3px);background:var(--panel);box-shadow:inset 0 3px 0 var(--pixel-light), inset 3px 0 0 var(--pixel-side-light), inset -3px 0 0 var(--pixel-side-shade), inset 0 -4px 0 var(--pixel-shade);position:absolute;inset:0}.toolbar button:before{background:#fff1bd;box-shadow:inset 0 3px #fffbe6,inset 3px 0 #fff8d3,inset -3px 0 #e6cb8e,inset 0 -4px #ddbb7c}.primary{background-color:#73553c}.primary:before{background:var(--accent);box-shadow:inset 0 3px #aa8764,inset 0 -4px #73553c}.toolbar button:focus-visible,.primary:focus-visible,.quiet:focus-visible{box-shadow:inset 0 0 0 3px}.result{color:var(--muted);justify-content:center;gap:40px;margin-bottom:24px;font-size:11px;display:flex}.result strong{color:var(--text);margin-top:6px;font-size:28px;display:block}.storage-warning{color:var(--danger);text-align:center;font-size:12px}.boot{color:#846a50;background:#fff4c7;place-content:center;min-height:100svh;padding:24px;font:14px/1.8 system-ui;display:grid}.boot h1{font-size:20px}.boot pre{white-space:pre-wrap}@media (width>=760px) and (height<=900px){.app{padding-top:20px}.page-header{margin-bottom:16px}.play-column{width:min(100%, max(280px, calc((100svh - 250px) * var(--board-scale))));justify-self:center}.layout{gap:30px}.shell{max-width:750px}}@media (width<=759px){.app{padding:max(20px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom))}.shell{max-width:440px}.page-header{margin-bottom:18px}.layout{flex-direction:column;gap:24px;display:flex}.play-column{width:min(100%, max(280px, calc((100svh - 300px) * var(--board-scale))));align-self:center}.scoreboard{grid-template-columns:1fr 1fr 68px}.stat{min-height:70px;padding:10px 14px}.stat strong{min-height:25px}.side-column{width:100%}.collection{padding:18px 15px}.levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.evolution-cabinet{max-width:260px;margin-bottom:10px}.levels li{gap:6px;padding:3px}.level-name{font-size:11px}.level-score{font-size:9px}.keyboard-hint{display:none}.modal-shade{padding:14px}.modal{padding:20px 16px 18px}.modal-symbol{margin-bottom:10px}.modal-symbol img{width:48px;height:48px}.modal-symbol--start img{width:60px;height:60px}.modal h2{margin-bottom:8px;font-size:18px}.modal p{margin-bottom:16px;line-height:1.7}.result{gap:24px;margin-bottom:16px}.result strong{margin-top:4px;font-size:24px}}@media (width<=360px){.collection .levels{grid-template-columns:1fr}.collection .levels li{gap:9px;padding-inline:7px}.collection .level-name{font-size:12px}.collection .level-score{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.daily-board{margin-top:20px}.daily-board .section-label{flex-wrap:wrap;gap:8px}.demo-badge{color:#715235;background:#f5e4b6;border:1px solid #d9bd83;margin-left:auto;padding:3px 5px;font-size:10px}.daily-date{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:18px;font-size:13px;display:flex}.daily-date span{color:var(--muted);font-size:10px}.daily-countdown{background:#fff1cd;justify-content:space-between;align-items:center;margin:10px 0 14px;padding:10px;font-size:11px;display:flex}.daily-countdown strong{letter-spacing:.07em;font:700 16px monospace}.rank-legend{color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;padding:0 7px 8px;font-size:10px;display:flex}.rank-list{margin:6px 0 12px;padding:0;list-style:none}.rank-list li{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:36px;padding:9px 7px;font-size:12px;display:grid}.rank-list li:nth-child(2n){background:#f8ebcb55}.rank-number{color:var(--muted);font:12px monospace}.rank-podium .rank-number{color:#735034;background:#f5db8c;border:1px solid #ceac62;place-items:center;width:23px;height:23px;font-weight:700;display:grid}.rank-podium:nth-child(2) .rank-number{background:#ece1c9;border-color:#cdbb9c}.rank-podium:nth-child(3) .rank-number{background:#eed1b3;border-color:#cca17b}.rank-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-name small{color:var(--accent);margin-left:4px}.rank-list strong{font-variant-numeric:tabular-nums;font-size:12px}.rank-list li.rank-mine{background:#f8e2a2}.my-rank{background:#fff3d3;border:1px solid #dfc18b;justify-content:space-between;gap:12px;padding:12px 10px;font-size:10px;display:flex}.my-rank>span{min-width:0}.my-rank>span:last-child{text-align:right;flex-shrink:0}.my-rank strong{overflow-wrap:anywhere;margin-top:7px;font-size:12px;display:block}.my-rank small{font-size:10px;font-weight:400}.daily-note{text-align:center;color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.9}.prototype-tools{border-top:1px dashed var(--border);margin-top:16px;padding-top:12px;font-size:11px;line-height:1.8}.prototype-tools summary{cursor:pointer}.prototype-tools p{margin-bottom:10px}.prototype-tools label{justify-content:space-between;align-items:center;gap:8px;display:flex}.prototype-tools select{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--pixel-edge);padding:6px}.score-submission{text-align:left;border-top:1px solid var(--border);margin-bottom:10px;padding-top:10px}.score-submission>label:first-child{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.score-submission small{color:var(--muted);font-size:10px}.score-submission>input{font:inherit;border:1px solid var(--pixel-edge);width:100%;height:34px;color:var(--text);background:#fffef8;border-radius:0;padding:6px 8px;font-size:12px;display:block;box-shadow:inset 0 2px #f3e8d1}.score-submission>input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.score-submission p{margin:7px 0 10px;font-size:10px;line-height:1.7}.score-submission .primary{min-height:42px;padding:8px;font-size:12px}.submission-message{overflow-wrap:anywhere;margin-top:8px;font-size:11px;line-height:1.7}.submission-message.error{color:#a34032}.nickname-edit{color:var(--accent);background:0 0;border:0;margin:6px auto;padding:4px;font-size:11px;text-decoration:underline;display:block}.simulate-failure{align-items:center;gap:5px;margin-top:10px;font-size:10px;display:flex}.simulate-failure input{width:15px;height:15px;accent-color:var(--accent);margin:0}.submission-disclaimer{color:var(--muted);text-align:center;margin-top:8px;font-size:10px;display:block}.submission-testing{text-align:center;color:var(--muted);margin-top:6px;font-size:10px}.submission-testing summary{cursor:pointer}.submission-testing .simulate-failure{justify-content:center}.submission-message:empty{display:none}.modal-shade--over{z-index:20;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));position:fixed}.modal-shade--over .modal{max-height:min(100%,720px)}.unlock-shade{z-index:30;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));position:fixed}.unlock-dialog{max-width:340px;padding:24px}.unlock-stars{color:#b38a40;letter-spacing:10px;margin:0 0 14px 10px;font-size:20px}.unlock-dialog h2{margin:0 0 16px;font-size:18px}.unlock-art{aspect-ratio:1;background:radial-gradient(circle,#f8e3a6 0%,#fff6da 48%,#0000 71%);place-items:center;width:min(100%,200px);margin:0 auto;display:grid}.unlock-art img{object-fit:contain;width:82%;height:82%;image-rendering:pixelated}.unlock-dialog .unlock-name{color:var(--text);overflow-wrap:anywhere;margin:8px 0 22px;font-size:15px;font-weight:650;line-height:1.5}@media (height<=560px){.unlock-dialog{padding:16px 20px}.unlock-stars,.unlock-dialog h2{margin-bottom:8px}.unlock-art{width:min(100%,130px)}.unlock-dialog .unlock-name{margin:4px 0 12px}}@media (width<=759px){.score-submission>input{height:36px;padding:5px 8px;font-size:16px}.score-submission>input::placeholder{font-size:12px}.score-submission>label:first-child{margin-bottom:6px;font-size:11px}.score-submission p{margin:5px 0 8px;font-size:10px;line-height:1.5}.score-submission .primary{min-height:38px}.daily-board{margin-top:18px}}