:root{--teal:#1f5f6b;--teal-deep:#164852;--teal-frame:#2c7b88;--cream:#fff6e5;--cream-line:#e8d9bb;--red:#d9442f;--red-deep:#a93221;--gold:#f2b134;--ink:#1d2a2d;--shadow:0 4px 0 #00000040;color:var(--cream);background:var(--teal);-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,PingFang HK,Noto Sans HK,Microsoft JhengHei,Segoe UI,Roboto,sans-serif}html,body{background:var(--teal);overscroll-behavior:none;min-height:100%;margin:0}body:before{content:"";z-index:-1;background:repeating-conic-gradient(from 0deg at 50% -10%, var(--teal) 0deg 7deg, #22697a 7deg 14deg);position:fixed;inset:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.screen{width:100%;max-width:520px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 16px);flex-direction:column;gap:12px;margin:0 auto;display:flex}.actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.btn-row{gap:12px;display:flex}.btn-row>*{letter-spacing:0;white-space:nowrap;flex:1;padding:0 8px;font-size:clamp(14px,4.2vw,17px)}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;display:grid}.topbar-back{min-height:44px;color:var(--cream);opacity:.85;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0 12px 0 0;font-size:16px}.topbar-title{letter-spacing:.12em;font-weight:800}.note{text-align:center;opacity:.85;margin:0}.instruction{text-align:center;margin:0;font-size:17px;font-weight:700}.instruction.warn{color:var(--gold)}.hero{text-align:center;margin:auto 0 0;padding:4vh 0 2vh}.hero-zh{letter-spacing:.06em;color:var(--cream);text-shadow:0 4px 0 var(--red), 0 9px 0 #00000040;font-size:clamp(52px,17vw,80px);font-weight:900;line-height:1.1}.hero-en{background:var(--red);box-shadow:var(--shadow);color:var(--cream);letter-spacing:.3em;border-radius:12px;margin-top:18px;padding:6px 18px 6px 26px;font-size:28px;font-weight:900;display:inline-block;transform:rotate(-3deg)}.hero-sub{letter-spacing:.5em;text-transform:uppercase;opacity:.8;margin-top:14px;font-size:15px}.btn{min-height:56px;box-shadow:var(--shadow);letter-spacing:.02em;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:3px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:18px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #00000040}.btn:disabled{opacity:.45;box-shadow:none;cursor:default}.btn-big{min-height:66px;font-size:22px}.btn-small{padding:0 18px;font-size:16px}.btn-red{background:var(--red);color:var(--cream)}.btn-gold{background:var(--gold);color:var(--ink)}.btn-cream{background:var(--cream);color:var(--teal-deep)}.btn-outline{box-shadow:none;color:var(--cream);background:0 0;border-color:#fff6e58c}.btn-outline-dark{border-color:var(--teal);box-shadow:none;color:var(--teal);background:0 0}.btn-link{box-shadow:none;color:var(--cream);text-underline-offset:4px;background:0 0;text-decoration:underline}.card{background:linear-gradient(135deg, var(--red) 18px, transparent 0) top left / 50% 50% no-repeat, linear-gradient(225deg, var(--red) 18px, transparent 0) top right / 50% 50% no-repeat, linear-gradient(315deg, var(--red) 18px, transparent 0) bottom right / 50% 50% no-repeat, linear-gradient(45deg, var(--red) 18px, transparent 0) bottom left / 50% 50% no-repeat, radial-gradient(circle, #fff6e5d9 1.6px, transparent 2.2px) 0 0 / 11px 11px, var(--teal-frame);border-radius:14px;margin:0;padding:34px 12px 12px;list-style:none;position:relative;box-shadow:0 8px #00000038}.card:before{content:"ONE SHOT";background:var(--teal-frame);white-space:nowrap;color:var(--red);letter-spacing:.08em;text-align:center;-webkit-text-stroke:1px var(--cream);paint-order:stroke fill;text-shadow:0 2px 0 var(--cream);border-radius:8px;padding:0 10px;font-size:20px;font-weight:900;position:absolute;top:4px;left:50%;transform:translate(-50%)}.card-row{background:var(--cream);min-height:50px;color:var(--ink);border-radius:4px;grid-template-columns:1fr 40px 1fr;align-items:center;gap:6px;margin-top:6px;padding:4px 8px;display:grid}.card-row:first-child{margin-top:0}.card-row.alt{background:var(--teal);color:var(--cream)}.badge{background:var(--cream);width:36px;height:36px;color:var(--red);border-radius:50%;justify-self:center;place-items:center;font-size:24px;font-weight:900;line-height:1;display:grid}.ph{opacity:.18;background:currentColor;border-radius:6px;height:12px;margin:0 10%}.card-row.dim{min-height:38px}.card-row.dim>*{opacity:.38}.card-row.dim .en{text-align:center;font-size:14px;line-height:1.15}.card-row.dim .zh{text-align:center;font-size:15px}.card-row.dim .badge{width:28px;height:28px;font-size:18px}.card-row.chosen{background:var(--cream);box-shadow:0 0 0 4px var(--red);color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:2px;margin:10px 0;padding:10px 12px 14px;display:flex}.card-row.chosen .badge{background:var(--red);color:var(--cream)}.card-row.chosen .en{font-size:22px;font-weight:800;line-height:1.2}.card-row.chosen .zh{letter-spacing:.04em;font-size:clamp(40px,13vw,56px);font-weight:900;line-height:1.15}.numbers{justify-content:space-between;gap:8px;display:flex}.num{aspect-ratio:1;background:var(--cream);max-width:72px;min-height:56px;box-shadow:var(--shadow);color:var(--red);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex:1;font-size:30px;font-weight:900}.num:active{transform:translateY(3px);box-shadow:0 1px #00000040}.hint-banner{background:var(--gold);box-shadow:var(--shadow);color:var(--ink);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 20px;display:flex}.hint-banner>div{align-items:baseline;gap:12px;display:flex}.hint-banner-label{font-weight:800}.hint-banner-time{font-variant-numeric:tabular-nums;font-size:48px;font-weight:900;line-height:1}.hint-banner.done{background:var(--red);color:var(--cream)}.guess-head{flex-direction:column;align-items:center;gap:8px;margin-top:2vh;display:flex}.hint-number{font-size:46px;font-weight:900;line-height:1}.coins{vertical-align:middle;align-items:center;display:inline-flex}.coins img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:50%;display:block}.coins-lg img{filter:drop-shadow(0 2px 2px #00000059);width:42px;height:42px}.coins-lg img+img{margin-left:-5px}.coins-sm img{width:24px;height:24px}.coins-sm img+img{margin-left:-4px}.ring{aspect-ratio:1;place-items:center;width:min(76vw,40dvh,320px);margin:8px auto 0;display:grid;position:relative}.ring svg{width:100%;height:100%;position:absolute;inset:0}.ring-track{fill:#0000002e;stroke:#fff6e52e;stroke-width:14px}.ring-progress{fill:none;stroke:var(--gold);stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.ring-number{font-variant-numeric:tabular-nums;font-size:min(24vw,13dvh,120px);font-weight:900;position:relative}.guess-now{min-height:66px;color:var(--gold);letter-spacing:.05em;place-items:center;margin:0;font-size:24px;font-weight:900;display:grid}.result-banner{text-align:center;margin-top:4vh}.result-banner h1{text-shadow:0 5px #00000040;margin:0;font-size:60px;font-weight:900;line-height:1.1}.result-banner.hit h1{color:var(--gold)}.result-banner.burst h1{color:var(--cream);text-shadow:0 5px 0 var(--red)}.result-banner p{margin:8px 0 0;font-size:18px;font-weight:700}.topic-card{background:var(--cream);box-shadow:0 0 0 4px var(--red), 0 10px 0 #00000038;color:var(--ink);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:18px 16px 22px;display:flex}.topic-card .label{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:13px;font-weight:700}.topic-card .en{font-size:22px;font-weight:800}.topic-card .zh{font-size:48px;font-weight:900}.panel{background:var(--cream);color:var(--ink);border-radius:20px;flex-direction:column;gap:14px;padding:18px 16px;display:flex;box-shadow:0 6px #0003}.login-form{margin-bottom:auto}.login-form label{font-weight:700}.login-form input{border:2px solid var(--cream-line);min-height:56px;color:var(--ink);background:#fff;border-radius:14px;padding:0 16px;font-size:20px}.form-error{color:var(--red-deep);margin:0;font-weight:700}.field{justify-content:space-between;align-items:center;gap:12px;min-height:56px;font-weight:700;display:flex}.field-stepper{flex-wrap:wrap}.field-stepper small{opacity:.6;width:100%;margin-top:-8px;font-weight:400}.stepper{align-items:center;gap:6px;display:flex}.stepper button{background:var(--teal);width:48px;height:48px;color:var(--cream);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;font-size:26px;font-weight:800}.stepper button:disabled{opacity:.35}.stepper input{border:2px solid var(--cream-line);width:62px;min-height:48px;color:var(--ink);text-align:center;appearance:textfield;background:#fff;border-radius:12px;font-size:22px;font-weight:800}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper .unit{opacity:.7;margin-right:4px}.switch{cursor:pointer;appearance:none;background:#c9bda6;border-radius:999px;flex:none;width:58px;height:34px;margin:0;transition:background .2s;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--teal)}.switch:checked:before{transform:translate(24px)}.hint-text{opacity:.7;margin:0;font-size:14px}.seen-count{margin:0}.topbar-spacer{justify-self:end}.host-btn{min-height:36px;color:var(--cream);cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #fff6e599;border-radius:999px;padding:0 16px;font-size:15px;font-weight:800}.lead{text-align:center;opacity:.9;margin:4vh 0 0;font-size:17px;line-height:1.45}.note.small{font-size:14px}.text-field,.own-topic{flex-direction:column;gap:6px;font-weight:700;display:flex}.text-field input,.own-topic input{border:2px solid var(--cream-line);min-height:52px;color:var(--ink);background:#fff;border-radius:14px;padding:0 14px;font-size:20px}.text-field .code-input{letter-spacing:.4em;text-align:center;text-transform:uppercase;font-size:30px;font-weight:900}.own-topic label{font-size:15px}.room-code-block{flex-direction:column;align-items:center;gap:8px;display:flex}.label-caps,.room-code-block .label{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:13px;font-weight:700}.room-code{gap:8px;display:flex}.room-code span{background:var(--cream);width:56px;height:64px;box-shadow:var(--shadow);color:var(--red);border-radius:12px;place-items:center;font-size:42px;font-weight:900;display:grid}.seats-panel{gap:10px;padding:14px 12px}.seats-panel h2{margin:0 4px;font-size:18px}.seats-panel h2 small{opacity:.55;margin-left:4px}.seats{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.seat{min-height:48px;color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:4px 4px 4px 8px;display:flex}.seat.offline .seat-name{opacity:.5}.seat-num{background:var(--red);width:28px;height:28px;color:var(--cream);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.seat-main{flex-wrap:wrap;flex:1;align-items:center;gap:2px 8px;min-width:0;display:flex}.seat-name{overflow-wrap:anywhere;min-width:0;font-weight:700;line-height:1.2}.seat-tags{gap:4px;display:flex}.seat-name .you{opacity:.6;font-weight:400}.tag{background:var(--gold);color:var(--ink);border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:800}.tag-off{background:#ddd2bd}.seat-tools{flex:none;gap:4px;display:flex}.icon-btn{background:var(--teal);width:38px;height:38px;color:var(--cream);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;font-size:18px;font-weight:900}.icon-btn:disabled{opacity:.2;cursor:default}.icon-btn.icon-danger{background:var(--red)}.waiting{color:var(--gold);text-align:center;margin:0;font-size:18px;font-weight:800}.round-strip{background:#0000002e;border-radius:999px;justify-content:space-between;gap:12px;padding:6px 14px;font-size:14px;font-weight:700;display:flex}.round-strip span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.waiting-banner{background:var(--gold);color:var(--ink);text-align:center;border-radius:12px;margin:0;padding:8px 12px;font-weight:800}.conn-banner{top:calc(env(safe-area-inset-top) + 8px);z-index:45;background:var(--red);box-shadow:var(--shadow);color:var(--cream);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:800;position:fixed;left:50%;transform:translate(-50%)}.status-block{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:3vh;display:flex}.status-block p{margin:0}.eyebrow{color:var(--gold);font-size:19px;font-weight:800}.status-line{font-size:26px;font-weight:900;line-height:1.2}.status-big{text-shadow:0 4px #00000040;margin:0;font-size:44px;font-weight:900;line-height:1.1}.card-pick{flex-direction:column;display:flex}button.card-row{width:100%;font:inherit;text-align:inherit;cursor:pointer;touch-action:manipulation;border:0}.card-pick .en,.card-pick .zh{text-align:center;text-wrap:balance;overflow-wrap:anywhere;line-height:1.15}.card-pick .en{font-size:15px;font-weight:700}.card-pick .zh{font-size:19px;font-weight:800}.card-row.selected{background:var(--cream);box-shadow:0 0 0 4px var(--red);color:var(--ink);position:relative}.card-row.selected .badge{background:var(--red);color:var(--cream)}.facedown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px;display:grid}.facedown-grid.n1{grid-template-columns:minmax(0,150px);justify-content:center}.facedown-grid.n2,.facedown-grid.n4{grid-template-columns:repeat(2,minmax(0,140px));justify-content:center}.facedown{aspect-ratio:3/4;background:linear-gradient(135deg, var(--red) 14px, transparent 0) top left / 50% 50% no-repeat, linear-gradient(225deg, var(--red) 14px, transparent 0) top right / 50% 50% no-repeat, linear-gradient(315deg, var(--red) 14px, transparent 0) bottom right / 50% 50% no-repeat, linear-gradient(45deg, var(--red) 14px, transparent 0) bottom left / 50% 50% no-repeat, radial-gradient(circle, #fff6e5d9 1.6px, transparent 2.2px) 0 0 / 11px 11px, var(--teal-frame);cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;place-items:center;display:grid;box-shadow:0 6px #00000038}.facedown:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #00000038}.facedown:disabled{cursor:default;filter:saturate(.7)}.facedown .badge{width:54px;height:54px;font-size:32px}.facedown.big{align-content:center;gap:12px;width:min(58vw,30dvh,220px);margin:8px auto 0}.facedown-text{background:var(--teal-deep);color:var(--cream);border-radius:8px;padding:2px 10px;font-size:15px;font-weight:800}.room .topic-card .en,.room .topic-card .zh,.topic-card .custom{text-wrap:balance;overflow-wrap:anywhere}.topic-card .custom{font-size:30px;font-weight:900;line-height:1.2}.topic-card.compact{gap:0;padding:8px 14px 10px}.topic-card.compact .en{font-size:18px}.topic-card.compact .zh{font-size:30px;line-height:1.2}.topic-card.compact .custom{font-size:22px}.waiting-note{margin-top:auto}.guess-now.idle{color:var(--cream);opacity:.85;font-size:18px;font-weight:700}.room-guess .guess-head{margin-top:0}.room-guess .ring{width:min(76vw,34dvh,300px)}.role-hint.room-guess .ring,.role-waiting.room-guess .ring{width:min(64vw,30dvh,280px)}.room-choose .status-block{margin-top:8vh}.ended-title{color:var(--gold);text-align:center;text-shadow:0 5px #00000040;margin:2vh 0 0;font-size:48px;font-weight:900}.totals{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.totals span{background:#0000002e;border-radius:999px;padding:6px 12px;font-weight:700}.totals b{color:var(--gold);font-size:20px}.summary{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.summary-row{background:var(--cream);color:var(--ink);border-radius:14px;grid-template-columns:28px 1fr;align-items:center;column-gap:10px;padding:10px 12px;display:grid}.summary-num{background:var(--teal);width:28px;height:28px;color:var(--cream);border-radius:50%;grid-row:span 2;place-items:center;font-weight:900;display:grid}.summary-row.hit .summary-num{background:var(--red)}.summary-topic{overflow-wrap:anywhere;font-weight:800}.summary-meta{opacity:.7;font-size:14px}.sheet-backdrop{z-index:30;background:#0a14168c;justify-content:center;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:520px;max-height:88dvh;padding:20px calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 16px);background:var(--cream);color:var(--ink);border-radius:22px 22px 0 0;flex-direction:column;gap:12px;animation:.2s ease-out sheet-in;display:flex;overflow-y:auto}.sheet h2{margin:0;font-size:21px}.sheet-text{margin:0;line-height:1.45}.sheet .field{min-height:48px}.btn-link-dark{min-height:44px;box-shadow:none;color:var(--teal-deep);text-underline-offset:4px;background:0 0;text-decoration:underline}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);z-index:40;max-width:calc(100vw - 32px);color:var(--cream);text-align:center;background:#141e20eb;border-radius:999px;padding:12px 20px;font-weight:700;animation:.2s ease-out toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.flash{z-index:50;pointer-events:none;animation:1.4s forwards flash;position:fixed;inset:0}@keyframes flash{0%{background:var(--cream);opacity:.95;animation-timing-function:step-end}22%{background:var(--red);opacity:.95;animation-timing-function:step-end}44%{background:var(--cream);opacity:.95;animation-timing-function:step-end}66%{background:var(--red);opacity:.95;animation-timing-function:ease-out}to{background:var(--red);opacity:0}}@media (prefers-reduced-motion:reduce){.flash{animation:1.6s ease-out forwards flash-soft}.btn,.ring-progress,.switch,.switch:before{transition:none}}@keyframes flash-soft{0%{background:var(--cream);opacity:.7}to{background:var(--cream);opacity:0}}@media (height<=700px){.screen{gap:10px}.card-row{min-height:46px}.card-row.dim{min-height:34px}.hero{padding-top:2vh}.card-row.chosen{margin:8px 0;padding:8px 12px 10px}.card-row.chosen .zh{font-size:44px}.card-pick .card-row{min-height:44px}.status-block{margin-top:1vh}.room-code span{width:50px;height:56px;font-size:36px}.ended-title{font-size:40px}}