.gameplay-page{--gp-ink: #243d35;--gp-muted: #76817a;--gp-green: #245b47;--gp-line: #e2e6de;min-height:100vh;min-height:100dvh;background:#f5f6f0;color:var(--gp-ink);padding:0 32px;font-size:14px}.gameplay-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gameplay-panel{min-width:0;padding:30px;background:#fff;border:1px solid var(--gp-line);border-radius:16px;box-shadow:0 8px 28px #213b2c04}.gameplay-join-panel{display:flex;flex-direction:column}.gameplay-panel-badge{margin-left:auto;padding:4px 9px;border-radius:999px;background:#f0f4ed;color:var(--gp-muted);font-size:11px}.gameplay-label-spaced{margin-top:24px}.gameplay-panel select{width:100%}.gameplay-panel .gameplay-name-list{margin-top:26px}.gameplay-wide-button{width:100%;margin-top:26px}.gameplay-join-panel .gameplay-wide-button{margin-top:auto}.gameplay-code-input{font-size:24px;font-weight:600;letter-spacing:4px;text-transform:uppercase}.gameplay-home-note{margin:18px 0 0;color:var(--gp-muted);font-size:12px;text-align:center}.gameplay-room-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:34px 0 24px}.gameplay-room-heading h1{font-size:27px;font-weight:600}.gameplay-room-heading p{margin-top:9px;color:var(--gp-muted);font-size:12px}.gameplay-room-heading p span{margin:0 8px}.gameplay-quiet-button{min-height:40px!important;padding:8px 12px!important;color:var(--gp-muted)!important;background:transparent!important;font-size:12px!important}.gameplay-lobby{margin-bottom:18px}.gameplay-lobby-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.gameplay-lobby-heading .gameplay-eyebrow{margin-bottom:8px}.gameplay-lobby-heading h2{font-size:18px;font-weight:600}.gameplay-lobby-heading>strong{color:var(--gp-green);font-size:13px}.gameplay-token-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.gameplay-token-row{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--gp-line);border-radius:10px;background:#fdfdfa}.gameplay-token-row>div{min-width:0;flex:1}.gameplay-token-row strong,.gameplay-token-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gameplay-token-row strong{font-size:13px;font-weight:600}.gameplay-token-row small{margin-top:4px;color:var(--gp-muted);font-size:10px}.gameplay-token{min-height:36px!important;gap:6px!important;padding:6px 8px!important;border-color:#c9d8c2!important;color:var(--gp-green)!important;background:#f3f8ef!important}.gameplay-token b{font-size:17px;letter-spacing:2px;font-variant-numeric:tabular-nums}.gameplay-token svg{width:14px;height:14px}.gameplay-claim{min-width:68px}.gameplay-waiting-panel>p{color:var(--gp-muted);font-size:13px;line-height:1.8}.gameplay-room-error{margin:14px 0 0}@media (max-width: 700px){.gameplay-home-grid{grid-template-columns:1fr;gap:12px}.gameplay-panel{padding:22px 18px;border-radius:14px}.gameplay-join-panel .gameplay-wide-button{margin-top:26px}.gameplay-token-list{grid-template-columns:1fr}.gameplay-room-heading{padding:26px 0 18px}.gameplay-room-heading h1{font-size:23px}.gameplay-room-heading p{font-size:11px}.gameplay-room-heading p span{margin:0 4px}}.gameplay-shell{max-width:1100px;margin:0 auto}.gameplay-page button,.gameplay-page input,.gameplay-page select{font:inherit}.gameplay-page button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:1px solid var(--gp-line);border-radius:10px;padding:10px 18px;cursor:pointer;color:var(--gp-ink);background:#fff;touch-action:manipulation}.gameplay-page button:disabled{opacity:.45;cursor:not-allowed}.gameplay-page button:focus-visible,.gameplay-page input:focus-visible,.gameplay-page select:focus-visible{outline:3px solid #98bca5;outline-offset:3px}.gameplay-page button:not(:disabled):hover{filter:brightness(.96)}.gameplay-page input,.gameplay-page select{min-width:0;border:1px solid var(--gp-line);border-radius:8px;padding:12px;background:#fff;color:var(--gp-ink)}.gameplay-page h1,.gameplay-page h2,.gameplay-page h3,.gameplay-page p{margin:0}.gameplay-header{min-height:94px;border-bottom:1px solid var(--gp-line);display:flex;align-items:center;justify-content:space-between;gap:16px}.gameplay-brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600}.gameplay-brand strong{font-size:12px;letter-spacing:2px}.gameplay-brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--gp-green)}.gameplay-brand-divider{margin:0 12px;font-weight:400;color:#b4bcb3}.gameplay-header-caption{color:var(--gp-muted);font-size:12px;letter-spacing:1px}.gameplay-intro{padding:52px 0 32px}.gameplay-eyebrow{display:block;color:#64836c;font-size:10px;font-weight:700;letter-spacing:2.8px;margin-bottom:14px}.gameplay-intro h1{font-size:clamp(25px,3vw,36px);font-weight:600;letter-spacing:-1px;line-height:1.4}.gameplay-intro p{margin-top:14px;line-height:1.8;color:var(--gp-muted)}.gameplay-setup{display:grid;grid-template-columns:1fr 1.15fr;background:#fff;border:1px solid var(--gp-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #213b2c04}.gameplay-config,.gameplay-roster{padding:30px}.gameplay-config{border-right:1px solid var(--gp-line)}.gameplay-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:28px}.gameplay-section-heading h2{font-size:17px;font-weight:600}.gameplay-step{color:#8c9a8a;font-size:11px;letter-spacing:1px}.gameplay-count-tag{margin-left:auto;padding:4px 9px;border-radius:6px;background:#f3f5ef;font-size:11px;color:var(--gp-muted)}.gameplay-field-label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.gameplay-config select{width:100%}.gameplay-page .gameplay-field-hint{font-size:12px;color:var(--gp-muted);line-height:1.8;margin:10px 0 24px}.gameplay-duration{display:flex;align-items:center;gap:12px}.gameplay-duration label{position:relative;flex:1;min-width:0}.gameplay-duration input{font-size:24px;font-weight:600;width:100%;padding-right:55px;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.gameplay-duration input::-webkit-inner-spin-button,.gameplay-duration input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gameplay-duration label span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--gp-muted);pointer-events:none}.gameplay-duration-colon{font-size:22px;color:#9ea89e}.gameplay-presets{display:flex;gap:8px;margin-top:12px}.gameplay-presets button{flex:1;padding:7px 6px;min-height:36px;font-size:12px}.gameplay-presets button[aria-pressed=true]{background:#edf4eb;border-color:#b9cdb7;color:var(--gp-green)}.gameplay-note{display:flex;align-items:flex-start;gap:12px;margin-top:26px;padding:16px;border-radius:10px;background:#f5f7f1}.gameplay-note svg{flex-shrink:0;margin-top:2px;width:16px}.gameplay-note strong{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.gameplay-note p span{display:block;color:var(--gp-muted);font-size:12px;line-height:1.7}.gameplay-name-list{display:grid;gap:10px}.gameplay-name-row{display:flex;align-items:center;gap:12px}.gameplay-player-number{display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid currentColor;color:var(--player-color);font-size:11px;font-weight:600}.gameplay-name-row input{flex:1;width:100%}.gameplay-order-note{flex-shrink:0;min-width:48px;font-size:11px;color:var(--gp-muted);text-align:right}.gameplay-setup-footer{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;border-top:1px solid var(--gp-line);background:#fdfdfa}.gameplay-setup-footer p{color:var(--gp-muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}.gameplay-setup-footer strong{color:var(--gp-ink)}.gameplay-page button.gameplay-primary{background:var(--gp-green);color:#fff;border-color:var(--gp-green);min-height:50px;padding:14px 30px;font-size:15px;font-weight:600}.gameplay-setup-footer .gameplay-primary{flex-shrink:0;min-width:200px}.gameplay-setup-footer .gameplay-error{color:#b34032}.gameplay-page-footer{padding:28px 0;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#899485;letter-spacing:1px}.gameplay-page-footer a{color:inherit;text-decoration:none}.gameplay-page-footer a:hover,.gameplay-page-footer a:focus-visible{text-decoration:underline}.gameplay-page-footer span:first-child{font-size:9px;letter-spacing:2px}.gameplay-game-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:32px 0 24px}.gameplay-game-heading .gameplay-eyebrow{margin-bottom:8px}.gameplay-game-heading h1{font-size:26px;font-weight:600}.gameplay-game-heading p{margin-top:10px;color:var(--gp-muted);font-size:12px}.gameplay-game-heading p span{margin:0 8px}.gameplay-page .gameplay-reset{font-size:12px;background:transparent}.gameplay-reset svg{width:15px}.gameplay-clock{text-align:center;padding:30px 24px;background:#e8eee0;border:1px solid #d7e0cf;border-radius:20px}.gameplay-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#537146}.gameplay-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.gameplay-clock h2{font-size:23px;font-weight:500;margin:20px 0 4px;overflow-wrap:anywhere}.gameplay-clock-time{font-size:clamp(68px,11vw,124px);line-height:1.2;letter-spacing:-5px;font-weight:500;font-variant-numeric:tabular-nums}.gameplay-clock-track{max-width:280px;height:4px;border-radius:5px;margin:18px auto;background:#ccd9c4;overflow:hidden}.gameplay-clock-track span{display:block;height:100%;background:#648458}.gameplay-clock-caption{font-size:12px;color:#657c5c;min-height:20px;line-height:1.7;overflow-wrap:anywhere}.gameplay-clock-actions{display:flex;justify-content:center;gap:12px;max-width:520px;margin:24px auto 0}.gameplay-page .gameplay-next{flex:1;min-height:64px;font-size:18px}.gameplay-page .gameplay-pause{padding:14px 24px;border-color:#c6d4be;background:#f5f8f0;min-width:148px}.gameplay-clock.is-paused{background:#f2efe5;border-color:#e5ddc6}.gameplay-clock.is-paused .gameplay-status,.gameplay-clock.is-paused .gameplay-clock-caption{color:#8b774c}.gameplay-clock.is-paused .gameplay-clock-track{background:#e0d8bf}.gameplay-clock.is-paused .gameplay-clock-track span{background:#bfa168}.gameplay-clock.is-low:not(.is-paused) .gameplay-clock-time,.gameplay-clock.is-low:not(.is-paused) .gameplay-status{color:#a34532}.gameplay-clock.is-finished{background:#edf0e8}.gameplay-overview{margin-top:28px}.gameplay-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.gameplay-overview-heading h2{font-size:15px;font-weight:600}.gameplay-overview-heading>span{font-size:11px;color:var(--gp-muted)}.gameplay-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.gameplay-player-card{min-width:0;border-radius:12px;border:1px solid var(--gp-line);padding:18px;background:#fff}.gameplay-player-card.is-active{border-color:#86a478;box-shadow:inset 0 0 0 1px #86a478}.gameplay-player-card.is-out{background:#eeefe9}.gameplay-player-card-heading{display:flex;align-items:center;gap:8px}.gameplay-player-card-heading .gameplay-player-number{width:25px;height:25px;font-size:10px}.gameplay-player-card h3{min-width:0;font-size:13px;font-weight:500;overflow-wrap:anywhere}.gameplay-player-state{flex-shrink:0;margin-left:auto;font-size:10px;color:var(--gp-muted)}.gameplay-player-card.is-active .gameplay-player-state{color:var(--gp-green)}.gameplay-player-time{font-size:35px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:18px 0 12px}.gameplay-player-card.is-out .gameplay-player-time{color:#8b9389}.gameplay-player-card-footer{display:flex;justify-content:space-between;gap:8px;color:var(--gp-muted);font-size:10px}@media (max-width: 700px){.gameplay-page{padding:0 18px}.gameplay-header{min-height:76px}.gameplay-header-caption{display:none}.gameplay-intro{padding:32px 0 24px}.gameplay-intro h1{font-size:26px}.gameplay-intro p{font-size:13px}.gameplay-setup{grid-template-columns:1fr}.gameplay-config,.gameplay-roster{padding:24px 20px}.gameplay-config{border-right:none;border-bottom:1px solid var(--gp-line)}.gameplay-section-heading{margin-bottom:20px}.gameplay-setup-footer{padding:20px;flex-direction:column;align-items:stretch;gap:12px}.gameplay-setup-footer .gameplay-primary{width:100%}.gameplay-game-heading{padding:26px 0 20px;align-items:flex-start}.gameplay-game-heading h1{font-size:23px}.gameplay-page .gameplay-reset{padding:9px 10px;gap:6px}.gameplay-game-heading p{font-size:11px}.gameplay-game-heading p span{margin:0 4px}.gameplay-clock{padding:26px 16px 20px}.gameplay-clock h2{font-size:21px;margin-top:22px}.gameplay-clock-time{font-size:clamp(62px,16vw,104px);letter-spacing:-3px}.gameplay-clock-actions{gap:10px}.gameplay-page .gameplay-next{padding:16px;font-size:16px;min-height:60px}.gameplay-page .gameplay-pause{min-width:112px;padding:12px;font-size:13px;gap:8px}.gameplay-overview-heading>span{font-size:10px}.gameplay-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gameplay-player-card{padding:14px 12px}.gameplay-player-card-heading{flex-wrap:wrap;gap:6px}.gameplay-player-card h3{flex:1;font-size:12px}.gameplay-player-state{width:100%;margin:0}.gameplay-player-time{margin:10px 0;font-size:32px}.gameplay-page-footer{font-size:9px}}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#243d35;background:#f5f6f0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh}