:root{color-scheme:light;font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;color:#49352A;background:#FFF8EA;font-synthesis:none;--cream:#FFF8EA;--paper:#FFFCF5;--yellow:#F6B84B;--orange:#E98B53;--brown:#49352A;--muted:#8A7464;--border:#EADDC9}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #C97828;outline-offset:3px}.app{max-width:500px;margin:auto;padding:0 22px calc(20px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;height:65px;border-bottom:1px solid var(--border)}.wordmark{font-weight:900;font-size:16px;color:var(--brown);text-decoration:none;letter-spacing:-.7px}.wordmark strong{color:#CE642B}.edition{color:var(--muted);font-size:11px;letter-spacing:.5px}.landing{text-align:center;padding-top:25px}.pill{display:inline-block;border:1px solid #EBCD9B;background:#FFF1D4;border-radius:30px;padding:7px 13px;color:#8A5B29;font-size:11px;font-weight:700;letter-spacing:.4px}.key-visual{display:block;width:100%;max-width:330px;height:auto;margin:19px auto;border-radius:30px;object-fit:contain}.tagline{font-weight:850;font-size:24px;letter-spacing:-.9px;line-height:1.4;margin:0}.tagline em{font-style:normal;color:#D2672F}.subcopy{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 21px}.home-actions{display:flex;flex-direction:column;gap:11px}.primary,.outline{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:55px;padding:14px 17px;border-radius:17px;font-size:16px;font-weight:800;color:var(--brown);text-decoration:none}.primary{background:var(--yellow);border:1px solid #E4A533;box-shadow:0 4px 0 #DE9F35}.primary:hover{background:#F8C365}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #DE9F35}.primary span{margin-left:auto;font-size:22px}.outline{background:var(--paper);border:1px solid var(--border);box-shadow:0 3px 0 #EEDFCC}.outline:hover{background:#FFF2D8}.small-tag{display:inline-block;font-size:10px;border-radius:6px;background:#F5E7CE;color:#8E6944;padding:4px 6px;font-weight:600}.text-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:0;background:none;min-height:44px;padding:10px 14px;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:4px}.record{font-size:12px;font-weight:600;color:#8B6C47;margin:17px 0}.rules-strip{display:flex;justify-content:center;align-items:center;gap:14px;border-top:1px solid var(--border);padding-top:18px;font-size:11px;color:var(--muted)}.rules-strip i{width:3px;height:3px;border-radius:50%;background:#C6AE8D}footer{text-align:center;color:#AB927B;font-size:10px;letter-spacing:1px;margin:28px 0 6px}.resume-box{background:#FFF0D0;border:1px solid #EED4A6;padding:6px 11px;border-radius:13px;font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-top:18px}.play-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0}.icon-button{border:1px solid var(--border);border-radius:50%;background:var(--paper);color:var(--brown);width:44px;height:44px;font-size:26px}.quiet{min-height:44px;border:1px solid var(--border);background:var(--paper);color:var(--brown);border-radius:13px;font-size:12px;padding:10px 14px}.hud{display:flex;justify-content:space-between;align-items:end;margin:25px 0 16px}.label{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.stage{font-weight:900;font-size:38px;letter-spacing:-1.8px}.stage small{font-size:17px;letter-spacing:0;color:#B29A83;font-weight:600}.timer{text-align:right}.time{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.4}.time small{font-size:13px;font-weight:500}.track{height:7px;background:#F0E5D3;border-radius:6px;overflow:hidden}.fill{height:100%;width:100%;background:var(--orange);transform-origin:left;border-radius:6px}.board-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 13px}.board-heading h2{font-size:17px;letter-spacing:-.6px;margin:0}.board-heading>span{font-size:11px;color:var(--muted)}.board-shell{padding:12px;border:1px solid var(--border);border-radius:20px;background:var(--paper)}.board{font-family:Arial,'Malgun Gothic',sans-serif;font-weight:600;font-size:20px;line-height:1;letter-spacing:0;word-spacing:0;white-space:nowrap;color:var(--brown);user-select:none;-webkit-user-select:none;touch-action:manipulation;text-align:left;width:100%;cursor:crosshair;overflow:visible}.board-row{display:block;height:1em;line-height:1;white-space:nowrap;margin:0;padding:0;border:0}.board .glyph{display:inline;padding:0;margin:0;background:none;border:0;box-shadow:none;text-shadow:none;font:inherit;color:inherit;letter-spacing:0}.glyph:focus-visible{outline:2px solid #E98B53;outline-offset:-2px}.play-status{display:flex;align-items:center;justify-content:space-between;margin:17px 2px;color:var(--muted);font-size:12px}.play-status strong{color:#B96932}.tip{font-size:11px;text-align:center;color:#AB927B;margin:0}.notice{min-height:24px;color:#B75D35;text-align:center;font-size:12px;line-height:1.8;margin:12px 0}.danger{color:#B74430}.shake{animation:shake .2s}@keyframes shake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}dialog{width:calc(100% - 36px);max-width:410px;max-height:90dvh;overflow:auto;border:1px solid var(--border);border-radius:26px;background:var(--paper);color:var(--brown);text-align:center;padding:33px 23px 23px;box-shadow:0 24px 90px #49352A35}dialog::backdrop{background:#49352A80;backdrop-filter:blur(4px)}dialog h2{font-size:25px;letter-spacing:-1px;line-height:1.4;margin:14px 0 10px}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}dialog .primary,dialog .outline{margin-top:13px;min-height:51px;font-size:14px}.result-stamp{display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:#FFE8B4;border:2px dashed #EDBA62;color:#B45B24;font-weight:900;font-size:20px;transform:rotate(-9deg)}.result-stats{display:flex;justify-content:space-around;margin:20px 0;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}.result-stats strong{display:block;color:var(--brown);font-size:21px;margin-bottom:3px}.dialog-close{position:absolute;top:10px;right:10px;width:35px;height:35px;font-size:22px}.micro{font-size:11px!important;color:var(--muted);line-height:1.7}.help-list{text-align:left;line-height:1.9;padding-left:21px;font-size:14px;color:#79604B}.integration-note{padding:14px;border-radius:14px;background:#FFF0D6;font-size:12px;line-height:1.8;color:#87613E;text-align:left}.info-icon{width:150px;height:150px;object-fit:contain;border-radius:24px;margin:10px auto}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:13px 20px;border-radius:14px;background:var(--brown);color:white;font-size:13px;z-index:10;box-shadow:0 4px 20px #49352A30}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#shareCard{display:block;width:100%;height:auto;border-radius:16px;margin:15px 0}.room-link{display:flex;gap:8px}.room-link input{width:0;flex:1;border:1px solid var(--border);border-radius:12px;background:var(--paper);padding:10px;color:var(--muted);font-size:11px}.duel-players{display:flex;gap:12px;justify-content:space-between}.duel-players div{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:15px;flex:1;font-size:12px}.duel-players strong{display:block;margin-top:8px;font-size:15px}#duelShell{margin-top:22px}
@media(min-width:600px){.app{margin:26px auto;border:1px solid var(--border);border-radius:28px;padding:0 28px 24px;background:var(--cream)}}@media(max-width:360px){.app{padding-left:15px;padding-right:15px}.key-visual{max-width:255px;margin-top:15px}.tagline{font-size:22px}.subcopy{font-size:11px}.board-shell{padding:8px}.rules-strip{gap:10px}.primary,.outline{min-height:52px}.board-heading>span{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Ten columns remain centered; row height equals actual glyph advance. */
.board-shell{display:flex;justify-content:center;align-items:center}.board{flex:none;margin-inline:auto;text-align:center}.board-row{width:max-content;margin-inline:auto;height:var(--cell-size);line-height:var(--cell-size)}.board .collected{opacity:.28}.board-heading>span{font-variant-numeric:tabular-nums}

#answerPanel .board{font-size:18px}#answerPanel .board-shell{padding:10px}#answerPanel .answer-target{color:#C44D14!important;opacity:1!important;font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}#answerPanel{text-align:left}

.action-hint{font-size:12px!important;line-height:1.7;margin:10px 2px 15px!important;color:#795338!important}.board-shell{padding-top:16px;padding-bottom:16px}