:root{--bg:#fbefd8;--surface:#fff;--line:#efdcbf;--die-edge:#e9d3b4;--pip-red:#d0021b;--pip-ink:var(--ink);--ink:#3b2a1a;--ink-soft:#7a5a3c;--primary:#ff6b5b;--primary-deep:#d94a3b;--primary-light:#ff8c7f;--primary-text:#b8321f;--mint:#3dd6b5;--mint-deep:#2bb89a;--mint-soft:#dcf6ef;--lemon:#ffc93c;--lemon-deep:#e0a410;--font-sans:-apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, sans-serif;--font-fun:"Fredoka", var(--font-sans);--radius:18px;--radius-sm:12px;--press:4px}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0}.page{max-width:480px;min-height:100vh;margin:0 auto;padding:20px 16px 40px}button{font:inherit;background:var(--primary);color:var(--ink);box-shadow:0 var(--press) 0 var(--primary-deep);cursor:pointer;border:none;border-radius:999px;padding:14px 22px;font-weight:700;transition:transform 80ms,box-shadow 80ms,opacity .15s}button:not(:disabled):active{transform:translateY(calc(var(--press) - 1px));box-shadow:0 1px 0 var(--primary-deep)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px}button.ghost{background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--line) inset, 0 3px 0 var(--line)}button.ghost:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line)}input,textarea{font:inherit;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);padding:13px 16px}input:focus,textarea:focus{border-color:var(--primary);outline:none}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.75}input[type=checkbox]{accent-color:var(--primary-deep);width:20px;height:20px}label{color:var(--ink-soft);margin-bottom:14px;font-size:14px;font-weight:700;display:block}label input,label textarea,label select{margin-top:6px}h1,h2,h3{margin:0 0 12px;font-weight:800;line-height:1.25}h1{font-size:28px}h2{font-size:22px}h3{font-size:17px}a{color:var(--ink)}.btn-full{width:100%}.btn-big{padding:16px 20px;font-size:20px}.muted{color:var(--ink-soft)}.err{color:var(--primary-text);font-size:14px;font-weight:600}.tag{background:var(--lemon);color:var(--ink);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:800;display:inline-block}.avatar-wall{flex-wrap:wrap;gap:12px;display:flex}.avatar-wall>div{text-align:center;width:56px}.avatar-wall .e{background:var(--surface);width:52px;height:52px;box-shadow:0 0 0 2px var(--line) inset;border-radius:50%;place-items:center;margin:0 auto;font-size:30px;display:grid}.avatar-wall .n{color:var(--ink-soft);word-break:break-all;margin-top:4px;font-size:12px}.home-link{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset;color:var(--ink);font-family:var(--font-fun);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.home-link.compact{padding:6px 9px}.page-top{align-items:center;margin:-4px 0 16px;display:flex}.conn-banner{z-index:10;background:var(--lemon);color:var(--ink);text-align:center;box-shadow:0 2px 0 var(--lemon-deep);padding:8px;font-size:14px;font-weight:700;position:fixed;top:0;left:0;right:0}.not-found{text-align:center;padding-top:18vh}.not-found-art{margin:0 0 12px;font-size:56px}.not-found .muted{margin:0 0 24px}.pill-link{background:var(--primary);color:var(--ink);box-shadow:0 var(--press) 0 var(--primary-deep);border-radius:999px;padding:14px 26px;font-weight:800;text-decoration:none;display:inline-block}.rules h3{margin-top:26px}.rules h3:before{content:"";background:var(--primary);vertical-align:2px;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.rules ol{padding-left:22px;line-height:1.7}.rules li{margin-bottom:6px}.rules strong{box-shadow:inset 0 -.45em 0 var(--lemon)}.home{flex-direction:column;gap:26px;display:flex}.home-hero{text-align:center;padding-top:12px}.home-brand{font-family:var(--font-fun);letter-spacing:-.5px;margin:0;font-size:46px;font-weight:700;line-height:1}.home-brand-accent{color:var(--primary-text)}.home-hero-art{aspect-ratio:841/585;width:100%;max-width:420px;height:auto;margin:6px auto 0;display:block}.home-tagline{color:var(--ink-soft);margin:0;font-weight:600}.home-create{background:var(--primary);color:var(--ink);text-align:center;box-shadow:0 6px 0 var(--primary-deep);border-radius:999px;padding:17px 20px;font-size:22px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:block}.home-create:active{box-shadow:0 1px 0 var(--primary-deep);transform:translateY(5px)}.home-section-title{color:var(--ink);margin:0 0 10px;font-size:17px;font-weight:800;display:block}.home-join{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset;border-radius:24px;padding:16px}.home-join-row{gap:8px;display:flex}.home-code-input{min-width:0;font-family:var(--font-fun);letter-spacing:6px;text-transform:uppercase;text-align:center;border-radius:999px;flex:1;padding:10px 12px;font-size:24px;font-weight:600}.home-code-input::placeholder{letter-spacing:6px}.home-join-row button{flex:none;padding:12px 22px}.home-join-msg{min-height:1.4em;color:var(--primary-text);margin:8px 0 0;font-size:14px;font-weight:600}.home-empty{border:2px dashed var(--line);color:var(--ink-soft);text-align:center;border-radius:24px;margin:0;padding:18px}.home-rooms{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home-room{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset, 0 4px 0 var(--line);border-radius:20px;align-items:center;gap:4px;padding-right:6px;display:flex}.home-room-main{min-width:0;color:var(--ink);flex-direction:column;flex:1;gap:3px;padding:13px 16px;text-decoration:none;display:flex}.home-room-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:800;display:flex;overflow:hidden}.home-room-badge{background:var(--lemon);color:var(--ink);border-radius:999px;flex:none;padding:0 8px;font-size:11px;font-weight:800;line-height:19px}.home-room-meta{color:var(--ink-soft);font-size:13px}.home-room-code{font-family:var(--font-fun);letter-spacing:1px;font-weight:600}.home-room-invite{background:var(--mint-soft);color:var(--ink);border-radius:999px;flex:none;padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none}.home-room-forget{width:36px;height:36px;box-shadow:none;color:var(--ink-soft);background:0 0;flex:none;padding:0;font-size:22px;font-weight:400}.home-room-forget:not(:disabled):active{box-shadow:none}.home-foot{text-align:center;margin:0}.home-foot a{color:var(--ink-soft);font-weight:600}.av-photo{object-fit:cover;vertical-align:-.22em;background:var(--surface);width:1.2em;height:1.2em;box-shadow:0 0 0 .08em var(--surface);-webkit-user-select:none;user-select:none;border-radius:50%;display:inline-block}.who{white-space:nowrap}.seg-photo-ring{fill:var(--surface)}.invite-card{aspect-ratio:768/1376;text-align:center;background:url(/art/v2-invite-bg.webp) center top / cover no-repeat, var(--bg);box-shadow:0 0 0 2px var(--line) inset, 0 6px 0 var(--line);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;padding:26% 28px 16%;display:flex}.invite-title{word-break:break-word;margin:14px 0 18px;font-size:30px}.invite-when{margin:4px 0;font-size:17px;font-weight:800}.invite-where{margin:4px 0}.invite-note{color:var(--ink-soft);margin:18px 0 0}.invite-host{color:var(--ink-soft);margin:20px 0 0;font-weight:600}.invite-card.mini{border-radius:24px;width:min(100%,290px);margin:0 auto;padding:26% 20px 16%;transform:rotate(-1.5deg)}.invite-card.mini .invite-title{margin:10px 0 12px;font-size:24px}.invite-card.mini .invite-when{font-size:15px}.invite-card.mini .invite-where,.invite-card.mini .invite-note,.invite-card.mini .invite-host{font-size:14px}.invite-card.mini .invite-note{margin-top:12px}.invite-card.mini .invite-host{margin-top:14px}.invite-card .ghost{color:var(--ink-soft);font-weight:600}.field{margin-bottom:18px}.field-label{color:var(--ink);align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:800;display:flex}.field-icon{background:var(--surface);width:30px;height:30px;box-shadow:0 0 0 2px var(--line) inset;border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid}.field-req{color:var(--ink-soft);margin-left:auto;font-size:12px;font-weight:700}.field input,.field textarea{box-shadow:0 3px 0 var(--line);border-radius:16px;padding:14px 16px;font-size:17px;transition:border-color .12s,box-shadow .12s}.field textarea{resize:none;line-height:1.5}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 3px 0 var(--primary-deep)}.field input[type=datetime-local]{min-height:54px}.field.has-err input{border-color:var(--primary-text)}.field-err{color:var(--primary-text);margin:6px 0 0;font-size:14px;font-weight:700}.field-err:empty{display:none}.idea-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.idea{--press:2px;background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--line) inset, 0 2px 0 var(--line);padding:6px 12px;font-size:13px;font-weight:700}.idea:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset}.profile-form{container-type:inline-size}.avatar-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}@container (width<=293.98px){.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.avatar-pick{--press:3px;background:var(--surface);min-height:48px;box-shadow:0 0 0 2px var(--line) inset, 0 3px 0 var(--line);border-radius:16px;place-items:center;padding:0;font-size:26px;font-weight:400;line-height:1;display:grid}.avatar-pick:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line)}.avatar-pick.on{background:var(--lemon);box-shadow:0 0 0 3px var(--ink) inset, 0 3px 0 var(--lemon-deep);position:relative}.avatar-pick.on:after{content:"✓";background:var(--ink);width:20px;height:20px;color:var(--surface);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.avatar-photo-pick{position:relative;overflow:visible}.avatar-photo-thumb{object-fit:cover;width:34px;height:34px;box-shadow:0 0 0 2px var(--surface);border-radius:50%}.avatar-photo-swap{background:var(--surface);width:20px;height:20px;box-shadow:0 0 0 2px var(--ink) inset;border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;bottom:-5px;left:-5px}.avatar-photo-pick.busy .avatar-photo-wait{animation:1s ease-in-out infinite alternate avatar-wait}@keyframes avatar-wait{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.avatar-photo-pick.busy .avatar-photo-wait{animation:none}}.field-icon .av-photo{vertical-align:0;width:26px;height:26px;box-shadow:none}.create-hero{text-align:center;flex-direction:column;align-items:center;padding:18px 0 8px;display:flex;position:relative}.create-tag{box-shadow:0 3px 0 var(--lemon-deep);transform:rotate(-3deg)}.create-title{letter-spacing:2px;background:linear-gradient(transparent 58%, var(--lemon) 58%, var(--lemon) 90%, transparent 90%);margin:12px 0 8px;padding:0 6px;font-size:44px;line-height:1.1;animation:.45s cubic-bezier(.2,1.5,.4,1) both create-pop;display:inline-block;position:relative}.create-sub{color:var(--ink-soft);margin:0;font-weight:600}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{background:var(--primary);border-radius:50%;width:12px;height:12px;animation:.5s cubic-bezier(.2,1.6,.4,1) both confetti-in,3.2s ease-in-out .6s infinite alternate confetti-float;display:block;position:absolute}.confetti i:first-child{background:var(--mint);top:30%;left:6%}.confetti i:nth-child(2){background:var(--lemon);--rot:30deg;border-radius:4px;width:18px;height:7px;animation-delay:50ms,.7s;top:62%;left:16%}.confetti i:nth-child(3){background:var(--primary);width:8px;height:8px;animation-delay:.1s,.9s;top:12%;left:22%}.confetti i:nth-child(4){background:var(--lemon);width:16px;height:16px;animation-delay:80ms,.8s;top:18%;right:8%}.confetti i:nth-child(5){background:var(--mint);--rot:-35deg;border-radius:4px;width:20px;height:7px;animation-delay:.12s,1s;top:58%;right:20%}.confetti i:nth-child(6){background:var(--primary);width:9px;height:9px;animation-delay:.15s,1.1s;top:52%;right:4%}.confetti i:nth-child(7){background:var(--mint-deep);width:8px;height:8px;animation-delay:.18s,.75s;top:0;left:46%}@keyframes create-pop{0%{opacity:0;transform:scale(.6)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes confetti-in{0%{transform:translateY(24px) scale(0) rotate(var(--rot,0deg));opacity:0}to{transform:translateY(0) scale(1) rotate(var(--rot,0deg));opacity:1}}@keyframes confetti-float{0%{transform:translateY(0) rotate(var(--rot,0deg))}to{transform:translateY(-6px) rotate(calc(var(--rot,0deg) + 20deg))}}.create-form{margin-top:18px}.create-preview{margin:26px 0 8px}.create-preview-label{text-align:center;color:var(--ink-soft);margin:0 0 12px;font-size:14px;font-weight:800}.create-go{--press:6px;margin-top:22px;padding:17px 20px;font-size:22px}@media (prefers-reduced-motion:reduce){.create-title,.confetti i{animation:none}}.strip-av{position:relative}.strip-av.away{background:var(--bg);border-style:dashed}.strip-av.away .strip-emoji{opacity:.45}.strip-where{background:var(--surface);width:16px;height:16px;box-shadow:0 0 0 1.5px var(--line);border-radius:50%;place-items:center;font-size:10px;line-height:1;display:grid;position:absolute;bottom:-5px;right:-5px}.call-row{justify-content:flex-end;max-width:480px;margin:0 auto;padding:2px 16px 0;display:flex}.call-btn{white-space:nowrap;background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--line) inset, 0 3px 0 var(--line);padding:6px 12px;font-size:14px;font-weight:800;line-height:1.2}.call-btn:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line)}.call-btn.done:disabled{opacity:1;background:var(--mint);box-shadow:0 3px 0 var(--mint-deep)}.top-stack{z-index:30;top:calc(env(safe-area-inset-top,0px) + 72px);pointer-events:none;flex-direction:column;gap:8px;width:min(448px,100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.top-stack>*{pointer-events:auto}.call-banner{background:var(--lemon);color:var(--ink);box-shadow:0 4px 0 var(--lemon-deep), 0 10px 24px #3b2a1a2e;border-radius:20px;align-items:center;gap:8px;padding:10px 10px 10px 14px;animation:.32s cubic-bezier(.2,1.4,.4,1) both banner-in;display:flex}.call-text{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:15px;font-weight:700;line-height:1.35}.call-text b{font-weight:800}.call-go{flex:none;padding:8px 14px;font-size:15px;font-weight:800}.call-x{background:var(--surface);width:36px;height:36px;color:var(--ink);box-shadow:0 2px 0 var(--lemon-deep);flex:none;padding:0;font-size:20px;line-height:1}.call-x:not(:disabled):active{box-shadow:0 0 0 var(--lemon-deep)}@keyframes banner-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.seat-where{background:var(--surface);width:24px;height:24px;box-shadow:0 0 0 2px var(--lemon-deep);border-radius:50%;place-items:center;font-size:14px;line-height:1;display:grid;position:absolute;bottom:-5px;right:-7px}.cta-count{background:var(--lemon);color:var(--ink);box-shadow:0 2px 0 var(--lemon-deep);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;line-height:1.5;position:absolute;top:0;right:2px;transform:translateY(-55%)}@media (prefers-reduced-motion:reduce){.call-banner{animation:.2s both call-fade}}@keyframes call-fade{0%{opacity:0}to{opacity:1}}.reshake-banner{background:var(--primary);color:var(--ink);box-shadow:0 4px 0 var(--primary-deep), 0 10px 24px #3b2a1a2e;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:10px 14px;animation:.32s cubic-bezier(.2,1.4,.4,1) both banner-in;display:flex}.reshake-text{overflow-wrap:anywhere;flex:auto;min-width:0;margin:0;font-size:16px;font-weight:800;line-height:1.35}.reshake-dice{flex:none;gap:4px;display:flex}@media (prefers-reduced-motion:reduce){.reshake-banner{animation:.2s both call-fade}}.diag{z-index:50;border-radius:var(--radius-sm);background:var(--surface);max-width:480px;max-height:70vh;color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset, 0 6px 0 #3b2a1a2e;flex-direction:column;gap:8px;margin:0 auto;padding:10px 12px 12px;display:flex;position:fixed;bottom:8px;left:8px;right:8px}.diag-head{justify-content:space-between;align-items:center;font-size:15px;display:flex}.diag-close{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset;padding:4px 10px;font-size:14px}.diag-body{white-space:pre-wrap;word-break:break-all;color:var(--ink);margin:0;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;overflow:auto}.diag-copy{align-self:stretch;padding:10px 16px;font-size:15px}.invite-me{margin-top:28px}.rsvp-row{gap:8px;display:flex}.rsvp-btn{white-space:nowrap;background:var(--surface);min-width:0;min-height:52px;color:var(--ink);box-shadow:0 0 0 2px var(--line) inset, 0 3px 0 var(--line);flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:12px 6px;font-size:16px;display:inline-flex}.rsvp-btn:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line)}.rsvp-btn.on{font-weight:800}.rsvp-yes.on{background:var(--mint);box-shadow:0 0 0 3px var(--ink) inset, 0 3px 0 var(--mint-deep)}.rsvp-no.on{background:var(--line);box-shadow:0 0 0 3px var(--ink) inset, 0 3px 0 var(--die-edge)}.rsvp-maybe.on{background:var(--lemon);box-shadow:0 0 0 3px var(--ink) inset, 0 3px 0 var(--lemon-deep)}.rsvp-btn.on:not(:disabled):active{box-shadow:0 0 0 3px var(--ink) inset}.rsvp-check{background:var(--ink);width:20px;height:20px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.rsvp-hint{color:var(--ink-soft);text-align:center;margin:8px 0 0;font-size:13px;font-weight:600}.room-loading{min-height:100vh;color:var(--ink-soft);background:var(--bg);place-items:center;font-weight:700;display:grid}.lobby{background:var(--bg);min-height:100vh;overflow-x:hidden}.lobby-inner{max-width:480px;margin:0 auto;padding-bottom:32px}.lobby-table{aspect-ratio:768/1376;background:url(/art/v2-lobby-table.webp) 50%/cover no-repeat;width:100%;position:relative}.table-slip{text-align:center;background:var(--surface);width:calc(77% - 84px);max-width:260px;box-shadow:0 6px 0 var(--lemon-deep);border-radius:24px;padding:18px 14px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-1.5deg)}.slip-kicker{touch-action:manipulation;color:var(--ink-soft);margin:0;font-size:12px;font-weight:700}.slip-kicker b{font-family:var(--font-fun);color:var(--ink);font-size:14px;font-weight:700}.slip-title{word-break:break-word;margin:8px 0 4px;font-size:22px;line-height:1.25}.slip-time{color:var(--ink-soft);margin:0 0 8px;font-size:13px}.slip-penalty{background:var(--bg);color:var(--ink-soft);border-radius:999px;margin:0 0 4px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.slip-penalty.on{background:var(--mint);color:var(--ink)}.shake-cta{background:var(--primary);color:var(--ink);white-space:nowrap;box-shadow:0 5px 0 var(--primary-deep);border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:13px 10px;font-size:22px;font-weight:800;line-height:1.1;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.shake-cta:active{box-shadow:0 1px 0 var(--primary-deep);transform:translateY(4px)}.shake-cta-icon{font-size:20px}.wheel-cta{background:var(--surface);color:var(--ink);white-space:nowrap;box-shadow:0 0 0 2px var(--line) inset, 0 4px 0 var(--line);border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:9px 10px;font-size:18px;font-weight:800;line-height:1.1;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.wheel-cta:active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line);transform:translateY(3px)}.wheel-cta .shake-cta-icon{font-size:17px}.seat{flex-direction:column;justify-content:flex-start;align-items:center;animation:.35s cubic-bezier(.2,1.4,.4,1) both seat-in;display:flex;position:absolute}.seat-cushion{background:var(--surface);border:3px solid var(--surface);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:0 4px #3b2a1a29}.seat-cushion.me{border-color:var(--mint-deep)}.seat-emoji{font-size:30px;line-height:1}.seat-badge{white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.5;position:absolute;top:-8px}.seat-badge.me{background:var(--mint);color:var(--ink);left:-8px}.seat-badge.host{background:var(--ink);color:var(--lemon);right:-12px}.seat-name{background:var(--surface);max-width:64px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;margin-top:4px;padding:0 7px;font-size:12px;font-weight:700;line-height:18px;overflow:hidden;box-shadow:0 2px #3b2a1a1f}@keyframes seat-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.lobby-foot{padding:4px 16px 0}.missing{text-align:center;color:var(--ink-soft);margin:0 0 14px;font-size:14px}.lobby-links{gap:10px;display:flex}.paper-btn{text-align:center;background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--line) inset, 0 4px 0 var(--line);border-radius:999px;flex:1;padding:12px 10px;font-size:15px;font-weight:700;text-decoration:none;display:block}.paper-btn:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line)}.gate{background:url(/art/v2-invite-bg.webp) center top / 100% auto no-repeat, var(--bg);min-height:100vh;padding:96px 16px 40px}.gate-card{background:var(--surface);max-width:420px;box-shadow:0 0 0 2px var(--line) inset, 0 6px 0 var(--line);border-radius:28px;margin:0 auto;padding:26px 20px 18px;position:relative}.gate-card .tag{margin-bottom:10px}.gate-card h2{word-break:break-word}@media (prefers-reduced-motion:reduce){.seat{animation:.2s both fade-in}}@keyframes fade-in{0%{opacity:0}}.lobby-home{z-index:2;position:absolute;top:10px;left:12px}.hold-btn{isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;position:relative;overflow:hidden}.hold-fill{z-index:-1;background:var(--lemon-deep);transform-origin:0;transition:transform .15s ease-out;position:absolute;inset:0;transform:scaleX(0)}.hold-btn.holding .hold-fill{transition:transform var(--hold-ms,1s) linear;transform:scaleX(1)}.hold-label{position:relative}.hold-hint{text-align:center;color:var(--ink-soft);margin:8px 0 0;font-size:13px}.dice-page{min-height:100vh;color:var(--ink);background:var(--bg);overflow-x:hidden}.dice-head{z-index:5;-webkit-backdrop-filter:blur(6px);background:#fbefd8eb;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;max-width:480px;margin:0 auto;padding:10px 16px;display:grid;position:sticky;top:0}.dice-head .head-left{align-items:center;gap:8px;min-width:0;display:flex}.dice-head .mute{background:var(--surface);width:44px;height:44px;box-shadow:0 0 0 2px var(--line) inset, 0 3px 0 var(--line);border-radius:999px;justify-self:center;padding:0;font-size:20px;line-height:1}.dice-head .back{color:var(--ink);white-space:nowrap;font-size:15px;font-weight:700;text-decoration:none}.dice-head .round{background:var(--lemon);color:var(--ink);white-space:nowrap;box-shadow:0 3px 0 var(--lemon-deep);border-radius:999px;padding:4px 14px;font-size:15px;font-weight:800}.dice-head .round b{font-family:var(--font-fun);font-size:18px;font-weight:700}.strip{justify-self:end;align-items:center;display:flex}.strip-av{background:var(--surface);border:2px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-7px;font-size:16px;display:grid}.strip-av.me{border-color:var(--primary-deep)}.strip-more{color:var(--ink-soft);margin-left:4px;font-size:12px;font-weight:700}.dice-main{max-width:480px;margin:0 auto;padding:6px 16px 40px}.first-row{justify-content:space-between;align-items:center;gap:10px;margin:6px 0 14px;display:flex}.first{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:16px;overflow:hidden}.first strong{font-size:18px;font-weight:800}.first-none{color:var(--ink-soft)}.chip{background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--line) inset, 0 3px 0 var(--line);flex:none;padding:9px 16px;font-size:14px}.chip:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line)}.tray{aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:min(100%,400px);margin:0 auto;position:relative}.tray-felt{background:var(--mint-deep);pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 10px #3b2a1a14}.tray-felt:before{content:"";background:var(--mint);border-radius:50%;position:absolute;inset:5.5%}.tray-felt:after{content:"";border:2px dashed #fff9;border-radius:50%;position:absolute;inset:9.5%}.tray.state-shaking .tray-felt{animation:.21s linear infinite tray-buzz}.tray-hint{z-index:3;text-align:center;color:var(--ink);pointer-events:none;margin:0;font-size:13px;font-weight:700;position:absolute;bottom:13%;left:0;right:0}.tray-die{z-index:1;position:absolute;transform:translate(-50%,-50%)}.tray-die-inner{transform:rotate(var(--r));filter:drop-shadow(0 4px #145a4b40);animation:.5s cubic-bezier(.25,1.3,.5,1) both die-tumble;animation-delay:calc(90ms + var(--i) * 65ms)}.cup-pos{z-index:2;pointer-events:none;width:60%;position:absolute;top:11%;left:20%}.cup{aspect-ratio:240/270;transform-origin:50% 92%;filter:drop-shadow(0 10px #145a4b47);width:100%;height:auto;display:block}.tray.state-idle .cup,.tray.state-covered .cup{animation:.25s cubic-bezier(.3,0,.6,1.4) both cup-drop}.tray.state-shaking .cup{animation:.42s linear infinite cup-rattle}.tray.state-lifting .cup{transform-origin:15% 90%;animation:.45s cubic-bezier(.4,0,.7,.4) forwards cup-lift}.tray.state-open .cup{visibility:hidden;opacity:0}@keyframes cup-rattle{0%{transform:translate(0)rotate(0)}10%{transform:translate(-3.4%,-1.5%)rotate(-5deg)}20%{transform:translate(3%,.4%)rotate(4deg)}30%{transform:translate(-4.2%,-2.6%)rotate(-6.5deg)}40%{transform:translate(3.8%)rotate(5deg)}50%{transform:translate(-2.6%,-1.2%)rotate(-3deg)}60%{transform:translate(4.2%,-3%)rotate(6deg)}70%{transform:translate(-3.8%)rotate(-5deg)}80%{transform:translate(2.6%,-1.6%)rotate(3deg)}90%{transform:translate(-1.8%)rotate(-2deg)}to{transform:translate(0)rotate(0)}}@keyframes tray-buzz{0%,to{transform:translate(0)}25%{transform:translate(-1.5px,.5px)}50%{transform:translate(1px,-.5px)}75%{transform:translate(1.5px,.5px)}}@keyframes cup-lift{0%{opacity:1;transform:translate(0)rotate(0)}30%{opacity:1;transform:translate(-2%,-10%)rotate(-7deg)}to{opacity:0;transform:translate(-22%,-120%)rotate(-25deg)}}@keyframes cup-drop{0%{opacity:0;transform:translateY(-38%)}70%{opacity:1;transform:translateY(1.5%)}to{opacity:1;transform:translateY(0)}}@keyframes die-tumble{0%{opacity:0;transform:translate(0, -60%) scale(1.3) rotate(calc(var(--r) + 120deg))}55%{opacity:1;transform:translate(0, 6%) scale(.95) rotate(calc(var(--r) - 8deg))}78%{transform:translate(0, -3%) scale(1.02) rotate(calc(var(--r) + 3deg))}to{opacity:1;transform:translate(0, 0) scale(1) rotate(var(--r))}}.actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.btn-shake{--press:6px;flex:1;max-width:280px;padding:14px 16px;font-size:34px;font-weight:800;line-height:1.1}.btn-shake.small{padding:14px 12px;font-size:22px}.btn-shake:disabled{opacity:.7;font-size:22px}.btn-sub{background:var(--surface);max-width:180px;color:var(--ink);box-shadow:0 0 0 2px var(--line) inset, 0 4px 0 var(--line);flex:1;font-size:17px}.btn-sub:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line)}.btn-sub.wide{width:100%;max-width:none}.btn-open{--press:6px;background:var(--lemon);width:100%;color:var(--ink);box-shadow:0 var(--press) 0 var(--lemon-deep);margin-top:24px;padding:14px;font-size:30px;font-weight:800;line-height:1.15;display:block}.btn-open:not(:disabled):active{box-shadow:0 1px 0 var(--lemon-deep)}.btn-open.again{font-size:24px}.link-btn{box-shadow:none;color:var(--ink-soft);text-underline-offset:3px;background:0 0;margin:12px auto 0;padding:6px 10px;font-size:14px;text-decoration:underline;display:block}.link-btn:not(:disabled):active{box-shadow:none}.dice-err{text-align:center;color:var(--primary-text);margin:12px 0 0;font-size:14px;font-weight:700}.reveal{background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--line) inset;border-radius:24px;margin-top:22px;padding:16px 16px 8px;animation:.3s both fade-up}.reveal h3{margin-bottom:8px}.reveal-row{border-top:2px dashed var(--line);align-items:center;gap:8px;margin:0 -8px;padding:8px;display:flex}.reveal-row.me{background:var(--mint-soft);border-radius:var(--radius-sm);border-top-color:#0000}.reveal-row.me+.reveal-row{border-top-color:#0000}.reveal-emoji{text-align:center;flex:none;width:28px;font-size:22px}.reveal-name{text-overflow:ellipsis;white-space:nowrap;flex:none;width:52px;font-size:13px;font-weight:700;overflow:hidden}.reveal-dice{flex-wrap:nowrap;gap:4px;min-width:0;display:flex}.reveal-dice em{color:var(--ink-soft);font-size:13px}.penalty{margin-top:28px}.pen-card{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset;border-radius:24px;padding:14px 16px}.pen-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.pen-title{margin:0;font-size:17px}.pen-switch{box-shadow:none;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:6px 6px 6px 12px;font-size:15px;display:inline-flex}.pen-switch:not(:disabled):active{box-shadow:none;transform:none}.pen-switch-track{border:2px solid var(--ink);background:var(--surface);border-radius:999px;flex:none;width:50px;height:30px;transition:background .15s;position:relative}.pen-switch-knob{background:var(--ink);border-radius:50%;width:20px;height:20px;transition:transform .15s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px}.pen-switch.on .pen-switch-track{background:var(--mint)}.pen-switch.on .pen-switch-knob{transform:translate(20px)}.pen-status{border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:10px 0 0;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.pen-status.on{background:var(--mint-soft)}.pen-note{color:var(--ink-soft);flex-basis:100%;font-size:13px;font-weight:700}.pen-voters{gap:2px;font-size:18px;line-height:1;display:inline-flex}.pen-err{color:var(--primary-text);margin:8px 0 0;font-size:14px;font-weight:700}.pen-draw{margin-top:14px}.pen-list{margin-top:12px}.pen-list summary,.pen-group summary{cursor:pointer;color:var(--ink-soft);padding:6px 0;font-size:14px;font-weight:700;list-style-position:inside}.pen-group summary{color:var(--ink)}.pen-count{font-family:var(--font-fun);color:var(--ink);font-weight:700}.pen-list ul{margin:0;padding:0;list-style:none}.pen-list li{border-top:2px dashed var(--line);align-items:center;gap:8px;padding:7px 0;font-size:14px;display:flex}.pen-text{overflow-wrap:anywhere;flex:1;min-width:0}.pen-author{text-align:center;flex:none;width:24px;font-size:18px}.pen-custom h4{margin:8px 0 4px;font-size:14px}.pen-empty{color:var(--ink-soft);margin:0 0 6px;font-size:14px}.pen-x{background:var(--surface);width:32px;height:32px;color:var(--ink);box-shadow:0 0 0 2px var(--line) inset;flex:none;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.pen-x:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset;transform:none}.pen-add{gap:8px;margin:8px 0 6px;display:flex}.pen-add input{flex:1;min-width:0;padding:10px 14px;font-size:15px}.pen-add button{--press:3px;flex:none;padding:10px 16px;font-size:15px}.pen-group ul{padding-bottom:4px}.penalty-card{text-align:center;background:var(--primary);color:var(--ink);box-shadow:0 6px 0 var(--primary-deep);border-radius:24px;margin-top:14px;padding:22px 20px 18px;animation:.25s both fade-up}.penalty-card p{margin:0;font-size:20px;font-weight:800;line-height:1.4}.btn-sub.light{box-shadow:0 4px 0 var(--primary-deep);margin-top:14px}.btn-sub.light:not(:disabled):active{box-shadow:0 1px 0 var(--primary-deep)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dice-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tray.state-shaking .cup,.tray.state-shaking .tray-felt,.tray.state-lifting .cup,.tray.state-idle .cup,.tray.state-covered .cup{animation:none}.tray.state-idle .cup,.tray.state-covered .cup,.tray-die-inner,.reveal,.penalty-card{animation:.2s both dice-fade}.pen-switch-knob,.pen-switch-track{transition:none}}.wheel-page{min-height:100vh;color:var(--ink);background:var(--bg);overflow-x:hidden}.wheel-main{max-width:480px;margin:0 auto;padding:6px 16px 48px}.mode-row{background:var(--surface);width:fit-content;box-shadow:0 0 0 2px var(--line) inset;border-radius:999px;justify-content:center;align-items:center;margin:6px auto 24px;padding:2px 4px;transition:background .2s;display:flex}.wheel-page.drinking .mode-row{background:var(--lemon);box-shadow:0 3px 0 var(--lemon-deep)}.mode-switch{box-shadow:none;color:var(--ink);white-space:nowrap;background:0 0;flex:none;align-items:center;gap:8px;padding:6px 6px 6px 10px;font-size:15px;display:inline-flex}.mode-switch:not(:disabled):active{box-shadow:none;transform:none}.mode-track{border:2px solid var(--ink);background:var(--surface);border-radius:999px;flex:none;width:46px;height:28px;transition:background .15s;position:relative}.mode-knob{background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .15s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px}.mode-switch.on .mode-track{background:var(--primary)}.mode-switch.on .mode-knob{transform:translate(18px)}.wheel{aspect-ratio:1;-webkit-user-select:none;user-select:none;width:min(100%,360px);margin:18px auto 0;position:relative}.wheel-rim{background:var(--primary-deep);border-radius:50%;position:absolute;inset:0;box-shadow:0 10px #3b2a1a1f,inset 0 -5px #3b2a1a2e}.bulb{aspect-ratio:1;background:var(--lemon);border-radius:50%;width:4.2%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #3b2a1a2e}.bulb.odd{background:var(--surface)}.wheel.spinning .bulb{animation:.3s step-end infinite bulb-blink}.wheel.spinning .bulb.odd{animation-delay:.15s}.wheel.landed .bulb{animation:.9s step-end 2 bulb-party}.wheel.landed .bulb.odd{animation-delay:.45s}@keyframes bulb-blink{0%{background:var(--lemon)}50%{background:var(--surface)}}@keyframes bulb-party{0%{background:var(--lemon)}50%{background:var(--mint)}}.wheel-rotor{will-change:transform;border-radius:50%;position:absolute;inset:7.5%}.wheel-rotor svg{border-radius:50%;width:100%;height:100%;display:block;overflow:visible}.seg-line{stroke:var(--surface);stroke-width:2.4px;stroke-linecap:round}.seg-emoji{font-family:var(--font-sans)}.seg-name{fill:var(--ink);font-weight:800;font-family:var(--font-sans)}.wheel-hub{aspect-ratio:1;background:var(--lemon);width:21%;box-shadow:0 0 0 4px var(--surface), 0 5px 0 4px var(--lemon-deep);pointer-events:none;border-radius:50%;place-items:center;font-size:clamp(20px,7vw,30px);line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-pointer{z-index:3;transform-origin:50% 30%;filter:drop-shadow(0 3px #3b2a1a40);pointer-events:none;width:12%;margin-left:-6%;position:absolute;top:-4.5%;left:50%}.wheel-pointer svg{width:100%;height:auto;display:block}.wheel-pointer path{fill:var(--ink)}.wheel-pointer circle{fill:var(--lemon)}.wheel.landed .wheel-pointer{animation:.5s cubic-bezier(.3,1.6,.5,1) pointer-nod}@keyframes pointer-nod{0%{transform:rotate(-14deg)}to{transform:rotate(0)}}.wheel-hint{text-align:center;min-height:20px;color:var(--ink-soft);margin:18px 0 0;font-size:14px;font-weight:700}.btn-spin{--press:6px;width:100%;max-width:300px;margin:10px auto 0;padding:14px 16px;font-size:34px;font-weight:800;line-height:1.1;display:block}.btn-spin:disabled{opacity:.7;font-size:22px}.result{text-align:center;margin-top:24px;animation:.35s both fade-up}.result-name{overflow-wrap:anywhere;margin:0 0 14px;font-size:30px;line-height:1.2}.result-me{background:var(--mint);color:var(--ink);vertical-align:6px;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:14px;display:inline-block}.tod-pick,.tod-actions{gap:12px;display:flex}.tod-pick button,.tod-actions button{flex:1;min-width:0}.tod-pick button{--press:5px;padding:16px 10px;font-size:22px}.btn-truth{background:var(--mint);box-shadow:0 var(--press) 0 var(--mint-deep)}.btn-truth:not(:disabled):active{box-shadow:0 1px 0 var(--mint-deep)}.tod-card{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset, 0 6px 0 var(--line);border-radius:24px;margin:4px 0 16px;padding:30px 18px 22px;position:relative;transform:rotate(-1deg)}.tod-card.dare{transform:rotate(1deg)}.tod-card.pop{animation:.4s cubic-bezier(.3,1.5,.5,1) card-pop}.tod-kind{color:var(--ink);white-space:nowrap;border-radius:999px;padding:4px 16px;font-size:15px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.tod-card.truth .tod-kind{background:var(--mint);box-shadow:0 3px 0 var(--mint-deep)}.tod-card.dare .tod-kind{background:var(--primary);box-shadow:0 3px 0 var(--primary-deep)}.tod-text{overflow-wrap:anywhere;margin:0;font-size:21px;font-weight:800;line-height:1.45}.tod-partner{box-shadow:inset 0 -.5em 0 var(--lemon);white-space:nowrap;border-radius:6px;padding:0 4px}.tod-actions button{padding:13px 8px;font-size:17px}.btn-redraw,.btn-refuse{background:var(--lemon);box-shadow:0 var(--press) 0 var(--lemon-deep)}.btn-redraw:not(:disabled):active,.btn-refuse:not(:disabled):active{box-shadow:0 1px 0 var(--lemon-deep)}.btn-again{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset, 0 4px 0 var(--line)}.btn-again:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line)}@keyframes card-pop{0%{opacity:0;transform:scale(.85)rotate(-4deg)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.wheel-rotor{transition:none!important}.wheel .bulb,.wheel-pointer,.tod-card.pop{animation:none!important}.result{animation:.3s both fade-in}}@media (width<=360px){.tod-actions button{font-size:15px}.result-name{font-size:26px}}.spy-page{min-height:100vh;color:var(--ink);background:var(--bg);overflow-x:hidden}.spy-main{max-width:480px;margin:0 auto;padding:10px 16px 48px}.dice-head .spy-title{padding:4px 12px}@media (width<=359px){.dice-head .spy-title{padding:3px 9px;font-size:13px}}.spy-setup{flex-direction:column;align-items:center;gap:16px;padding-top:12px;display:flex}.spy-seg{background:var(--surface);width:100%;max-width:340px;box-shadow:0 0 0 2px var(--line) inset;border-radius:999px;padding:4px;display:flex}.spy-seg button{box-shadow:none;color:var(--ink);white-space:nowrap;background:0 0;flex:1;padding:10px 8px;font-size:16px}.spy-seg button:not(:disabled):active{box-shadow:none;transform:none}.spy-seg button.on{background:var(--lemon);box-shadow:0 3px 0 var(--lemon-deep)}.spy-words-in{gap:10px;width:100%;max-width:340px;display:flex}.spy-words-in label{min-width:0;color:var(--ink);flex:1;margin:0}.spy-words-in input{padding:11px 12px;font-size:17px;font-weight:700}.spy-switch{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset;color:var(--ink);align-items:center;gap:10px;padding:8px 8px 8px 16px;font-size:16px;display:inline-flex}.spy-switch:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset;transform:none}.spy-track{border:2px solid var(--ink);background:var(--surface);border-radius:999px;width:46px;height:28px;transition:background .15s;position:relative}.spy-knob{background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .15s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px}.spy-switch.on .spy-track{background:var(--lemon)}.spy-switch.on .spy-knob{transform:translate(18px)}.spy-counts{background:var(--surface);width:fit-content;box-shadow:0 0 0 2px var(--line) inset;white-space:nowrap;border-radius:999px;margin:0 auto;padding:5px 14px;font-size:15px;font-weight:800}.spy-deal{margin-top:0}.spy-first{text-align:center;margin:8px 0 10px;font-size:18px;font-weight:700}.spy-first strong{box-shadow:inset 0 -.45em 0 var(--lemon)}.spy-out{text-align:center;background:var(--surface);box-shadow:0 0 0 2px var(--line) inset;border-radius:24px;margin:22px 0 0;padding:40px 16px;font-size:18px;font-weight:800}.word-card{--press:6px;aspect-ratio:5/6;background:var(--primary);width:min(100%,300px);box-shadow:0 var(--press) 0 var(--primary-deep);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:26px;margin:18px auto 0;padding:0;transition:transform .12s,box-shadow .12s,background .12s;display:block}.word-card:not(:disabled):active{box-shadow:0 var(--press) 0 var(--primary-deep);transform:none}.word-card.shown,.word-card.shown:not(:disabled):active{background:var(--surface);box-shadow:0 0 0 3px var(--line) inset, 0 3px 0 var(--line);transform:translateY(3px)rotate(-1deg)}.wc-back{border:3px solid var(--ink);background:repeating-linear-gradient(-45deg, var(--primary) 0 12px, var(--primary-light) 12px 24px);border-radius:18px;place-items:center;display:grid;position:absolute;inset:12px}.word-card{position:relative}.wc-ticket{background:var(--lemon);color:var(--ink);box-shadow:0 4px 0 var(--lemon-deep);border-radius:999px;padding:12px 22px;font-size:22px;font-weight:800;transform:rotate(-4deg)}.wc-face{color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;animation:.12s ease-out both wc-in;display:flex;position:absolute;inset:0}.wc-word{overflow-wrap:anywhere;font-weight:800;line-height:1.15}.wc-word.xl{font-size:60px}.wc-word.l{font-size:42px}.wc-word.m{font-size:30px}.wc-blank{font-size:38px;font-weight:800}.wc-blank-line{color:var(--ink-soft);font-size:16px;font-weight:700}@keyframes wc-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.spy-reveal-btn{margin-top:28px}.spy-redeal-wrap{text-align:center;margin-top:22px}.spy-redeal{--press:3px;flex:none;max-width:none;padding:10px 20px;font-size:15px;display:inline-block}.spy-sheet{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset;border-radius:24px;margin-top:16px;padding:14px 14px 8px;animation:.3s both fade-up}.spy-pair{gap:8px;margin-bottom:10px;display:flex}.spy-pair-chip{min-width:0;color:var(--ink);text-align:center;overflow-wrap:anywhere;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 6px 10px;font-size:22px;font-weight:800;line-height:1.2;display:flex}.spy-pair-chip small{font-size:13px;font-weight:800}.spy-pair-chip.civ{background:var(--mint);box-shadow:0 3px 0 var(--mint-deep)}.spy-pair-chip.spy{background:var(--primary);box-shadow:0 3px 0 var(--primary-deep)}.spy-row{border-top:2px dashed var(--line);align-items:center;gap:8px;margin:0 -6px;padding:8px;font-size:15px;display:flex}.spy-row-emoji{text-align:center;flex:none;width:26px;font-size:20px}.spy-row-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:40%;font-weight:700;overflow:hidden}.spy-row-word{text-align:right;overflow-wrap:anywhere;flex:1;min-width:0;font-weight:800}.spy-badge{background:var(--ink);color:var(--surface);border-radius:999px;flex:none;padding:2px 9px;font-size:13px;font-weight:800}.spy-row.me{background:var(--mint-soft)}.spy-row.spy,.spy-row.blank,.spy-row.moderator,.spy-row.me{border-radius:var(--radius-sm);border-top-color:#0000}.spy-row.spy{background:var(--primary)}.spy-row.blank{background:var(--lemon)}.spy-row.moderator{background:var(--mint-soft)}.spy-row.spy+.spy-row,.spy-row.blank+.spy-row,.spy-row.me+.spy-row,.spy-row.moderator+.spy-row{border-top-color:#0000}.spy-row.moderator .spy-row-word{display:none}.spy-row.moderator .spy-badge{margin-left:auto}.spy-sheet+.btn-open.again{margin-top:18px}@media (prefers-reduced-motion:reduce){.word-card,.word-card.shown,.word-card.shown:not(:disabled):active{transition:none;transform:none}.wc-face{animation:none}.spy-knob,.spy-track{transition:none}.spy-sheet{animation:.2s both dice-fade}}.spy-vote{margin-top:16px}.spy-progress{text-align:center;font-family:var(--font-fun);margin:4px 0 10px;font-size:30px;font-weight:700;line-height:1.1}.spy-voters,.spy-alive,.spy-out-order{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.spy-voters li,.spy-alive li,.spy-out-order li{background:var(--surface);max-width:100%;box-shadow:0 0 0 2px var(--line) inset;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:14px;font-weight:700;display:inline-flex;overflow:hidden}.spy-voter-name{text-overflow:ellipsis;overflow:hidden}.spy-voters li.done{background:var(--mint);box-shadow:0 2px 0 var(--mint-deep)}.spy-voter-tick{font-weight:800}.spy-alive li.me{background:var(--mint-soft)}.spy-pick{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-top:16px;display:grid}.spy-pick-btn{--press:4px;background:var(--surface);min-width:0;color:var(--ink);box-shadow:0 0 0 2px var(--line) inset, 0 var(--press) 0 var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;transition:transform .12s,background .12s,box-shadow .12s;display:flex;position:relative}.spy-pick-btn:not(:disabled):active{box-shadow:0 0 0 2px var(--line) inset, 0 1px 0 var(--line)}.spy-pick-btn.on,.spy-pick-btn.on:not(:disabled):active{background:var(--lemon);box-shadow:0 0 0 3px var(--ink) inset, 0 var(--press) 0 var(--lemon-deep);transform:rotate(-2deg)}.spy-pick-btn:disabled{opacity:1}.spy-pick-emoji{font-size:34px;line-height:1}.spy-pick-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;font-weight:800;overflow:hidden}.spy-pick-count{background:var(--ink);min-width:26px;color:var(--surface);border-radius:999px;padding:2px 7px;font-size:14px;font-weight:800;position:absolute;top:-6px;right:-6px}.spy-skip-wrap{text-align:center;margin-top:18px}.spy-skip{--press:3px;flex:none;max-width:none;padding:10px 20px;font-size:15px;display:inline-block}.spy-tie-line{text-align:center;overflow-wrap:anywhere;margin:0 0 8px;font-size:15px;font-weight:800}.spy-tie-line.big{background:var(--lemon);width:fit-content;max-width:100%;box-shadow:0 3px 0 var(--lemon-deep);border-radius:16px;margin:14px auto 0;padding:8px 16px;font-size:18px}.spy-go{--press:6px;width:100%;margin-top:18px;padding:14px;font-size:26px;font-weight:800;line-height:1.15;display:block}.spy-gone{background:var(--primary);width:fit-content;box-shadow:0 3px 0 var(--primary-deep);color:var(--ink);border-radius:999px;margin:18px auto 0;padding:8px 20px;font-size:20px;font-weight:800}.spy-result{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset;border-radius:24px;padding:14px 14px 10px;animation:.3s both fade-up}.spy-verdict{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:2px 0 12px;display:flex}.spy-verdict-who{overflow-wrap:anywhere;font-size:22px;font-weight:800}.spy-verdict.tie{font-size:20px;font-weight:800}.spy-role-chip{border:3px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:12px;padding:4px 16px;font-size:22px;font-weight:800;animation:.35s cubic-bezier(.3,1.5,.5,1) both spy-stamp;display:inline-block;transform:rotate(-4deg)}.spy-role-chip.civilian{background:var(--mint)}.spy-role-chip.spy{background:var(--primary)}.spy-role-chip.blank{background:var(--lemon)}@keyframes spy-stamp{0%{opacity:0;transform:rotate(-4deg)scale(1.6)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.spy-counts-list,.spy-ballots{margin:0;padding:0;list-style:none}.spy-counts-list li{border-radius:var(--radius-sm);align-items:center;gap:8px;margin:0 -4px;padding:6px 8px;font-size:16px;font-weight:700;display:flex}.spy-counts-list li.out{background:var(--primary)}.spy-count-who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.spy-count-n{flex:none;font-weight:800}.spy-ballots{border-top:2px dashed var(--line);margin-top:8px;padding-top:8px}.spy-ballots li{color:var(--ink);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:4px 0;font-size:14px;font-weight:700;display:grid}.spy-ballots li>span:first-child{text-align:right}.spy-ballot-who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spy-arrow{color:var(--ink-soft);font-weight:800}.spy-win{color:var(--ink);text-align:center;border-radius:24px;margin:10px 0 12px;padding:14px 16px;font-size:36px;font-weight:800;line-height:1.1;animation:.4s cubic-bezier(.3,1.4,.5,1) both spy-win-in}.spy-win.civilian{background:var(--mint);box-shadow:0 5px 0 var(--mint-deep)}.spy-win.spy{background:var(--primary);box-shadow:0 5px 0 var(--primary-deep)}@keyframes spy-win-in{0%{opacity:0;transform:scale(.85)rotate(-2deg)}to{opacity:1;transform:none}}.spy-out-order{margin-bottom:4px}.spy-out-n{background:var(--ink);width:20px;height:20px;color:var(--surface);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:inline-grid}@media (prefers-reduced-motion:reduce){.spy-pick-btn{transition:none}.spy-pick-btn.on,.spy-pick-btn.on:not(:disabled):active{transform:none}.spy-role-chip,.spy-win{animation:none}.spy-result{animation:.2s both dice-fade}}.kings-page{min-height:100vh;color:var(--ink);background:var(--bg);--beer:#f5a623;--foam:#fffaf0;--gold:#ffc93c;--gold-deep:#9c6a00;overflow-x:hidden}.kings-main{max-width:480px;margin:0 auto;padding:4px 16px 48px}.kg-effects{flex-wrap:wrap;justify-content:center;gap:6px;min-height:0;margin:4px 0 0;display:flex}.kg-chip{background:var(--surface);max-width:100%;box-shadow:0 0 0 2px var(--line) inset;color:var(--ink);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:14px;font-weight:700;line-height:1.3;display:inline-flex}.kg-chip.pours{background:var(--lemon);box-shadow:0 2px 0 var(--lemon-deep)}.kg-chip.partner{background:var(--mint-soft);box-shadow:0 0 0 2px var(--mint) inset}.kg-chip.qm{background:var(--surface);box-shadow:0 0 0 2px var(--primary) inset}.kg-use{box-shadow:0 2px 0 var(--primary-deep);flex:none;padding:3px 10px;font-size:13px}.kr-stage{width:calc(100% + 32px);margin:0 -16px}.kr-ring{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0 auto;position:relative}.kr-felt,.kr-band,.kr-cup,.kr-slot,.kr-fly{position:absolute;top:50%;left:50%}.kr-felt{background:radial-gradient(circle, #ffffff38 1.2px, transparent 1.6px) 0 0 / 14px 14px, radial-gradient(circle at 50% 42%, #5fe0c4, var(--mint) 70%);box-shadow:0 0 0 6px var(--mint-deep), 0 10px 0 6px #3b2a1a1f;border-radius:50%;transform:translate(-50%,-50%)}.kr-band{touch-action:none;cursor:grab;z-index:1;-webkit-tap-highlight-color:transparent;border-radius:50%;transform:translate(-50%,-50%)}.kr-ring.over .kr-band{cursor:default}.kr-band:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.kr-half{pointer-events:none;z-index:2;position:absolute;inset:0}.kr-half.lo{clip-path:inset(calc(50% - 1px) 0 0)}.kr-half.hi{clip-path:inset(0 0 50%)}.kr-slot{pointer-events:none;transition:transform .5s cubic-bezier(.2,1.2,.4,1)}.kr-slot.lifted,.kr-slot.broken{z-index:6;transition:none}.kr-pull{width:100%;height:100%}.kr-card{background:repeating-linear-gradient(45deg, transparent 0 3px, #ffc93cb3 3px 4.5px), repeating-linear-gradient(-45deg, transparent 0 3px, #ffc93cb3 3px 4.5px), var(--primary);width:100%;height:100%;box-shadow:0 0 0 1.5px var(--surface) inset, 0 0 0 1px var(--primary-deep), -2px 0 3px #3b2a1a61;border-radius:4px;transition:filter .15s}.kr-ring.over .kr-card{filter:saturate(.35)brightness(1.05)}.kr-slot.lifted .kr-card{box-shadow:0 0 0 1.5px var(--surface) inset, 0 0 0 2px var(--ink), 3px 6px 0 #3b2a1a4d}.kr-slot.focus .kr-card{box-shadow:0 0 0 1.5px var(--surface) inset, 0 0 0 3px var(--ink)}.kr-ring.over .kr-slot.broken .kr-card{filter:none;box-shadow:0 0 0 1.5px var(--surface) inset, 0 0 0 2.5px var(--ink), 3px 5px 0 #3b2a1a4d}.kr-ring.quake{animation:.42s cubic-bezier(.3,.7,.4,1) kr-quake}@keyframes kr-quake{0%,to{transform:none}15%{transform:translate(-7px,3px)rotate(-1.2deg)}35%{transform:translate(6px,-4px)rotate(1deg)}55%{transform:translate(-4px,2px)rotate(-.5deg)}75%{transform:translate(2px,-1px)}}.kr-cup{z-index:3;background:radial-gradient(circle at 50% 45%, var(--mint-soft) 0 55%, #dcf6ef00 71%);touch-action:pan-y;border-radius:50%;place-items:center;display:grid;transform:translate(-50%,-50%)}.kr-cup svg{width:74%;height:74%;overflow:visible}.kr-cup-gold{fill:var(--gold);stroke:var(--gold-deep);stroke-width:2.5px;stroke-linejoin:round}.kr-cup-inside{fill:#fff3cf}.kr-cup-beer{fill:var(--beer);transition:y .6s cubic-bezier(.3,1.3,.5,1),height .6s cubic-bezier(.3,1.3,.5,1)}.kr-cup-foam{fill:var(--foam)}.kr-cup-rim{stroke:var(--gold-deep);stroke-width:3px;stroke-linecap:round}.kr-cup-shine{fill:none;stroke:#ffffffbf;stroke-width:3px;stroke-linecap:round}.kr-cup-crown{fill:var(--primary);stroke:var(--primary-deep);stroke-width:1.5px;stroke-linejoin:round}.kr-cup-shadow{fill:#3b2a1a24}.kr-cup[data-pours="4"] svg,.kr-cup[data-pours="3"] svg{animation:2.4s ease-in-out infinite kr-slosh}@keyframes kr-slosh{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.kr-fly{z-index:8;pointer-events:none}.kr-fly-back,.kr-fly-face{border-radius:4px;position:absolute;inset:0}.kr-fly-back{background:repeating-linear-gradient(45deg, transparent 0 3px, #ffc93cb3 3px 4.5px), repeating-linear-gradient(-45deg, transparent 0 3px, #ffc93cb3 3px 4.5px), var(--primary);box-shadow:0 0 0 1.5px var(--surface) inset, 0 0 0 1px var(--primary-deep)}.kr-fly-face{opacity:0;background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 3px 8px #3b2a1a40;color:var(--ink);align-content:center;place-items:center;line-height:1;display:grid;transform:rotateY(180deg)}.kr-fly-face.red{color:var(--primary-text)}.kr-fly-face b{font-family:var(--font-fun);font-size:11px;font-weight:700}.kr-fly-face i{font-size:9px;font-style:normal}.kg-result{margin-top:8px}.kg-drawn{border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 2px var(--line) inset, 0 4px 0 var(--line);align-items:center;gap:16px;padding:14px;display:flex}.kg-drawn.pop{animation:.5s cubic-bezier(.2,1.4,.4,1) .55s both kg-pop}@keyframes kg-pop{0%{opacity:0;transform:scale(.85)rotate(-2deg)}}.kg-face{background:var(--surface);width:84px;height:118px;box-shadow:0 0 0 2px var(--ink) inset, 3px 4px 0 var(--ink);color:var(--ink);border-radius:10px;flex:none;position:relative}.kg-face.red{color:var(--primary-text)}.kg-corner{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:6px;left:8px}.kg-corner b{font-family:var(--font-fun);font-size:20px;font-weight:700}.kg-corner i{font-size:16px;font-style:normal}.kg-big{font-family:var(--font-fun);place-items:center;padding-top:12px;font-size:46px;font-weight:700;display:grid;position:absolute;inset:0}.kg-pip{font-size:20px;line-height:1;position:absolute;bottom:6px;right:8px}.kg-rule{min-width:0}.kg-who{color:var(--ink-soft);overflow-wrap:anywhere;margin:0 0 4px;font-size:14px;font-weight:700}.kg-me{background:var(--mint);color:var(--ink);border-radius:999px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:800}.kg-rule-name{margin:0 0 6px;font-size:24px}.kg-rule-name.drink{overflow-wrap:anywhere;font-size:20px}.kg-rule-text{margin:0;font-size:16px;font-weight:600;line-height:1.5}.kg-break{border-radius:var(--radius);background:var(--primary);color:var(--ink);box-shadow:0 5px 0 var(--primary-deep);text-align:center;overflow-wrap:anywhere;padding:18px 16px;font-size:22px;font-weight:800;line-height:1.35}.kg-nw{max-width:100%;display:inline-block}.kg-break.pop{animation:.55s cubic-bezier(.2,1.6,.4,1) both kg-break-in}@keyframes kg-break-in{0%{opacity:0;transform:scale(.6)rotate(-4deg)}60%{opacity:1;transform:scale(1.06)rotate(1deg)}}.kg-picker,.kg-rule-entry{border-radius:var(--radius);background:var(--mint-soft);box-shadow:0 0 0 2px var(--mint) inset;margin-top:12px;padding:14px}.kg-picker h3{margin:0 0 10px}.kg-picker-list{flex-wrap:wrap;gap:8px;display:flex}.kg-pick{background:var(--surface);box-shadow:0 0 0 2px var(--line) inset, 0 3px 0 var(--line);overflow-wrap:anywhere;max-width:100%;padding:10px 14px;font-size:16px}.kg-none{color:var(--ink-soft);margin:0;font-weight:600}.kg-rule-entry label{color:var(--ink);margin-bottom:10px;font-size:15px}.kg-rule-actions{gap:10px;display:flex}.kg-rule-actions button{flex:1;padding:12px 10px}.kg-over{text-align:center;margin-top:14px}.kg-over-title{margin:0 0 10px;font-size:20px;font-weight:800}.kg-again{background:var(--surface);width:100%;box-shadow:0 0 0 2px var(--line) inset, 0 3px 0 var(--line)}.kg-again.big{background:var(--lemon);box-shadow:0 4px 0 var(--lemon-deep);padding:16px 20px;font-size:19px}.kg-again.big .hold-fill{background:var(--primary)}.kg-foot{margin-top:22px}.kg-rules{border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 2px var(--line) inset;margin-top:18px;padding:14px 16px}.kg-rules h3{margin:0 0 8px}.kg-rules ol{margin:0;padding:0;list-style:none}.kg-rules li{border-top:2px dashed var(--line);overflow-wrap:anywhere;gap:8px;padding:6px 0;font-weight:600;line-height:1.4;display:flex}.kg-rules li:first-child{border-top:none}.kg-rule-by{flex:none}@media (width<=340px){.kg-drawn{gap:12px;padding:12px}.kg-face{width:72px;height:102px}.kg-big{font-size:38px}.kg-rule-name{font-size:21px}.kg-break{font-size:20px}}@media (prefers-reduced-motion:reduce){.kr-ring.quake,.kg-drawn.pop,.kg-break.pop,.kr-cup svg{animation:none!important}.kr-cup-beer,.kr-slot{transition:none}}