:root{--board:#17402f;--board-deep:#0f2e22;--board-line:#2b5a46;--chalk:#e6eee8;--chalk-dim:#a9bfb2;--plate:#f1f4ef;--plate-edge:#c9d2cb;--ink:#13201a;--ink-soft:#4a5a51;--lamp:#ffc233;--lamp-off:#29483b;--miss:#e5484d;--hit:#2fbf71;--paper:#fff;--paper-2:#f3f6f4;--rule:#dfe6e1;--link:#17643f;--font-display:"Black Han Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif;--radius-plate:4px;--radius-sheet:18px;--gutter:16px;--max:480px;--shadow-plate:inset 0 -2px 0 #13201a1f, 0 1px 0 #00000040}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#12261d;--paper-2:#18322a;--rule:#2b4a3d;--ink:#e8efe9;--ink-soft:#a9bfb2;--link:#8fd6ad}}:root[data-theme=dark]{--paper:#12261d;--paper-2:#18322a;--rule:#2b4a3d;--ink:#e8efe9;--ink-soft:#a9bfb2;--link:#8fd6ad}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.6}a{color:var(--link)}:focus-visible{outline:3px solid var(--lamp);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}body{background:var(--board);color:var(--chalk)}body.sheet-open{overflow:hidden}.app{min-height:60dvh;max-width:var(--max);padding:0 var(--gutter) env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 0 10px;display:grid}.wordmark{font-family:var(--font-display);color:var(--chalk);letter-spacing:-.01em;font-size:26px;line-height:1;text-decoration:none}.topbar-meta{color:var(--chalk-dim);font-variant-numeric:tabular-nums;margin:0;font-size:14px}.topbar-nav{gap:6px;display:flex}.icon-btn{border:1px solid var(--board-line);width:36px;height:36px;color:var(--chalk);font:700 16px/1 var(--font-body);cursor:pointer;background:0 0;border-radius:50%;place-items:center;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--board-deep)}.banner{background:var(--board-deep);color:var(--chalk);border-radius:8px;margin:0 0 10px;padding:9px 12px;font-size:14px;line-height:1.5}.banner a{color:var(--lamp)}.banner-vs{background:var(--lamp);color:var(--ink)}.banner-vs strong{margin-right:4px}.banner-yday{border-left:3px solid var(--lamp)}.stage{flex:1}.rule{color:var(--chalk-dim);text-align:center;margin:4px 0 12px;font-size:15px}.loading,.error-box{text-align:center;color:var(--chalk-dim);padding:80px 0}.board{background:var(--board-deep);box-shadow:inset 0 0 0 2px var(--board-line), 0 18px 40px -24px #0009;border-radius:6px;grid-template-columns:minmax(58px,.8fr) repeat(3,1fr);gap:7px;padding:12px;display:grid}.board-corner{font-family:var(--font-display);color:var(--lamp);text-shadow:0 0 12px #ffc23373;place-items:center;font-size:30px;display:grid}.axis{border-radius:var(--radius-plate);min-height:46px;color:var(--chalk);font-family:var(--font-display);text-align:center;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:17px;line-height:1.15;display:flex;position:relative}.axis-col{border-top:4px solid var(--team,var(--lamp));background:#ffffff0a;flex-direction:column}.axis-row{border-left:4px solid var(--team,var(--lamp));background:#ffffff0a;flex-direction:column}.axis-emoji{font-size:15px;line-height:1}.axis-tag .axis-name,.axis-pos .axis-name{color:var(--lamp);font-size:15px}.plate{aspect-ratio:1;border-radius:var(--radius-plate);background:var(--plate);color:var(--ink);box-shadow:var(--shadow-plate);cursor:pointer;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;transition:transform .12s;display:flex;position:relative}.plate:before,.plate:after{content:"";background:var(--plate-edge);border-radius:50%;width:4px;height:4px;position:absolute;top:5px}.plate:before{left:5px}.plate:after{right:5px}.plate:active{transform:translateY(1px)}.plate-q{font-family:var(--font-display);color:var(--plate-edge);font-size:clamp(26px,9vw,38px);line-height:1}.plate-count{color:var(--ink-soft);font-size:11px}.plate-name{font-family:var(--font-display);text-align:center;word-break:keep-all;font-size:clamp(14px,4.6vw,19px);line-height:1.15}.plate-meta,.plate-pct{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11px}.plate-filled{animation:.32s ease-out plate-in}.plate-missed{background:var(--lamp-off);box-shadow:none}.plate-missed .plate-q{color:var(--board-line)}.plate-missed:before,.plate-missed:after{background:var(--board-line)}.plate-reveal{animation:.55s ease-out both plate-flip;animation-delay:calc(var(--i) * .11s)}.plate-common{box-shadow:inset 0 -4px 0 var(--hit), var(--shadow-plate)}.plate-rare{box-shadow:inset 0 -4px 0 #3b82f6, var(--shadow-plate)}.plate-legend,.plate-first{box-shadow:inset 0 -4px 0 #8b5cf6, var(--shadow-plate)}.plate-legend .plate-pct,.plate-first .plate-pct{color:#6d3fd9;font-weight:700}@keyframes plate-in{0%{opacity:.4;transform:rotateX(70deg)}to{opacity:1;transform:none}}@keyframes plate-flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.controls{justify-content:space-between;align-items:center;gap:12px;margin:16px 2px 6px;display:flex}.lamps{gap:7px;display:flex}.lamp{background:var(--lamp-off);border-radius:50%;width:15px;height:15px;box-shadow:inset 0 1px 2px #00000080}.lamp-on{background:radial-gradient(circle at 35% 35%, #fff2c4 0 18%, var(--lamp) 45%);box-shadow:0 0 10px #ffc23399}.lamp-flash{animation:.9s ease-out lamp-miss}@keyframes lamp-miss{0%,40%{background:var(--miss);box-shadow:0 0 14px #e5484dcc}to{background:var(--lamp-off)}}.controls-text{color:var(--chalk-dim);font-variant-numeric:tabular-nums;margin:0;font-size:14px}.live{min-height:8px}.miss{border-left:3px solid var(--miss);background:#e5484d24;border-radius:8px;margin:8px 0 0;padding:10px 12px;font-size:14px}.miss p{margin:0 0 4px}.actions{margin:16px 0 24px}.btn{border:1px solid var(--rule);background:var(--paper);min-height:46px;color:var(--ink);font:700 15px/1.2 var(--font-body);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--lamp);border-color:var(--lamp);color:#1b1405}.btn-wide{width:100%}.btn-ghost{border-color:var(--board-line);color:var(--chalk);background:0 0}.btn-ghost.is-confirm{border-color:var(--lamp);color:var(--lamp)}.link-button{color:var(--lamp);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.team-picker{margin:14px 0 0}.team-picker-title{color:var(--chalk-dim);margin:0 0 8px;font-size:14px}.team-picker-list{flex-wrap:wrap;gap:6px;display:flex}.team-pill{border:1px solid var(--board-line);min-height:36px;box-shadow:inset 0 -3px 0 var(--team);color:var(--chalk);font:600 14px/1 var(--font-body);cursor:pointer;background:0 0;border-radius:8px;padding:0 11px}.team-pill.is-on{background:var(--team);border-color:var(--team);color:#fff}.sheet .team-picker-title{color:var(--ink-soft)}.sheet .team-pill{border-color:var(--rule);color:var(--ink)}.sheet .team-pill.is-on{color:#fff;border-color:var(--team)}.foot{color:var(--chalk-dim);padding:28px 0 24px;font-size:12px}.foot nav{flex-wrap:wrap;gap:4px 14px;margin-bottom:8px;display:flex}.foot a{color:var(--chalk-dim)}.foot p{margin:0}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;text-align:center;width:min(92vw,420px);position:fixed;transform:translate(-50%)}.toast span{background:var(--ink);color:var(--paper);border-radius:10px;padding:10px 14px;font-size:14px;display:inline-block;box-shadow:0 10px 30px #00000059}:root:not([data-theme=light]) .toast span{color:var(--chalk);background:#0b1a13}.sheet-backdrop{z-index:50;background:#050f0a8c;justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{width:min(100%, var(--max));max-height:86dvh;padding:22px var(--gutter) calc(22px + env(safe-area-inset-bottom));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--paper);color:var(--ink);outline:none;animation:.22s ease-out sheet-up;position:relative;overflow:auto}.sheet-tall{min-height:60dvh}.sheet-close{background:var(--paper-2);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.sheet-title{font-family:var(--font-display);margin:0 40px 10px 0;font-size:22px;font-weight:400}.sheet-text{color:var(--ink-soft);margin:0 0 14px}.sheet-ok{background:var(--paper-2);border-radius:8px;padding:12px}.sheet-error{color:var(--miss);font-size:14px}.sheet h3{margin:18px 0 8px;font-size:15px}.sheet .link-button{color:var(--link)}.fine{color:var(--ink-soft);margin:8px 0;font-size:13px}.field-label{margin:6px 0;font-size:14px;font-weight:600;display:block}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}.search-head{margin-right:40px}.search-conds{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.times{color:var(--ink-soft)}.chip{border-left:4px solid var(--team,var(--lamp));background:var(--paper-2);font-family:var(--font-display);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:17px;display:inline-flex}.search-hint{color:var(--ink-soft);margin:8px 0 12px;font-size:13px}.search-input{border:2px solid var(--rule);background:var(--paper);width:100%;min-height:50px;color:var(--ink);font:500 17px/1.2 var(--font-body);border-radius:10px;padding:0 14px}.search-input:focus{border-color:var(--board);outline:none}.results{margin:10px 0 0;padding:0;list-style:none}.result{border:0;border-bottom:1px solid var(--rule);width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;grid-template-columns:auto 1fr;grid-template-areas:"name meta""dots dots";align-items:baseline;gap:2px 10px;padding:11px 4px;display:grid}.result:hover:not(:disabled){background:var(--paper-2)}.result:disabled{opacity:.45;cursor:default}.result-name{grid-area:name;font-size:16px;font-weight:700}.result-meta{color:var(--ink-soft);grid-area:meta;font-size:13px}.team-dots{flex-wrap:wrap;grid-area:dots;gap:4px;display:flex}.team-dot{border-left:3px solid var(--team);background:var(--paper-2);color:var(--ink-soft);border-radius:4px;padding:1px 6px;font-size:12px}.empty{color:var(--ink-soft);padding:14px 4px;font-size:14px}.empty p{margin:0 0 6px}.cell-top ol,.cell-all ul{margin:0;padding:0;list-style:none}.cell-top li{border-bottom:1px solid var(--rule);justify-content:space-between;padding:7px 0;display:flex}.cell-top .pct{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.cell-all li{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:7px 0;display:flex}.is-mine{color:var(--link);font-weight:700}.result-hero{text-align:center;padding:6px 0 4px}.result-no{color:var(--ink-soft);margin:0;font-size:14px}.result-big{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:76px;line-height:1.05}.result-big span{color:var(--ink-soft);font-size:34px}.result-score{font-family:var(--font-display);margin:2px 0 14px;font-size:22px}.versus{background:var(--paper-2);text-align:center;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 0 14px;padding:12px;display:grid}.versus-label{color:var(--ink-soft);font-size:13px;display:block}.versus strong{font-family:var(--font-display);font-size:20px;font-weight:400}.versus-vs{font-family:var(--font-display);color:var(--ink-soft)}.versus-verdict{grid-column:1/-1;margin:4px 0 0;font-weight:700}.share-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-row .btn-primary{grid-column:1/-1}.card-preview{text-align:center;margin:14px 0 0}.card-preview img{border-radius:10px;width:min(60%,240px);box-shadow:0 8px 24px #00000040}.battle ol{margin:0;padding:0;list-style:none}.battle li{grid-template-columns:22px 72px 1fr auto;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:grid}.battle-rank{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.battle-bar{background:var(--paper-2);border-radius:5px;height:10px;overflow:hidden}.battle-bar span{border-radius:5px;height:100%;display:block}.battle-num{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:13px}.result-foot{text-align:center;color:var(--ink-soft);margin:18px 0 0;font-size:14px}.result-foot p{margin:4px 0}.countdown{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.help-list{margin:0;padding-left:20px}.help-list li{margin:0 0 8px}.stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin:0;display:grid}.stats div{background:var(--paper-2);text-align:center;border-radius:8px;padding:10px}.stats dt{color:var(--ink-soft);font-size:12px}.stats dd{font-family:var(--font-display);margin:2px 0 0;font-size:24px}.ad{min-height:100px;margin:16px 0 0}@media (min-width:520px){.board{gap:9px;padding:16px}.plate-name{font-size:19px}}.result-note{text-align:center;margin:-6px 0 14px}