:root{--tb-sea:#0d6b5f;--tb-sea-deep:#073b40;--tb-turq:#1fb3a6;--tb-sky:#b5487a;--tb-sun:#f0a05a;--tb-sand:#ffd9a0;--tb-wood:#6a4a2c;--tb-wood-dark:#3a2a1c;--tb-gold:#f5c542;--tb-parch:#efe6d2;--tb-ink:#06272b;--tb-red:#d0384a;--tb-fire:#ff8a3c;--tb-font-title:var(--font-cinzel), Georgia, serif;--tb-font-body:var(--font-inter), system-ui, sans-serif}.tb-root{color:var(--tb-parch);font-family:var(--tb-font-body);background:linear-gradient(#2a2a5e 0%,#7a3a6e 34%,#1a8a86 62%,#073b40 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.tb-root:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff0d 0 2px,#0000 2px 26px);animation:9s linear infinite tb-waves;position:absolute;inset:58% 0 0}@keyframes tb-waves{0%{background-position:0 0}to{background-position:0 26px}}.tb-scroll{z-index:1;-webkit-overflow-scrolling:touch;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow-y:auto}.tb-menu{text-align:center;width:100%;max-width:460px;margin:auto;animation:.5s tb-fade}@keyframes tb-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tb-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--tb-gold);opacity:.85;font-size:.66rem}.tb-title{font-family:var(--tb-font-title);color:#fff;text-shadow:0 2px 0 var(--tb-wood-dark), 0 0 24px #f5c54259;margin:6px 0 4px;font-size:clamp(2.2rem,9vw,3.2rem);font-weight:700}.tb-tagline{color:#efe6d2db;max-width:34ch;margin:0 auto 22px;font-size:.96rem;line-height:1.5}.tb-modes{flex-direction:column;gap:12px;display:flex}.tb-mode-btn{text-align:left;color:var(--tb-parch);cursor:pointer;background:linear-gradient(#0a2e33b8,#06272bdb);border:1px solid #f5c54247;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex}.tb-mode-btn:hover:not(:disabled){border-color:var(--tb-gold);transform:translateY(-2px);box-shadow:0 10px 26px #00000057}.tb-mode-btn:disabled{opacity:.5;cursor:not-allowed}.tb-mode-ic{filter:drop-shadow(0 2px 3px #0006);flex-shrink:0;font-size:1.7rem}.tb-mode-tt{font-family:var(--tb-font-title);align-items:center;gap:8px;font-size:1.12rem;font-weight:600;display:flex}.tb-mode-dd{color:#efe6d2b3;margin-top:2px;font-size:.82rem}.tb-soon-tag{letter-spacing:.1em;text-transform:uppercase;background:var(--tb-red);color:#fff;border-radius:999px;padding:2px 7px;font-size:.6rem}.tb-links{justify-content:center;gap:18px;margin-top:20px;font-size:.86rem;display:flex}.tb-textlink{color:var(--tb-gold);cursor:pointer;opacity:.9;background:0 0;border:none;text-decoration:none}.tb-textlink:hover{opacity:1;text-decoration:underline}.tb-play{flex-direction:column;flex:1;gap:14px;width:100%;max-width:520px;min-height:0;margin:0 auto;display:flex}.tb-topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.tb-topbtn{color:var(--tb-parch);cursor:pointer;background:#06272bb3;border:1px solid #f5c5424d;border-radius:10px;padding:8px 12px;font-size:.84rem}.tb-topbtn:hover:not(:disabled){border-color:var(--tb-gold)}.tb-topbtn:disabled{opacity:.4;cursor:not-allowed}.tb-attempts{font-family:var(--tb-font-title);color:var(--tb-gold);font-size:.92rem}.tb-attempts b{font-size:1.3rem}.tb-best{color:#efe6d299;font-weight:400}.tb-record-badge{color:var(--tb-gold);font-family:var(--tb-font-title);background:#f5c54229;border-radius:999px;margin:4px 0 8px;padding:4px 12px;font-weight:700;display:inline-block}.tb-slots{justify-content:center;gap:10px;display:flex}.tb-slot{width:58px;height:68px;font-family:var(--tb-font-title);color:#fff;background:#06272ba8;border:2px solid #f5c54259;border-radius:12px;place-items:center;font-size:2rem;font-weight:700;display:grid}.tb-slot.filled{border-color:var(--tb-gold);box-shadow:inset 0 0 14px #f5c54238}.tb-slot.cursor{border-color:var(--tb-turq);animation:1.1s steps(2,end) infinite tb-blink}@keyframes tb-blink{50%{border-color:#1fb3a64d}}.tb-msg{text-align:center;min-height:1.1em;color:var(--tb-sun);font-size:.82rem}.tb-keypad{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.tb-key{aspect-ratio:1;color:#fff;font-family:var(--tb-font-title);cursor:pointer;background:linear-gradient(#6a4a2c80,#3a2a1ca6);border:1px solid #f5c5423d;border-radius:12px;font-size:1.4rem;transition:transform .1s}.tb-key:hover:not(:disabled){border-color:var(--tb-gold);transform:translateY(-1px)}.tb-key:active:not(:disabled){transform:translateY(1px)}.tb-key:disabled{opacity:.32;cursor:not-allowed}.tb-key.wide{grid-column:span 1;font-size:1.1rem}.tb-fire-btn{background:linear-gradient(180deg, var(--tb-fire), var(--tb-red));color:#fff;width:100%;font-family:var(--tb-font-title);letter-spacing:.04em;cursor:pointer;border:none;border-radius:14px;padding:15px;font-size:1.1rem;font-weight:700;transition:transform .12s,filter .12s;box-shadow:0 8px 22px #d0384a66}.tb-fire-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.tb-fire-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.tb-log-title{font-family:var(--tb-font-title);color:var(--tb-gold);border-bottom:1px solid #f5c54233;padding-bottom:6px;font-size:.94rem}.tb-log{flex-direction:column;flex:1;gap:7px;min-height:140px;display:flex;overflow-y:auto}.tb-log-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tb-log-switch{color:var(--tb-parch);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.tb-log-switch input{width:16px;height:16px;accent-color:var(--tb-gold)}.tb-log-tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tb-log-tab{color:var(--tb-parch);cursor:pointer;background:#06272b99;border:1px solid #f5c5424d;border-radius:999px;flex:none;padding:6px 12px;font-size:.82rem}.tb-log-tab.active{background:var(--tb-gold);color:#06272b;border-color:var(--tb-gold);font-weight:700}.tb-log-empty{text-align:center;color:#efe6d280;padding:18px 0;font-size:.86rem}.tb-log-row{background:#06272b8f;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;animation:.28s tb-fade;display:flex}.tb-log-row.mine{border-color:var(--tb-gold);background:#f5c54224}.tb-mine-tag{font-family:var(--tb-font-title);text-transform:uppercase;letter-spacing:.08em;color:var(--tb-gold);white-space:nowrap;border:1px solid #f5c54280;border-radius:999px;padding:1px 7px;font-size:.62rem}.tb-end-actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}.tb-log-guess{gap:5px;display:flex}.tb-log-digit{width:26px;height:32px;font-family:var(--tb-font-title);color:#fff;background:#00000047;border-radius:7px;place-items:center;font-weight:700;display:grid}.tb-badges{align-items:center;gap:6px;display:flex}.tb-badge{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.9rem;font-weight:700;display:inline-flex}.tb-badge.fire{color:var(--tb-fire);background:#ff8a3c2e}.tb-badge.bomb{color:#ff9aa6;background:#d0384a33}.tb-badge.zero{opacity:.4}.tb-win{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#041418b8;place-items:center;animation:.4s tb-fade;display:grid;position:absolute;inset:0}.tb-win-card{text-align:center;border:1px solid var(--tb-gold);background:linear-gradient(#0a2e33f5,#06272bfa);border-radius:20px;align-self:center;width:88%;max-width:360px;padding:28px 26px}.tb-win-ic{font-size:3rem}.tb-win-tt{font-family:var(--tb-font-title);color:var(--tb-gold);margin:6px 0;font-size:1.6rem}.tb-win-sub{color:#efe6d2d9;margin-bottom:18px}.tb-modal{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#041418b3;place-items:center;padding:18px;animation:.3s tb-fade;display:grid;position:fixed;inset:0}.tb-modal-card{background:linear-gradient(#0a2e33fa,#06272bfc);border:1px solid #f5c54266;border-radius:18px;width:100%;max-width:400px;padding:24px}.tb-modal-tt{font-family:var(--tb-font-title);color:var(--tb-gold);text-align:center;margin-bottom:12px;font-size:1.3rem}.tb-rules-list{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.tb-rules-list li{color:#efe6d2e6;gap:10px;font-size:.9rem;line-height:1.4;display:flex}.tb-rules-list li:before{content:"⚓";color:var(--tb-gold);flex-shrink:0}.tb-modal-btn{background:var(--tb-gold);width:100%;color:var(--tb-wood-dark);font-family:var(--tb-font-title);cursor:pointer;border:none;border-radius:12px;padding:12px;font-weight:700}.tb-input{color:#fff;width:100%;font-family:var(--tb-font-body);text-align:center;background:#06272ba8;border:1px solid #f5c5424d;border-radius:12px;padding:13px 14px;font-size:1rem}.tb-input::placeholder{color:#efe6d266}.tb-input:focus{border-color:var(--tb-gold);outline:none}.tb-join-row{grid-template-columns:2fr 1fr;gap:8px;display:grid}.tb-score{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tb-score-chip{background:#06272ba8;border:1px solid #f5c5423d;border-radius:999px;padding:5px 12px;font-size:.86rem}.tb-score-chip.win{border-color:var(--tb-gold);color:var(--tb-gold)}.tb-score-chip b{color:var(--tb-gold);margin-left:4px}.tb-guesses{flex-direction:column;gap:10px;display:flex}.tb-guess-row{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.tb-guess-name{font-family:var(--tb-font-title);font-size:.96rem}.tb-guess-field{flex-direction:column;gap:3px;display:flex}.tb-guess-input{letter-spacing:.4em;width:100%;font-size:1.2rem}.tb-guess-hint{color:var(--tb-gold);opacity:.85;font-size:.72rem}.tb-log-line{align-items:center;gap:6px;font-size:.86rem;display:flex}.tb-log-code{font-family:var(--tb-font-title);letter-spacing:.15em;color:#fff;background:#00000047;border-radius:6px;padding:2px 8px;font-weight:700}.tb-reveals{color:#efe6d2d9;flex-direction:column;gap:4px;margin:10px 0;font-size:.9rem;display:flex}.tb-reveals b{color:var(--tb-gold);letter-spacing:.15em}.tb-notice{border:1px solid var(--tb-gold);color:var(--tb-gold);font-family:var(--tb-font-title);text-align:center;cursor:pointer;background:#f5c54229;border-radius:12px;padding:10px 14px;font-weight:600;animation:.3s tb-fade}@media (prefers-reduced-motion:reduce){.tb-root:after,.tb-slot.cursor,.tb-menu,.tb-log-row,.tb-win,.tb-modal{animation:none}}