:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f4e7;background:#172b24;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 30%,#35513b 0,transparent 48%)}header{padding:24px 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff20}.logo{font-size:34px;font-weight:1000;letter-spacing:-2px;color:#f7f4e7;text-decoration:none}.logo span{color:#e8f780}.edition,#connection,.eyebrow,.facts{font-size:11px;font-weight:800;letter-spacing:2px}#connection{margin-left:auto;color:#e8f780}main{max-width:1160px;margin:auto;padding:52px 36px}#intro{position:relative;min-height:660px;padding-right:46%}.eyebrow{color:#e8f780}h1{font-size:clamp(48px,6.2vw,80px);line-height:1.02;letter-spacing:-4px;margin:28px 0}em{font-style:normal;color:#e8f780}.lede{font-size:18px;line-height:1.6;color:#c6d0c7;max-width:450px}.setup{position:absolute;right:0;top:70px;width:38%;padding:32px;background:#f7f4e7;color:#172b24;border-radius:22px;box-shadow:10px 10px 0 #0b1e19;display:grid;gap:14px}label{font-size:13px;font-weight:750}input{display:block;width:100%;padding:15px;border:1px solid #b5bcaa;border-radius:8px;background:#fffdf6;color:#172b24;font:inherit;margin-top:8px}button{font:inherit;font-weight:800;padding:16px 22px;border:0;border-radius:9px;background:#e8f780;color:#172b24;cursor:pointer;min-height:48px;transition:transform .15s}button:hover{transform:translateY(-2px)}button:disabled{opacity:.5;cursor:default;transform:none}button span{float:right}button.secondary{background:transparent;border:1px solid #879584}.join{border-top:1px solid #c7ccbd;padding-top:12px;display:grid;gap:12px}#code{letter-spacing:4px;text-transform:uppercase}.mascots{display:flex;gap:14px;margin-top:32px}.cat{font-size:42px;background:#304438;padding:18px;border-radius:16px;transform:rotate(-3deg);color:#e8f780}.cat.kitsu{transform:rotate(3deg);background:#e4ad98;color:#302b21}.cat b{font-size:17px;display:block}.cat small{font-size:11px;display:block;max-width:165px;margin-top:8px}.facts{display:flex;gap:25px;margin:36px 0;color:#c5cebb}footer{border-top:1px solid #ffffff25;padding-top:24px;color:#c5cebb;font-size:12px;display:flex;justify-content:space-between;gap:20px}#error{color:#ffb8a5;min-height:25px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.badge{color:#e8f780;font-weight:800;letter-spacing:2px}h2{font-size:clamp(32px,5vw,54px);letter-spacing:-2px;margin:20px 0}.arena{background:#f7f4e7;color:#172b24;border-radius:20px;padding:32px;margin:26px 0;min-height:260px}.arena p{line-height:1.6}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.options button{border:1px solid #a4ad92;text-align:left}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:24px 0}.player{background:#304438;border-radius:12px;padding:18px;display:flex;justify-content:space-between;gap:12px}.player.you{outline:1px solid #e8f780}.player small{display:block;color:#c5cebb;margin-top:7px}.clock{font-variant-numeric:tabular-nums;font-size:20px;color:#e8f780}.pot{font-size:23px}.reflex{width:100%;min-height:130px;font-size:28px;background:#edd6a8}.reflex.go{background:#bce773}.muted{color:#b9c8bc}.arena .muted{color:#57634e}a{color:#e8f780}:focus-visible{outline:3px solid #df977b;outline-offset:4px}[hidden]{display:none!important}@media(max-width:750px){header{padding:18px 22px}.edition{display:none}#connection{font-size:9px}main{padding:35px 22px}#intro{padding-right:0}.setup{position:static;width:100%;margin:36px 0}.mascots{justify-content:center}.facts{justify-content:center;gap:14px;font-size:9px}h1{letter-spacing:-2px}.arena{padding:22px}.options{grid-template-columns:1fr}footer{flex-direction:column}.topline{align-items:flex-start}.pot{font-size:17px}}
.arena .badge{color:#516324}
#community{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;margin:36px 0 52px}.account-card,.leaderboard-card{border:1px solid #ffffff30;background:#21382e;padding:28px;border-radius:20px}#community h2{font-size:36px;letter-spacing:-1.4px}#community p{font-size:14px;line-height:1.6;color:#d0d9cf}#account-form{display:grid;gap:15px}#account-form label{display:block}.account-actions{display:flex;gap:10px;flex-wrap:wrap}#community button.secondary{color:#e8f780;border-color:#9ba58b}.board-tabs{display:flex;gap:8px;flex-wrap:wrap}.board-tabs button{padding:12px 15px;font-size:12px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.profile-stats strong{display:block;color:#e8f780;font-size:24px}.profile-stats span{font-size:11px;color:#d0d9cf}.ranking-note{max-width:560px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:14px 8px;border-bottom:1px solid #ffffff20;white-space:nowrap}thead th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#c5cebb}.current-player{background:#e8f78017;color:#e8f780}.recent-games{list-style:none;padding:0;font-size:12px}.recent-games li{padding:12px 0;border-bottom:1px solid #ffffff20}.recent-games b{display:block;margin-top:4px;color:#e8f780}.empty-board{padding:20px 0}#account-message{min-height:22px}#your-rank{color:#e8f780!important}@media(max-width:800px){#community{grid-template-columns:1fr}.account-card,.leaderboard-card{padding:22px}}
.club-link{font-size:12px;text-decoration:none;white-space:nowrap}.setup-account{font-size:12px;line-height:1.5;margin:0}.setup a{color:#405522}#account-title{overflow-wrap:anywhere}@media(max-width:750px){header{flex-wrap:wrap;gap:12px}.club-link{width:100%;font-size:11px;text-align:right}}
.room-invite{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:center;margin:26px 0 30px;padding:24px;background:#e9eddd;border:1px solid #c7d0b5;border-radius:16px}.qr-card{background:#fff;padding:0 0 14px;border-radius:12px;text-align:center;overflow:hidden}.qr-card img{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}.qr-card b{font-size:11px;letter-spacing:1px;color:#172b24}.invite-details h3{font-size:27px;letter-spacing:-1px;margin:0 0 10px}.invite-details p{font-size:14px;margin:0 0 14px}.invite-details input{font-size:13px;letter-spacing:0;margin-bottom:14px;min-width:0}.invite-actions{display:flex;flex-wrap:wrap;gap:9px}.invite-actions button,.button-link{font-size:12px;padding:12px 14px;min-height:44px}.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #879584;border-radius:9px;font-weight:800;color:#172b24;text-decoration:none;cursor:pointer}.invite-details .invite-status{font-size:12px;min-height:36px;margin:12px 0 0;color:#405522}.invite-banner{padding:16px 18px;background:#e8f780;color:#172b24;border-radius:12px;font-size:14px;line-height:1.5;margin:0 0 22px}#intro:has(.invite-banner:not([hidden])) .setup{top:160px}@media(max-width:750px){.room-invite{grid-template-columns:minmax(0,1fr);padding:18px;gap:20px}.qr-card{width:240px;max-width:100%;justify-self:center}.invite-actions{display:grid;grid-template-columns:1fr 1fr}.invite-actions button,.button-link{padding:12px 8px}.invite-details h3{font-size:25px}}
.clock.is-urgent{background:#9d3024;color:#fff3cd;font-weight:900;padding:8px 12px;border-radius:10px;animation:clock-pulse 1s ease-in-out infinite;white-space:nowrap}@keyframes clock-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.clock.is-urgent{animation:none;outline:2px solid #ffe7a4;outline-offset:2px}}.account-security{border-top:1px solid #ffffff30;margin:20px 0;padding-top:18px}.account-security summary{cursor:pointer;font-weight:800;color:#e8f780;padding:8px 0}.account-security form{display:grid;gap:14px;margin:18px 0}.account-security h3{margin:10px 0 0;font-size:18px}.account-security input{margin-top:7px}.recovery-code-panel{padding:20px;margin:22px 0;background:#e8f780;color:#172b24;border-radius:12px}.recovery-code-panel h3{margin-top:0}.recovery-code-panel p{color:#172b24!important}.recovery-code-panel input{font-family:ui-monospace,monospace;font-size:13px;margin-bottom:14px}.recovery-code-panel button{background:#172b24;color:#f7f4e7}.recovery-code-panel button.secondary{color:#172b24!important;border-color:#516324!important}.recovery-code-panel .account-actions{gap:8px}.recovery-code-panel #recovery-copy-status{font-size:12px;min-height:18px}
.logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-cats{display:inline-flex;align-items:flex-end}.brand-cats img{width:38px;height:48px;object-fit:contain}.logo .brand-word{color:#f7f4e7}.cat{font-size:16px;flex:1;max-width:230px}.cat img{display:block;width:100%;height:155px;object-fit:contain;margin-bottom:10px}.cat small{max-width:none}.mascots{max-width:490px}#intro{min-height:760px}#code{text-transform:none;letter-spacing:.3px}.badge{overflow-wrap:anywhere}.topline>div:first-child{min-width:0}.qr-card b{display:block;padding-inline:8px;overflow-wrap:anywhere;letter-spacing:.3px}.email-settings{border-top:1px solid #ffffff30;padding-top:18px;margin-top:18px}.email-settings form,.email-link-panel form,.admin-main form{display:grid;gap:14px;margin:18px 0}.email-link-panel{background:#f7f4e7;color:#172b24;padding:30px;border-radius:18px;margin:30px 0}.email-link-panel h2{font-size:34px}.email-link-panel form{max-width:500px}.field-help{font-size:12px!important;margin:0!important}.admin-main{max-width:980px}.admin-main h1{font-size:clamp(42px,6vw,66px)}.admin-main h2{font-size:32px}.admin-main .account-card{margin:24px 0}.admin-main button.secondary{color:#e8f780}.admin-main .profile-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.checkbox-label{display:flex;gap:12px;align-items:center}.checkbox-label input{width:20px;height:20px;margin:0}.admin-main footer{margin-top:40px}#admin-message{color:#e8f780;min-height:24px}footer a{text-decoration:underline}footer .copyright-year{color:inherit}@media(max-width:750px){.brand-cats img{width:28px;height:36px}.logo{font-size:30px;gap:5px}.cat{padding:14px}.cat img{height:130px}#intro{min-height:0}.email-link-panel{padding:22px}.admin-main .account-card{padding:20px}.topline{gap:12px}.topline .badge{letter-spacing:.4px;font-size:14px}}

.sound-toggle{font-size:.75rem;padding:.5rem .7rem;white-space:nowrap}.round-winner{font-weight:800;font-size:1.35rem;color:var(--green,#254438)}.user-card{padding:1rem;border:1px solid #bac3ad;border-radius:12px;margin:.8rem 0;overflow-wrap:anywhere}.user-card summary{cursor:pointer;font-weight:800}.user-card dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:.4rem}.user-card dt{font-weight:700}.user-card dd{margin:0}.user-search{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.user-search label{flex:1;min-width:150px}.user-search select{font:inherit;padding:.8rem;border-radius:8px;max-width:100%}#user-confirm,#user-reset-result{padding:1rem;margin:1rem 0;background:#eef6c9;border-radius:12px}@media(max-width:600px){header{flex-wrap:wrap}.sound-toggle{margin-left:auto}.user-card dl{grid-template-columns:1fr}.user-card dd{margin-bottom:.6rem}}

#user-confirm,#user-reset-result{color:#172b24}#user-confirm button.secondary,#user-reset-result button.secondary{color:#172b24}.admin-main .user-search{display:flex}.user-card summary{line-height:1.5}

.room-leave{color:#e8f780!important;margin-bottom:12px}.remove-player{color:#e8f780!important;font-size:12px;padding:8px 12px}.board .player{flex-wrap:wrap}.remove-player{flex-basis:100%}.arena details{margin:20px 0}.arena summary{cursor:pointer;font-weight:800}