.bt{font-family:var(--font-body);background:var(--wallpaper);width:100%;min-height:0;color:var(--ink);--font-display:-apple-system, "SF Pro Display", "Helvetica Neue", Inter, system-ui, sans-serif;--font-body:-apple-system, "SF Pro Text", Inter, system-ui, sans-serif;--font-logo:"Fraunces", Georgia, serif;--bg:#f4f2ee;--wallpaper:radial-gradient(1200px 600px at 85% -10%, #ffd6a5 0%, transparent 50%), radial-gradient(900px 500px at -10% 30%, #a5c8ff 0%, transparent 55%), radial-gradient(800px 500px at 50% 110%, #ffb3d4 0%, transparent 55%), linear-gradient(180deg, #f9f7f2 0%, #eeedf6 100%);--ink:#111114;--ink-sec:#1e1e24b3;--ink-faint:#1e1e246b;--text:#1c1c1e;--text-2:#00000080;--card-bg:#ffffff8c;--card-border:#ffffffb3;--card-shadow:0 1px 1px #00000008, 0 8px 24px -12px #28285038, inset 0 1px 1px #fff9;--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffbd;--glass-border:#ffffffb3;--glass-sh:0 1px 3px #0000000d, 0 8px 30px #00000014;--red:#e5342b;--ok:#2e9e48;--warn:#ff9500;--correct:var(--ok);--present:var(--warn);--absent:color-mix(in oklab, var(--ink) 20%, var(--bg));--cell-border:var(--glass-border);--key-bg:var(--glass-bg-strong);--key-text:var(--ink);--r-tile-sm:13px;--r-pill:999px;flex-direction:column;flex:1;display:flex;position:relative;overflow-x:hidden}html[data-theme=dark] .bt{--bg:#0a0a10;--wallpaper:radial-gradient(900px 500px at 100% -10%, #3a1e6b 0%, transparent 55%), radial-gradient(900px 500px at -10% 50%, #0f3b6c 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #6b1e4a 0%, transparent 55%), linear-gradient(180deg, #0a0a10 0%, #14121d 100%);--ink:#fff;--ink-sec:#ffffff8c;--ink-faint:#ffffff6b;--text:#f3f3f6;--text-2:#ffffff8f;--card-bg:#ffffff12;--card-border:#ffffff1f;--card-shadow:0 1px 1px #00000040, 0 10px 30px -12px #0009, inset 0 1px 1px #ffffff17;--glass-bg:#ffffff1a;--glass-bg-strong:#ffffff2e;--glass-border:#ffffff38;--glass-sh:0 1px 3px #0006, 0 12px 36px #00000080;--red:#ff453a;--ok:#30d158;--warn:#ff9f0a}@media (prefers-color-scheme:dark){html:not([data-theme]) .bt{--bg:#0a0a10;--wallpaper:radial-gradient(900px 500px at 100% -10%, #3a1e6b 0%, transparent 55%), radial-gradient(900px 500px at -10% 50%, #0f3b6c 0%, transparent 55%), radial-gradient(700px 400px at 50% 110%, #6b1e4a 0%, transparent 55%), linear-gradient(180deg, #0a0a10 0%, #14121d 100%);--ink:#fff;--ink-sec:#ffffff8c;--ink-faint:#ffffff6b;--text:#f3f3f6;--text-2:#ffffff8f;--card-bg:#ffffff12;--card-border:#ffffff1f;--card-shadow:0 1px 1px #00000040, 0 10px 30px -12px #0009, inset 0 1px 1px #ffffff17;--glass-bg:#ffffff1a;--glass-bg-strong:#ffffff2e;--glass-border:#ffffff38;--glass-sh:0 1px 3px #0006, 0 12px 36px #00000080;--red:#ff453a;--ok:#30d158;--warn:#ff9f0a}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/fraunces-600-italic.woff2)format("woff2")}.bt-wrap{z-index:1;box-sizing:border-box;text-align:center;flex-direction:column;flex:1;align-items:center;gap:clamp(4px,1.2dvh,20px);width:100%;max-width:512px;min-height:0;margin:0 auto;padding:clamp(4px,1.4dvh,20px) 16px clamp(4px,1.6dvh,20px);display:flex;position:relative}.bt-eyebrow{flex-direction:column;flex:none;align-items:center;gap:1px;display:flex}.bt-eyebrow h1{font-family:var(--font-logo);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(18px,3.2dvh,40px);font-style:italic;font-weight:600;line-height:1}.bt-eyebrow p{color:var(--ink-sec);margin:0;font-size:clamp(10px,1.5dvh,17px);font-weight:500}.bt-card{background:var(--card-bg);border:1px solid var(--card-border);width:100%;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-radius:22px;padding:28px}.bt-card-title{margin:0;font-size:22px;font-weight:600}.bt-card-body{color:var(--text-2);margin:12px 0 0;font-size:15px;line-height:1.55}.bt-theme{color:var(--text-2);margin:20px 0 0;font-size:13px;font-weight:500}.bt-modes{border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-sh);-webkit-backdrop-filter:blur(18px)saturate(1.4);flex:none;gap:3px;padding:3px;display:flex}.bt-mode{appearance:none;color:var(--ink-sec);font:inherit;border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;padding:5px 15px;font-size:clamp(11px,1.6dvh,15px);font-weight:600}.bt-mode.is-active{color:var(--ink);background:var(--glass-bg-strong);box-shadow:var(--glass-sh);font-weight:700}.bt-board-area{flex:1;place-items:center;width:100%;min-height:0;display:grid}.bt-board-frame{aspect-ratio:5/6;max-width:100%;height:100%;max-height:100%}.bt-board{flex-direction:column;gap:clamp(2px,.9dvh,10px);width:100%;height:100%;display:flex}.bt-row{flex:1;justify-content:center;gap:clamp(2px,.9dvh,10px);display:flex}.bt-row--shake{animation:.5s bt-shake}@keyframes bt-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@keyframes bt-flip-reveal{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.bt-cell{font-size:clamp(14px,3.4dvh,32px);font-weight:800;font-family:var(--font-display);text-transform:uppercase;border:1.5px solid var(--cell-border);border-radius:var(--r-tile-sm);color:var(--ink);background:var(--glass-bg);flex:1;justify-content:center;align-items:center;display:flex}.bt-cell--filled{background:var(--glass-bg-strong);border-color:var(--ink-faint)}.bt-cell--correct,.bt-cell--present{color:#fff;border-color:#0000;animation:.55s both bt-flip-reveal}.bt-cell--absent{color:var(--ink-sec);border-color:#0000;animation:.55s both bt-flip-reveal}.bt-cell--correct{background:var(--correct)}.bt-cell--present{background:var(--present)}.bt-cell--absent{background:var(--absent)}.bt-toast{z-index:8;border-radius:var(--r-pill);background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-sh);-webkit-backdrop-filter:blur(24px)saturate(1.4);color:var(--ink);white-space:nowrap;align-items:center;gap:9px;padding:11px 20px;font-size:14px;font-weight:600;animation:.32s cubic-bezier(.2,.9,.3,1.4) both bt-toast-in;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.bt-toast-dot{background:var(--red);border-radius:50%;flex:none;width:8px;height:8px}@keyframes bt-toast-in{0%{opacity:0;transform:translate(-50%,-10px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.bt-hint{color:var(--text-2);margin:0 0 8px;font-size:13px}.bt-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 0;display:grid}.bt-stat{flex-direction:column;align-items:center;display:flex}.bt-stat-value{font-size:24px;font-weight:700}.bt-stat-label{color:var(--text-2);text-align:center;margin-top:4px;font-size:11px}.bt-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.bt-btn{appearance:none;font:inherit;background:var(--correct);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-size:14px;font-weight:700}.bt-btn--ghost{color:var(--text);border:1px solid var(--card-border);background:0 0}.bt-kb{flex-direction:column;flex:none;gap:clamp(3px,.7dvh,10px);width:100%;display:flex}.bt-kb-row{justify-content:center;gap:clamp(2px,1vw,8px);width:100%;display:flex}.bt-key{appearance:none;border-radius:var(--r-tile-sm);background:var(--key-bg);color:var(--key-text);font:inherit;font-family:var(--font-body);text-transform:uppercase;cursor:pointer;border:none;flex:1;min-width:0;height:clamp(26px,4.3dvh,50px);padding:0 4px;font-size:clamp(10px,3vw,16px);font-weight:700;box-shadow:0 1px 2px #00000014}.bt-key:disabled{cursor:default;opacity:.6}.bt-key--enter{letter-spacing:.02em;flex:1.9;font-size:clamp(8px,2vw,11px)}.bt-key--back{flex:1.5;font-size:clamp(14px,3.6vw,20px)}.bt-key--correct{background:var(--correct);color:#fff}.bt-key--present{background:var(--present);color:#fff}.bt-key--absent{background:var(--absent);color:var(--ink-faint);box-shadow:none}.bt-help-btn{z-index:5;appearance:none;border-radius:var(--r-pill);background:var(--glass-bg-strong);border:1px solid var(--glass-border);width:34px;height:34px;box-shadow:var(--glass-sh);color:var(--ink);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(16px);justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex;position:absolute;top:14px;right:18px}.bt-modal-overlay{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.bt-modal{background:var(--card-bg);border:1px solid var(--card-border);width:100%;max-width:480px;max-height:min(80vh,720px);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.4);color:var(--text);text-align:left;border-radius:22px;padding:28px;position:relative;overflow-y:auto}.bt-modal-close{appearance:none;color:var(--text-2);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:16px;right:16px}.bt-help-section{margin-top:20px}.bt-help-section h3{margin:0 0 8px;font-size:15px;font-weight:700}.bt-help-example-label{color:var(--text-2);margin:0 0 6px;font-size:13px}.bt-help-example-row{gap:4px;margin-bottom:10px;display:flex}.bt-cell--mini{border-radius:6px;flex:none;width:34px;height:34px;font-size:16px}.bt-help-legend{color:var(--text-2);margin:0 0 10px;padding-left:18px;font-size:14px;line-height:1.6}.bt-help-modes{margin:0;font-size:14px}.bt-help-modes dt{margin-top:10px;font-weight:700}.bt-help-modes dt:first-child{margin-top:0}.bt-help-modes dd{color:var(--text-2);margin:4px 0 0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{flex-direction:column;min-height:100dvh;margin:0;display:flex}reppo-header{flex:none}#root{flex-direction:column;flex:1;min-height:0;display:flex}