:root{--paper: #F3EEE2;--ink: #141414;--red: #C8102E;--muted: #5A5448;--faint: #8A8273;--dots: #B8AF9C;--tint: #E9E2D2;--body: #3D382F;--display: "Oswald", "Arial Narrow", sans-serif;--serif: "Source Serif 4", Georgia, serif;--ease: cubic-bezier(.32, .72, 0, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--paper);color:var(--ink)}body{font:16px/1.4 var(--serif);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--red);outline-offset:2px}.tap{transition:transform .12s var(--ease)}.tap:active{transform:scale(.97)}.app{max-width:480px;margin:0 auto;min-height:100dvh;height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0)}.hdr{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 8px 0}.iconbtn{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.mark{display:flex;align-items:center;gap:8px;font:700 18px var(--display);letter-spacing:.04em}.logo{width:24px;height:24px;background:var(--red);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:4px}.logo i{background:var(--paper)}.counter{justify-self:end;padding-right:12px;font:600 14px var(--display);letter-spacing:.06em}.rule{flex:none;margin:8px 20px 0;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:5px 0 4px;display:flex;justify-content:space-between;gap:8px;font:600 11px var(--display);letter-spacing:.12em}.play{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:16px 20px 8px;gap:14px}.qhead{display:flex;flex-direction:column;gap:6px}.kind{font:700 12px var(--display);letter-spacing:.14em;color:var(--red)}.prompt{margin:0;font:700 24px/1.15 var(--serif)}.table{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.tr{display:grid;gap:8px;padding:5px 0;border-bottom:1px dotted var(--dots);font:500 15px/1.25 var(--display)}.tr:last-child{border-bottom:0}.tr.th{border-bottom:1px solid var(--ink);font:600 11px var(--display);letter-spacing:.1em;color:var(--muted)}.tr>:last-child{text-align:right}.table.long .tr:not(.th){padding:2px 0;font-size:14px}.opts{display:flex;flex-direction:column;gap:8px}.opt{min-height:50px;padding:10px 14px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font:600 16px/1.2 var(--serif);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.opt .m{flex:none;font:700 14px var(--display);letter-spacing:.04em}.opt.right{background:var(--ink);color:var(--paper)}.opt.wrong{color:var(--red);border-color:var(--red)}.opt.wrong .t{text-decoration:line-through}.opt:disabled{cursor:default}.opt.dim{opacity:.55}.note{margin:0;padding:10px 12px;background:var(--tint);font-size:15px;line-height:1.4;color:var(--body)}.note b{color:var(--ink)}.opts.hilo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{min-height:150px;padding:12px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.card .t{font:700 20px/1.15 var(--serif)}.card .v{font:600 30px var(--display)}.card.right{background:var(--ink);color:var(--paper)}.card.wrong{color:var(--red);border-color:var(--red)}.card.dim{opacity:.55}.card:disabled{cursor:default}.opts .hint{grid-column:1 / -1;text-align:center;font:600 12px var(--display);letter-spacing:.1em;color:var(--muted)}.srow{display:flex;align-items:center;gap:8px}.sn{width:24px;flex:none;text-align:center;font:700 20px var(--display);color:var(--faint)}.slot{flex:1;min-width:0;min-height:50px;padding:6px 14px;border:1.5px dashed var(--dots);background:transparent;color:var(--faint);font:600 16px/1.2 var(--serif);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.slot.target{border-color:var(--red);color:var(--red)}.slot.filled{border:1.5px solid var(--ink);color:var(--ink)}.slot.sel,.slot.right{border:1.5px solid var(--ink);background:var(--ink);color:var(--paper)}.slot.wrong{border:1.5px solid var(--red);color:var(--red)}.slot .sv{flex:none;font:600 16px var(--display)}.slot:disabled{cursor:default}.tray{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chip{min-height:44px;padding:6px 12px;border:1.5px solid var(--ink);background:var(--paper);font:600 15px/1.2 var(--serif);text-align:left}.chip.sel{background:var(--ink);color:var(--paper)}.order{margin:4px 0 0;font-size:14px;color:var(--body)}.primary:disabled{background:var(--dots);cursor:default}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.note:not([hidden]){animation:rise .25s var(--ease) both}.foot{flex:none;padding:12px 20px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.primary{height:54px;border:0;background:var(--red);color:#fff;font:700 18px var(--display);letter-spacing:.06em;display:flex;align-items:center;justify-content:center}.line{display:grid;grid-template-columns:repeat(5,1fr) 1.2fr;border:1.5px solid var(--ink);font:600 14px var(--display);text-align:center}.line span{padding:6px 0;border-right:1px solid var(--ink);color:var(--faint)}.line span.now{background:var(--tint)}.line span.r1{background:var(--ink);color:var(--paper)}.line span.r0{color:var(--red)}.line span.tot{border-right:0;background:var(--ink);color:var(--paper)}.result{flex:1;min-height:0;overflow-y:auto;padding:20px 20px 8px;display:flex;flex-direction:column;gap:18px}.final{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.big{margin:0;font:700 88px/1 var(--display)}.big small{font-size:40px;color:var(--faint)}.verdict{margin:0;font-size:16px;font-weight:600}.pct{margin:0;font-size:14px;color:var(--muted)}.box{border:1.5px solid var(--ink)}.box .r{display:grid;grid-template-columns:1.6fr repeat(5,1fr) 1fr;text-align:center}.box .r.th{font:600 11px var(--display);letter-spacing:.1em;border-bottom:1px solid var(--ink);padding:5px 0;color:var(--muted)}.box .r.you{font:600 17px var(--display);padding:7px 0}.box .r>:first-child{text-align:left;padding-left:10px}.box .r0{color:var(--red)}.recap{display:flex;flex-direction:column;border-top:1px solid var(--ink)}.recap .it{display:flex;gap:10px;padding:9px 0;border-bottom:1px dotted var(--dots);font-size:14px;line-height:1.35}.recap .mk{flex:none;width:18px;font:700 14px var(--display)}.recap .mk.r0{color:var(--red)}.recap small{display:block;color:var(--muted);font-size:13px}.sharebox{background:var(--tint);padding:12px 14px;display:flex;flex-direction:column;gap:3px;font-size:13px}.lbl{font:600 11px var(--display);letter-spacing:.12em;color:var(--muted)}.muted{color:var(--muted)}.result-foot{border-top:1px solid var(--ink)}.loading{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;color:var(--muted);text-align:center}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;padding:10px 16px;background:var(--ink);color:var(--paper);font:600 14px var(--display);letter-spacing:.04em;pointer-events:none;transition:opacity .2s,transform .2s var(--ease);z-index:20}.toast.on{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}