:root{--bg: #070a14;--bg-glow: #16224a;--panel: rgba(20, 28, 52, .82);--panel-2: rgba(30, 41, 71, .6);--line: rgba(122, 148, 205, .22);--line-strong: rgba(140, 168, 230, .42);--text: #e9edff;--muted: #97a4c6;--primary: #4a63ff;--primary-2: #7c9cff;--danger: #ef4444;--win: #34d399;--lose: #fbbf24;--radius: 14px;--radius-sm: 9px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:radial-gradient(1100px 700px at 50% -15%,var(--bg-glow),var(--bg) 62%) fixed,var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,system-ui,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer}.app{height:100%}@supports (height: 100dvh){.app{height:100dvh}}.screen{display:flex;flex-direction:column;height:100%;min-height:0}.screen--center{align-items:center;justify-content:center;gap:18px}.screen--join{justify-content:flex-start}.topbar{display:flex;align-items:center;gap:8px;padding:calc(8px + var(--safe-t)) calc(12px + var(--safe-r)) 8px calc(12px + var(--safe-l));border-bottom:1px solid var(--line);background:#090d1ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar__spacer{flex:1 1 auto}.screen__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px calc(12px + var(--safe-r)) 18px calc(12px + var(--safe-l));display:flex;flex-direction:column;gap:12px}.screen__body--game{gap:10px}.bottombar{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:10px calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l));border-top:1px solid var(--line);background:#0a0f1eeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottombar--grid{flex-direction:row;flex-wrap:wrap;align-items:center}.bottombar__hint{margin:0;width:100%;text-align:center;color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);font-weight:600;font-size:15px;transition:transform .08s ease,background .15s ease,border-color .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,var(--primary-2),var(--primary));border-color:transparent;color:#060b1c}.btn--ready{background:linear-gradient(180deg,#38d39f,#16a37a);border-color:transparent;color:#04231a}.btn--start{background:linear-gradient(180deg,#ffd479,#f59e0b);border-color:transparent;color:#2a1a00}.btn--danger{background:linear-gradient(180deg,#f87171,#dc2626);border-color:transparent;color:#2a0505}.btn--ghost{background:transparent}.btn--block{width:100%}.btn--grow{flex:1 1 auto}.btn--sm{min-height:36px;padding:6px 10px;font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0 6px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--muted);font-size:16px;line-height:1}.icon-btn:active{background:#7c9cff29}.icon-btn:disabled{opacity:.35}.icon-btn--round{border-radius:50%;border-color:var(--line-strong);color:var(--text);min-width:38px;min-height:38px}.icon-btn--danger{color:#fca5a5}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-size:12px;color:var(--muted);white-space:nowrap}.pill__dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.pill--online{color:#86efac;border-color:#34d39966}.pill--online .pill__dot{background:var(--win);box-shadow:0 0 8px #34d399e6}.pill--connecting{color:#fcd34d}.pill--connecting .pill__dot{background:var(--lose);animation:pulse 1s infinite}.pill--offline{color:#fca5a5;border-color:#ef444466}.pill--offline .pill__dot{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.badge{padding:2px 7px;border-radius:999px;border:1px solid var(--line);background:#7c9cff1f;font-size:11px;color:var(--muted);white-space:nowrap}.badge--gm{border-color:#fbbf2473;color:#fcd34d;background:#fbbf241f}.tag{margin-left:6px;padding:1px 6px;border-radius:999px;background:#7c9cff29;border:1px solid var(--line);font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.tag--you{color:#c7d2fe}.tag--dead{color:#fca5a5;border-color:#ef444466;background:#ef444426}.tag--captain{color:#fcd34d;border-color:#fbbf2466;background:#fbbf2426}.tag--offline{color:#cbd5e1}.tag--count{color:#86efac;border-color:#34d39966}.input{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#080c18b8;color:var(--text);font-size:16px}.input--big{min-height:52px;font-size:18px}.input--sm{min-height:36px;padding:6px 8px;font-size:15px}.textarea{min-height:74px;resize:vertical}select.input{min-height:44px}.field{display:flex;flex-direction:column;gap:6px;width:100%}.field__label{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.field__error{margin:0;color:#fca5a5;font-size:13px}.row{display:flex;align-items:center}.row--gap{gap:8px}.row--between{justify-content:space-between;gap:10px}.stepper{display:inline-flex;align-items:center;gap:2px;border-radius:999px;border:1px solid var(--line-strong);background:#080c1899;overflow:hidden}.stepper__btn{width:38px;height:38px;border:0;background:transparent;color:var(--text);font-size:20px;line-height:1}.stepper__btn:active:not(:disabled){background:#7c9cff33}.stepper__btn:disabled{opacity:.3}.stepper__value{min-width:26px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.toggle{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle__track{flex:0 0 auto;width:46px;height:28px;border-radius:999px;background:#788cbe4d;border:1px solid var(--line-strong);position:relative;transition:background .15s ease}.toggle__thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#cfd8f5;transition:transform .15s ease,background .15s ease}.toggle input:checked+.toggle__track{background:#34d3998c}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(18px);background:#eafff6}.toggle__label{font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.chip{padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font-size:13px}.chip--on{color:#060b1c;background:var(--primary-2);border-color:transparent;font-weight:700}.langswitch{display:inline-flex;border-radius:999px;border:1px solid var(--line);overflow:hidden}.langswitch__btn{min-height:32px;padding:0 10px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.langswitch__btn--on{background:var(--primary-2);color:#060b1c}.spinner{display:flex;flex-direction:column;align-items:center;gap:12px}.spinner__ring{width:38px;height:38px;border-radius:50%;border:3px solid rgba(124,156,255,.25);border-top-color:var(--primary-2);animation:spin .9s linear infinite}.spinner__label{margin:0;color:var(--muted);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(78px + var(--safe-b));z-index:60;display:flex;flex-direction:column;gap:6px;width:min(94vw,460px);pointer-events:none}.toast{pointer-events:auto;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#10162af5;color:var(--text);font-size:14px;text-align:left;box-shadow:0 8px 24px #00000073}.toast--error{border-color:#ef444499}.toast--warn{border-color:#fbbf2499}.panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:12px;display:flex;flex-direction:column;gap:8px}.panel--slim{padding:10px 12px}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.panel__title{margin:0;font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:#cdd7f5}.panel__badge{font-size:12px;color:var(--muted)}.panel__hint{margin:0;font-size:12.5px;color:var(--muted)}.hint{margin:0;text-align:center;font-size:12.5px;color:var(--muted)}.hint--accent{color:#ffe0a3}.banner{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--panel);padding:10px 12px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:14px}.banner--end{border-color:#fbbf248c;background:linear-gradient(180deg,#fbbf2429,#141c34d9)}.banner--warn{border-color:#fbbf2480;background:#fbbf241a;align-items:center;justify-content:space-between}.validation{display:flex;flex-direction:column;gap:6px}.validation__item{margin:0;display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px;border:1px solid var(--line);background:var(--panel)}.validation__item--error{border-color:#ef444480;background:#ef44441f}.validation__item--warning{border-color:#fbbf2473;background:#fbbf241a}.deck{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px}.deck__count{display:inline-block;min-width:26px;font-weight:700;color:#c7d2fe}.deck__maybe{color:var(--muted)}.deck__filler{color:#9fb0d8;font-style:italic}.join__head{display:flex;justify-content:flex-end;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l))}.join__body{flex:1 1 auto;overflow-y:auto;padding:18px calc(16px + var(--safe-r)) 18px calc(16px + var(--safe-l));display:flex;flex-direction:column;gap:18px;justify-content:center}.join__foot{display:flex;justify-content:center;padding:10px 12px calc(14px + var(--safe-b))}.brand{text-align:center}.brand__emoji{font-size:46px;display:block;filter:drop-shadow(0 6px 18px rgba(124,156,255,.45))}.brand__title{margin:6px 0 4px;font-size:clamp(20px,6.2vw,27px);line-height:1.2}.brand__subtitle{margin:0;color:var(--muted);font-size:14px}.seat{border:0;margin:12px 0 4px;padding:0;display:flex;flex-direction:column;gap:8px}.seat__option{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2)}.seat__option--on{border-color:var(--primary-2);background:#4a63ff38;box-shadow:0 0 0 1px #7c9cff80 inset}.seat__emoji{font-size:24px}.seat__text{display:flex;flex-direction:column}.seat__name{font-weight:700}.seat__hint{font-size:12.5px;color:var(--muted)}.members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.member{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0c122499}.member--you{border-color:#7c9cff80;background:#4a63ff24}.member__dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--win)}.member__dot--off{background:#64748b}.member__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.member__rename{flex:1 1 auto;display:flex;gap:6px;align-items:center}.member__actions{display:flex;gap:2px}.member__actions .icon-btn{min-width:30px}.ready{font-size:11px;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.ready--on{color:#86efac;border-color:#34d39980;background:#34d3991f}.role-list{display:flex;flex-direction:column;gap:6px}.role-row{border-radius:var(--radius-sm);border:1px solid var(--line);background:#0c12248c;padding:6px 8px}.role-row--on{border-color:var(--line-strong);background:#18223ecc}.role-row__main{display:flex;align-items:center;gap:8px}.role-row__emoji{font-size:22px;flex:0 0 auto}.role-row__text{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:2px;flex-wrap:wrap}.role-row__name{font-weight:600;font-size:14.5px}.chance{display:flex;align-items:center;gap:8px;padding:4px 2px 2px 0;font-size:12px;color:var(--muted)}.chance input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--primary-2)}.chance__value{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.role-filler{margin-top:4px}.circle{position:relative;width:min(100%,64vh);aspect-ratio:1 / 1;margin:0 auto;flex:0 0 auto;touch-action:pan-y}.circle--arranging{touch-action:none}.circle__guide{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;border:1px dashed rgba(124,156,255,.14);pointer-events:none}.circle__item{position:absolute;left:var(--x);top:var(--y);width:var(--card-size);height:calc(var(--card-size) * 1.42);transform:translate(-50%,-50%);transition:left .18s ease,top .18s ease,transform .12s ease}.circle--arranging .circle__item{cursor:grab}.circle__item--dragging{z-index:6}.circle__item--dragging .cardface{transform:scale(1.14);box-shadow:0 12px 26px #0009,0 0 0 2px var(--primary-2)}.circle__item--target .cardface{box-shadow:0 0 0 2px #fbbf24cc}.circle__item--you .cardface{box-shadow:0 0 0 2px #7c9cffe6}.circle__name{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);max-width:calc(var(--card-size) * 1.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600;text-align:center;color:#dbe3ff}.circle__center{position:absolute;top:30%;right:30%;bottom:30%;left:30%;display:flex;align-items:center;justify-content:center;pointer-events:none}.circle__center>*{pointer-events:auto}.cardface{position:relative;width:100%;height:100%;border-radius:9px;border:1px solid var(--accent, #64748b);background:#0c1224;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #00000080;transition:box-shadow .15s ease,transform .12s ease}.cardface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent, #64748b);opacity:.24}.cardface__front,.cardface__back{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;text-align:center;z-index:1}.cardface__emoji{font-size:calc(var(--card-size) * .5);line-height:1}.cardface__role{font-size:9.5px;font-weight:700;line-height:1.1;color:#f1f5ff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.cardface--back{border-color:#2c3a63;background:repeating-linear-gradient(45deg,#16203c 0,#16203c 6px,#131b33 6px,#131b33 12px)}.cardface--back:before{opacity:0}.cardface__paw{font-size:calc(var(--card-size) * .42);opacity:.42}.cardface__badge{position:absolute;top:-1px;left:-1px;font-size:calc(var(--card-size) * .26);z-index:3;filter:drop-shadow(0 1px 2px #000)}.cardface__offline{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:#64748b;z-index:3}.cardface__cross{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-size) * .62);font-weight:900;color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.85),0 2px 4px rgba(0,0,0,.9);z-index:2}.cardface__check{position:absolute;right:2px;bottom:1px;font-size:calc(var(--card-size) * .3);color:var(--win);text-shadow:0 1px 3px #000;z-index:3}.cardface__statuses{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1px;padding:1px 2px;background:#060a149e;font-size:calc(var(--card-size) * .24);line-height:1.1;z-index:2}.cardstatus{filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}.cardstatus--spent{opacity:.4;filter:grayscale(.7)}.cardface--selected{border-color:var(--win);box-shadow:0 0 0 2px var(--win),0 0 16px #34d39980}.cardface--win{border-color:var(--win);box-shadow:0 0 0 2px #34d399bf,0 0 16px #34d39966}.cardface--lose{border-color:var(--lose);box-shadow:0 0 0 2px #fbbf24b3,0 0 14px #fbbf244d}.cardface--dead{border-color:#ef4444}.cardface--dead.cardface--win{border-color:var(--win);box-shadow:0 0 0 2px #34d399cc}.cardface--dead.cardface--lose{border-color:#ef4444;box-shadow:0 0 0 2px #ef44448c}.cardface--list{--card-size: 38px;width:38px;height:54px;flex:0 0 auto}.player-name{display:inline-flex;align-items:baseline;gap:6px;min-width:0}.player-name__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name__you{color:var(--primary-2);font-weight:500;font-size:.86em}.player-name__role{font-size:12px;color:var(--muted);white-space:nowrap}.player-name--dead{color:#f87171;text-decoration:line-through;text-decoration-thickness:2px}.player-name--win{color:var(--win)}.player-name--lose{color:var(--lose)}.player-name--dead.player-name--lose{color:#f87171}.center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;border-radius:12px;border:1px solid var(--accent, #64748b);background:#0d1428;padding:14px 6px 6px;overflow:hidden;box-shadow:0 10px 28px #0000008c}.center:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent, #64748b);opacity:.22}.center>*{position:relative;z-index:1}.center--me{width:100%;height:100%}.center__eyebrow{font-size:11px;color:#dbe3ff;opacity:.9}.center__emoji{font-size:clamp(26px,9vw,44px);line-height:1}.center__role{font-size:clamp(13px,4vw,18px);font-weight:800;line-height:1.1}.center__tagline{font-size:10.5px;color:#cfd8f5;opacity:.85;line-height:1.2}.center__cross{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.center__cross:before,.center__cross:after{content:"";position:absolute;left:-8%;top:50%;width:116%;height:5px;border-radius:3px;background:#ef4444;box-shadow:0 0 14px #ef4444f2,0 0 4px #0009}.center__cross:before{transform:rotate(36deg)}.center__cross:after{transform:rotate(-36deg)}.center__verdict{font-size:12px;font-weight:800;z-index:3}.center__verdict--win{color:var(--win)}.center__verdict--lose{color:var(--lose)}.center__verdict--dead{color:#f87171;text-transform:uppercase;letter-spacing:.08em}.center__help{position:absolute;right:2px;top:2px;min-width:28px;min-height:28px;font-size:13px;background:#080c18b3;z-index:4}.center--dead{border-color:#ef4444}.center--win{border-color:var(--win);box-shadow:0 0 0 2px #34d39999}.center--lose:not(.center--dead){border-color:var(--lose);box-shadow:0 0 0 2px #fbbf2480}.center--gm{width:100%;border-color:var(--line-strong);cursor:default}.center__stat{font-size:clamp(22px,7vw,34px);font-weight:800;font-variant-numeric:tabular-nums}.center__label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.center__result{font-size:11.5px;color:#ffe0a3}.plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.plist__row{display:flex;align-items:center;gap:6px}.plist__row--you .plist__button{border-color:#7c9cff80}.plist__button{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0c122499;text-align:left}.plist__text{min-width:0;display:flex;flex-direction:column;gap:2px}.plist__meta{display:flex;flex-wrap:wrap;gap:4px}.plist__meta .tag{margin-left:0}.plist__move{display:flex;flex-direction:column}.plist__grip{color:var(--muted)}.rolepanel{padding:0;overflow:hidden}.rolepanel__head{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:0;background:transparent;text-align:left}.rolepanel__emoji{font-size:24px}.rolepanel__title{flex:1 1 auto;display:flex;flex-direction:column;font-size:14px;font-weight:700}.rolepanel__role{font-size:12px;color:var(--muted);font-weight:500}.rolepanel__body{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}.reminders{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.reminder{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0c122499;text-align:left}.reminder--spent{opacity:.55}.reminder__box{flex:0 0 auto;width:24px;height:24px;border-radius:7px;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--win);font-weight:900}.reminder--spent .reminder__box{border-color:#34d39999;background:#34d39926}.reminder__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.reminder__label{font-size:13.5px}.reminder__hint{font-size:11.5px;color:var(--muted)}.reminder__uses{font-size:11px;color:var(--muted);white-space:nowrap}.statusrow{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:#0c122499}.statusrow__title{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.statusrow__list{display:flex;flex-wrap:wrap;gap:6px}.chip-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;border:1px solid var(--accent, var(--line-strong));background:#0c1224bf;font-size:12.5px}.chip-status b{color:#ffe0a3;font-weight:700}.chip-status--spent{opacity:.55;text-decoration:line-through}.chip-status__uses{font-size:10.5px;color:var(--muted);text-decoration:none;white-space:nowrap}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:12px}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#03060eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal__panel{position:relative;width:min(100%,560px);max-height:88vh;display:flex;flex-direction:column;border-radius:var(--radius);border:1px solid var(--line-strong);background:#101733;box-shadow:0 20px 50px #0009}.modal__panel--wide{width:min(100%,680px)}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.modal__title{margin:0;font-size:16px}.modal__body{padding:12px 14px calc(14px + var(--safe-b));overflow-y:auto;-webkit-overflow-scrolling:touch}.modal__foot{padding:10px 14px calc(12px + var(--safe-b));border-top:1px solid var(--line)}.rules-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.rule{border-radius:var(--radius-sm);border:1px solid var(--line);background:#0c122499;overflow:hidden}.rule--open{border-color:var(--line-strong)}.rule__head{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:transparent;text-align:left}.rule__emoji{font-size:24px}.rule__text{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.rule__name{font-weight:700;font-size:14.5px}.rule__team{font-size:11.5px}.rule__chevron{color:var(--muted)}.role-detail{padding:0 12px 12px;font-size:13.5px}.role-detail__tagline{margin:0 0 6px;color:var(--muted);font-style:italic}.role-detail__rules{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.role-detail__win{margin:8px 0 0}.role-detail__meta{margin:6px 0 0;font-size:12px;color:var(--muted)}.role-detail__reminders{margin-top:6px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:flex-end;justify-content:center}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#03060ea8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet__panel{position:relative;width:min(100%,560px);max-height:86vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:18px 18px 0 0;border:1px solid var(--line-strong);border-bottom:0;background:#111a35;padding:8px 14px calc(16px + var(--safe-b));box-shadow:0 -12px 40px #0009;animation:sheet-up .16s ease-out}@keyframes sheet-up{0%{transform:translateY(14px);opacity:.6}}.sheet__grip{width:42px;height:4px;border-radius:999px;background:#96aadc66;margin:4px auto 10px}.sheet__title{margin:0 0 10px;font-size:15px;color:#cdd7f5;text-transform:uppercase;letter-spacing:.03em}.sheet__body{display:flex;flex-direction:column;gap:10px}.sheet__actions{display:flex;flex-direction:column;gap:8px}.sheet__player{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0c122499}.sheet__player-emoji{font-size:26px}.sheet__player-text{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.sheet__player-text span{font-size:12.5px;color:var(--muted)}.sheet__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet__grid .btn{width:100%;font-size:14px;padding:8px 10px}.sheet__section{margin:6px 0 0;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sheet__tokens{display:flex;flex-wrap:wrap;gap:6px}.token{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#0c122499;font-size:12.5px;color:var(--muted);text-align:left}.token--on{border-color:var(--accent, var(--win));background:#18223ee6;color:var(--text);box-shadow:0 0 0 1px var(--accent, var(--win)) inset}.token__emoji{font-size:16px;filter:grayscale(.55)}.token--on .token__emoji{filter:none}.token__uses{font-size:11px;color:var(--muted)}.rule__head--on{background:#4a63ff29;box-shadow:0 0 0 1px var(--primary-2) inset}@media (min-width: 620px){.screen__body,.bottombar{padding-left:max(12px,calc((100% - 640px)/2 + 12px));padding-right:max(12px,calc((100% - 640px)/2 + 12px))}}