:root{--bg:#0c0d0e;--surface:#131517;--surface2:#191b1e;--text:#f1f1ed;--muted:#85888c;--line:#292c30;--accent:#ff613c;--accent2:#ff8c45;--shadow:0 24px 80px #0008;--radius:18px;color-scheme:dark}html[data-theme=light]{--bg:#f2f0e9;--surface:#faf9f5;--surface2:#ebe8df;--text:#171717;--muted:#686867;--line:#d8d4ca;--shadow:0 24px 80px #5f554322;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Manrope,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.13;z-index:-1}.ambient-a{width:480px;height:480px;background:var(--accent);right:-190px;top:80px}.ambient-b{width:350px;height:350px;background:#5357ff;left:-200px;bottom:10%}.topbar{height:88px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20}.logo{font:700 20px Unbounded,sans-serif;letter-spacing:.12em;color:var(--text);text-decoration:none}.logo span,h1 span{color:var(--accent)}.main-nav{display:flex;gap:30px;margin-left:70px}.main-nav a,.nav-login{color:var(--muted);text-decoration:none;background:none;border:0;cursor:pointer}.main-nav a:hover,.nav-login:hover{color:var(--text)}.account-zone{margin-left:auto;display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 23px;background:var(--accent);color:#fff;border:0;border-radius:10px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 10px 30px #ff613c28;transition:.2s}.button:hover{transform:translateY(-2px);background:#ff704f}.button.small{padding:10px 16px;font-size:13px}.button.wide{width:100%}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.user-chip{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:5px 12px 5px 5px;background:var(--surface);cursor:pointer}.avatar{display:grid;place-items:center;width:32px;height:32px;background:linear-gradient(145deg,var(--accent),var(--accent2));border-radius:9px;color:#fff;font-weight:800}.user-menu-wrap{position:relative}.user-menu{display:none;position:absolute;right:0;top:52px;width:190px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:var(--shadow)}.user-menu.open{display:grid}.user-menu a,.user-menu button{display:block;width:100%;text-align:left;background:0;border:0;padding:10px;border-radius:7px;color:var(--text);text-decoration:none;cursor:pointer}.user-menu a:hover,.user-menu button:hover{background:var(--surface2)}.hero{min-height:690px;display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:50px}.kicker,.mini-label{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--accent)}.kicker span{display:inline-block;width:25px;height:1px;background:var(--accent);vertical-align:middle;margin-right:8px}.hero h1,.tool-heading h1{font:600 clamp(49px,6.2vw,82px)/1.03 Unbounded,sans-serif;letter-spacing:-.06em;margin:25px 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--muted)}.hero-lead{font-size:18px;color:var(--muted);max-width:610px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:37px}.quiet-link{color:var(--muted);text-decoration:none}.hero-orbit{height:500px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;animation:orbit 22s linear infinite}.orbit-one{width:430px;height:430px}.orbit-two{width:320px;height:320px;animation-direction:reverse}.hero-card{width:260px;height:310px;border:1px solid #ffffff20;border-radius:26px;background:linear-gradient(145deg,#ffffff12,#ffffff05);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow);transform:rotate(3deg)}.hero-card strong{font:600 112px/1 Unbounded;color:var(--text);letter-spacing:-.08em}.hero-card p{color:var(--muted)}.pulse-line{display:flex;gap:5px}.pulse-line i{width:5px;border-radius:5px;background:var(--accent);height:9px}.pulse-line i:nth-child(2),.pulse-line i:nth-child(4){height:20px}.pulse-line i:nth-child(3){height:30px}.floating-tag{position:absolute;border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:var(--surface);font-size:12px}.tag-a{top:105px;left:15px}.tag-b{right:0;bottom:100px}.statement{border-block:1px solid var(--line);padding:70px 0;display:grid;grid-template-columns:1fr 2fr;gap:50px}.statement p{color:var(--accent);font-weight:800}.statement h2,.section-head h2{font:500 clamp(28px,3.2vw,45px)/1.25 Unbounded;margin:0;letter-spacing:-.04em}.apps-section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head p:last-child{color:var(--muted);max-width:330px}.app-card{display:grid;grid-template-columns:55px 100px 1fr 60px;gap:25px;align-items:center;padding:35px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-decoration:none;background:linear-gradient(100deg,var(--surface),transparent);transition:.25s}.app-card:hover{border-color:var(--accent);transform:translateY(-3px)}.app-number{align-self:start;color:var(--muted)}.app-icon{width:80px;height:80px;display:grid;place-items:center;background:var(--accent);border-radius:22px;font-size:35px;color:#fff}.app-copy span{color:var(--accent);font-size:10px;font-weight:800}.app-copy h3{font:600 30px Unbounded;margin:6px 0}.app-copy p{color:var(--muted)}.app-tags{display:flex;gap:8px}.app-tags i{font-style:normal;border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:11px}.app-arrow{font-size:32px}.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.coming-grid article{padding:30px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.coming-grid h3{color:var(--text)}footer{border-top:1px solid var(--line);min-height:120px;display:flex;align-items:center;gap:35px;color:var(--muted)}footer span:last-child{margin-left:auto}.modal-open{overflow:hidden}.modal-layer{display:none;position:fixed;inset:0;z-index:100;place-items:center}.modal-layer.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#050506c7;backdrop-filter:blur(10px);border:0}.auth-modal{display:none;position:relative;z-index:2;width:min(470px,calc(100vw - 30px));background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:42px;box-shadow:var(--shadow)}.auth-modal.active{display:block;animation:modalIn .25s ease-out}.auth-modal h2{font:600 30px Unbounded;margin:9px 0}.muted{color:var(--muted)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:30px;color:var(--muted);cursor:pointer}.form-stack{display:grid;gap:15px;margin-top:27px}.form-stack label,.option-grid label,.list-name-label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em}.form-stack input,input,textarea,select{background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:13px;outline:0}.form-stack input:focus,input:focus,textarea:focus,select:focus{border-color:var(--accent)}.modal-switch{text-align:center;color:var(--muted)}.modal-switch button,.save-row p button{background:none;border:0;color:var(--accent);cursor:pointer}.toasts{position:fixed;right:25px;top:105px;z-index:200}.toast{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);padding:13px 18px;border-radius:8px;box-shadow:var(--shadow);transition:.4s}.toast.hide{opacity:0;transform:translateX(20px)}
.tool-shell{padding:55px 0 100px}.tool-heading>a{color:var(--muted);text-decoration:none}.tool-heading>div{text-align:center}.tool-heading h1{font-size:clamp(42px,5vw,68px);margin:13px 0}.tool-heading>div>p:last-child{color:var(--muted);font-size:17px}.tool-tabs{display:flex;max-width:520px;margin:45px auto 30px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.tool-tabs button{flex:1;border:0;border-radius:8px;padding:13px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.tool-tabs button.active{background:var(--surface2);color:var(--text);box-shadow:0 5px 18px #0002}.tool-tabs i{font-style:normal;color:var(--accent);font-size:10px;margin-right:6px}.tool-panel{display:none;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:20px;align-items:start}.tool-panel.active{display:grid}.control-card,.result-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.card-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.card-title h2{font:600 24px Unbounded;margin:8px 0}.subtle-button,.danger-button,.result-actions button,.add-item,.raw-input-wrap button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:8px 12px;color:var(--muted);cursor:pointer}.subtle-button:hover,.result-actions button:hover{color:var(--text);border-color:var(--muted)}.number-fields{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:end}.number-fields label{display:grid;gap:8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.15em}.number-fields input{font:600 28px Unbounded;width:100%}.number-fields>span{padding-bottom:15px;color:var(--muted)}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:18px}.option-grid .hidden{display:none}.switch-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:19px 0}.switch-row:first-of-type{margin-top:24px}.switch-row div{display:grid}.switch-row span{font-size:12px;color:var(--muted)}.switch{position:relative}.switch input{position:absolute;opacity:0}.switch i{display:block;width:43px;height:24px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);cursor:pointer}.switch i:after{content:"";display:block;width:16px;height:16px;margin:3px;border-radius:50%;background:var(--muted);transition:.2s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translateX(19px);background:#fff}.generate{width:100%;margin-top:18px;padding:16px}.result-card{position:sticky;top:20px;min-height:415px}.number-result{min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.number-result b{font:600 clamp(62px,8vw,105px)/1 Unbounded;letter-spacing:-.08em;word-break:break-word}.number-result p{color:var(--muted)}.number-result.series{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-content:center}.number-result.series b{font-size:23px;background:var(--surface2);padding:9px 13px;border-radius:8px;letter-spacing:0}.result-actions{border-top:1px solid var(--line);padding-top:16px;display:flex;gap:8px}.raw-input-wrap{position:relative}.raw-input-wrap textarea{width:100%;resize:vertical;line-height:1.8}.raw-input-wrap button{position:absolute;right:10px;bottom:12px;background:var(--surface)}.list-toolbar{display:flex;justify-content:space-between;margin:18px 0;color:var(--muted);font-size:12px}.weight-toggle{cursor:pointer}.item-editor{display:grid;gap:8px}.item-row{display:grid;grid-template-columns:30px 1fr 80px 34px;gap:8px;align-items:center}.item-row .item-index{color:var(--muted);font-size:11px}.item-row .weight{display:none}.weights-visible .item-row .weight{display:block}.item-row button{background:transparent;border:0;color:var(--muted);font-size:20px;cursor:pointer}.add-item{width:100%;margin-top:10px}.list-options{align-items:end}.switch-row.compact{border:0;margin:0;padding:8px 0}.save-row{display:flex;align-items:center;gap:8px;margin-top:20px}.save-row select{min-width:0;flex:1}.save-row p{color:var(--muted);font-size:12px}.danger-button{color:#ff6c66}.reel-window{height:190px;overflow:hidden;position:relative;margin-top:25px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}#reel-track{transition:transform 2.7s cubic-bezier(.12,.75,.12,1)}.reel-item,.reel-placeholder{height:64px;display:grid;place-items:center;text-align:center;font:600 20px Unbounded;padding:0 15px}.reel-marker{position:absolute;left:0;right:0;top:63px;height:64px;border-block:1px solid var(--accent);background:#ff613c0c;pointer-events:none}.picked-result{text-align:center;min-height:110px;display:grid;place-items:center}.picked-result strong{font:600 clamp(28px,4vw,48px) Unbounded;color:var(--accent)}.picked-result p{color:var(--muted)}.excluded{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.excluded span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes modalIn{from{opacity:0;transform:translateY(15px) scale(.98)}}
@media(max-width:850px){.main-nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-orbit{height:430px}.statement{grid-template-columns:1fr}.tool-panel{grid-template-columns:1fr}.result-card{position:static}.section-head{align-items:start;flex-direction:column}.app-card{grid-template-columns:45px 75px 1fr}.app-arrow{display:none}.app-icon{width:65px;height:65px}.coming-grid{grid-template-columns:1fr}}@media(max-width:560px){.shell{width:min(100% - 24px,1180px)}.topbar{height:72px}.account-zone>.icon-button{display:none}.button.small{display:none}.hero h1{font-size:42px}.hero{min-height:auto}.hero-orbit{height:360px}.orbit-one{width:330px;height:330px}.orbit-two{width:260px;height:260px}.hero-card{width:210px;height:260px}.hero-card strong{font-size:84px}.statement{margin-top:60px}.apps-section{padding:75px 0}.app-card{grid-template-columns:1fr;padding:25px}.app-number,.app-icon{display:none}.coming-grid{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.auth-modal{padding:32px 22px}.tool-shell{padding-top:30px}.tool-heading>div{text-align:left;margin-top:35px}.tool-heading h1{font-size:38px}.tool-panel.active{display:block}.result-card{margin-top:15px}.control-card,.result-card{padding:20px}.number-fields input{font-size:21px}.option-grid{grid-template-columns:1fr}.item-row{grid-template-columns:22px 1fr 65px 30px}.save-row{align-items:stretch;flex-direction:column}.list-options{grid-template-columns:1fr}.tool-tabs{margin-top:30px}footer p{display:none}}

.hero-card.interactive{text-decoration:none;color:var(--text);cursor:pointer}.hero-card.interactive:hover{border-color:var(--accent);transform:rotate(0) scale(1.025)}.hero-card.interactive strong{font-size:clamp(42px,7vw,100px);max-width:230px;text-align:center;overflow-wrap:anywhere}.demo-pop strong{animation:demoPop .55s ease}.tool-tabs{max-width:760px}.wheel-wrap{position:relative;width:min(100%,410px);aspect-ratio:1;margin:15px auto 20px}.wheel-wrap canvas{width:100%;height:100%;filter:drop-shadow(0 18px 30px #0005);border-radius:50%}.wheel-pointer{position:absolute;z-index:2;left:50%;top:-4px;transform:translateX(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:32px solid var(--text);filter:drop-shadow(0 4px 3px #0007)}
.dice-types{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.dice-types button{border:1px solid var(--line);background:var(--surface2);border-radius:9px;padding:12px 6px;color:var(--muted);font-weight:800;cursor:pointer}.dice-types button.active{border-color:var(--accent);background:#ff613c18;color:var(--accent)}.dice-notation-label{display:grid;gap:7px;margin-top:20px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em}.hint{color:var(--muted);font-size:12px}.dice-stage{min-height:255px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}.dice-stage>p,.coin-stage>p{color:var(--muted)}.die{width:82px;height:82px;border-radius:17px;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 13px 25px #ff613c35;animation:dieRoll .75s cubic-bezier(.18,.8,.3,1) both}.die small{font-size:9px;opacity:.75}.die strong{font:700 31px Unbounded}.die-d4{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;padding-top:24px}.die-d8,.die-d20{clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);border-radius:0}.dice-total{min-height:70px;display:flex;justify-content:center;align-items:center;gap:14px;border-top:1px solid var(--line)}.dice-total span{color:var(--muted)}.dice-total strong{font:600 32px Unbounded;color:var(--accent)}
.coin-stage{min-height:275px;display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;text-align:center}.coin{display:grid;gap:7px;justify-items:center}.coin-face{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 25%,#ffe89c,#e9a823 70%);border:6px double #fff3ad;color:#6e4300;font:700 36px Unbounded;box-shadow:inset 0 0 0 4px #c68113,0 15px 35px #0005}.coin small{color:var(--muted)}.coin.flipping{animation:coinFlip 1s cubic-bezier(.15,.75,.22,1) both;transform-style:preserve-3d}.coin-summary{display:flex;gap:12px;justify-content:center;min-height:50px}.coin-summary span{background:var(--surface2);border-radius:8px;padding:8px 13px;color:var(--muted)}
@keyframes demoPop{0%{opacity:.2;transform:translateY(10px) scale(.9)}100%{opacity:1;transform:none}}@keyframes dieRoll{0%{opacity:0;transform:translateY(-80px) rotate(220deg) scale(.65)}60%{transform:translateY(9px) rotate(-12deg) scale(1.08)}100%{opacity:1;transform:none}}@keyframes coinFlip{0%{opacity:0;transform:translateY(-100px) rotateY(0) scale(.7)}70%{transform:translateY(8px) rotateY(1260deg) scale(1.08)}100%{opacity:1;transform:rotateY(1440deg)}}
@media(max-width:700px){.tool-tabs{display:grid;grid-template-columns:1fr 1fr}.dice-types{grid-template-columns:repeat(4,1fr)}.wheel-wrap{max-width:340px}.hero-card.interactive strong{font-size:58px}}

/* Result-first application layout */
.hero-card.interactive{appearance:none;padding:0;font:inherit}.tool-utilities{display:flex;justify-content:flex-end;margin:-18px 0 18px}.tool-panel{grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr)}.result-card{grid-column:1;grid-row:1;position:static;min-width:0}.control-card{grid-column:2;grid-row:1;position:sticky;top:20px}.result-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.wheel-wrap{width:min(100%,360px);aspect-ratio:1;margin:22px auto 10px;overflow:visible}.wheel-wrap canvas{display:block;max-width:100%}.wheel-pointer{top:-18px;border-left-width:20px;border-right-width:20px;border-top:0;border-bottom:36px solid var(--accent);filter:drop-shadow(0 4px 4px #000a)}.result-actions{margin-top:16px}.die{animation:dieRoll 1.45s cubic-bezier(.16,.72,.18,1) both;transform-style:preserve-3d;will-change:transform}.coin.flipping{animation:coinFlip 1.7s cubic-bezier(.12,.7,.18,1) both;will-change:transform}.list-result-card:fullscreen{background:var(--bg);padding:clamp(24px,4vw,64px);display:flex;flex-direction:column;justify-content:center;overflow:auto}.list-result-card:fullscreen .wheel-wrap{width:min(66vh,70vw);max-width:none}.list-result-card:fullscreen .picked-result{min-height:90px}.list-result-card:fullscreen .result-actions,.list-result-card:fullscreen .excluded{display:none}
@keyframes dieRoll{0%{opacity:.2;transform:translate3d(-45px,-150px,0) rotateX(0) rotateY(0) rotateZ(0) scale(.55)}38%{transform:translate3d(35px,18px,0) rotateX(430deg) rotateY(300deg) rotateZ(190deg) scale(1.08)}58%{transform:translate3d(-16px,-30px,0) rotateX(610deg) rotateY(470deg) rotateZ(350deg)}78%{transform:translate3d(8px,7px,0) rotateX(700deg) rotateY(610deg) rotateZ(425deg) scale(1.04)}100%{opacity:1;transform:translate3d(0,0,0) rotateX(720deg) rotateY(720deg) rotateZ(360deg)}}
@keyframes coinFlip{0%{opacity:.25;transform:translateY(0) rotateX(70deg) rotateY(0) scale(.7)}30%{transform:translateY(-115px) rotateX(70deg) rotateY(720deg) scale(.9)}68%{transform:translateY(-28px) rotateX(70deg) rotateY(1440deg) scale(1.08)}84%{transform:translateY(8px) rotateX(70deg) rotateY(1800deg) scale(.96)}100%{opacity:1;transform:translateY(0) rotateX(0) rotateY(2160deg) scale(1)}}
@media(max-width:850px){.tool-panel{grid-template-columns:1fr}.result-card{grid-column:1;grid-row:1}.control-card{grid-column:1;grid-row:2;position:static}.tool-utilities{margin-top:-16px}}
@media(max-width:560px){.tool-panel.active{display:grid}.result-card{margin-top:0}.control-card{margin-top:15px}.wheel-wrap{width:min(100%,300px)}.tool-utilities{justify-content:stretch}.tool-utilities button{width:100%}}
@media(prefers-reduced-motion:reduce){.die,.coin.flipping{animation-duration:.01ms}}

/* Standalone applications — local development */
.app-heading{margin-bottom:25px}.app-switcher{display:flex;gap:7px;max-width:650px;margin:0 auto 24px;padding:5px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.app-switcher a{flex:1;padding:11px;text-align:center;color:var(--muted);text-decoration:none;border-radius:8px;font-weight:700}.app-switcher a.active{color:var(--text);background:var(--surface2)}.app-layout{display:grid}.list-workspace{display:grid;grid-template-columns:230px minmax(420px,1fr) 330px;gap:18px;align-items:start}.list-workspace .control-card,.list-workspace .result-card{padding:24px}.list-library{position:sticky;top:20px}.list-library .card-title{display:grid;gap:12px}.list-library-items{display:grid;gap:7px;max-height:470px;overflow:auto}.library-list{display:grid;gap:2px;text-align:left;border:1px solid var(--line);background:transparent;color:var(--text);padding:11px;border-radius:9px;cursor:pointer}.library-list span{font-size:10px;color:var(--muted)}.library-list.active{border-color:var(--accent);background:#ff613c12}.library-actions{display:grid;gap:7px;margin-top:14px}.picker-card{min-height:650px}.picker-card h2{font:600 24px Unbounded;margin:7px 0}.list-editor-card{position:sticky;top:20px}.list-editor-card .raw-input-wrap{margin-top:14px}.picker-card:fullscreen{background:var(--bg);padding:clamp(25px,4vw,60px);overflow:auto}.picker-card:fullscreen .wheel-wrap{width:min(68vh,75vw);max-width:none}.picker-card:fullscreen .result-actions{display:none}.standalone-app .wheel-pointer{top:-20px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:0;border-top:36px solid var(--accent)}.coin-secret{animation:secretCoinFlip 1.7s cubic-bezier(.12,.7,.18,1) both;transform-style:preserve-3d}.coin-neutral{background:repeating-linear-gradient(90deg,#dca01f 0 5px,#ffe28a 5px 10px);color:transparent}.coin-neutral i{width:50px;height:50px;border:2px dashed #8d5b09;border-radius:50%}.coin-revealed{animation:revealResult .3s ease both}.rolling-die{animation:secretDieRoll 1.55s cubic-bezier(.16,.72,.18,1) both}.rolling-die strong{filter:blur(2px)}
.share-panel{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:15px 0;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.share-panel[hidden]{display:none}.share-panel strong,.share-panel #share-result{grid-column:1/-1}.share-panel #share-result input{width:100%;margin-top:6px}.share-panel p{margin:0;color:var(--muted)}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.application-grid a{min-height:230px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface),transparent);color:var(--text);text-decoration:none;transition:.2s}.application-grid a:hover{border-color:var(--accent);transform:translateY(-3px)}.application-grid span{color:var(--muted);font-size:11px}.application-grid b{display:grid;place-items:center;width:55px;height:55px;margin:25px 0 18px;border-radius:15px;background:var(--accent);color:#fff;font-size:24px}.application-grid h3{font:600 22px Unbounded;margin:0}.application-grid p{color:var(--muted)}
@keyframes secretCoinFlip{0%{opacity:.3;transform:translateY(0) rotateX(74deg) rotateY(0) scale(.7)}35%{transform:translateY(-120px) rotateX(74deg) rotateY(900deg)}75%{transform:translateY(-20px) rotateX(74deg) rotateY(1800deg) scale(1.08)}100%{opacity:1;transform:translateY(0) rotateX(80deg) rotateY(2340deg)}}@keyframes revealResult{from{transform:scale(.85);filter:brightness(1.7)}to{transform:none}}@keyframes secretDieRoll{0%{opacity:.3;transform:translate(-45px,-130px) rotate(0) scale(.6)}38%{transform:translate(32px,12px) rotate(440deg) scale(1.08)}65%{transform:translate(-13px,-28px) rotate(630deg)}85%{transform:translate(6px,6px) rotate(710deg)}100%{opacity:1;transform:none}}
@media(max-width:1050px){.list-workspace{grid-template-columns:210px 1fr}.list-editor-card{grid-column:1/-1;position:static}.application-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.app-switcher{overflow:auto;justify-content:flex-start}.app-switcher a{min-width:95px}.list-workspace{grid-template-columns:1fr}.picker-card{grid-row:1}.list-library{grid-row:2;position:static}.list-editor-card{grid-row:3}.standalone-app .tool-panel.active{display:grid}.application-grid{grid-template-columns:1fr}}

/* Standalone application layout v2 */
.app-toolbar{display:flex;justify-content:flex-end;margin:-12px 0 16px}.sound-toggle{min-width:165px}.list-workspace{grid-template-columns:220px minmax(0,1fr);max-width:1180px;width:100%;margin-inline:auto}.list-library{grid-column:1;grid-row:1}.picker-card{grid-column:2;grid-row:1;min-width:0}.list-editor-card{grid-column:2;grid-row:2;position:static}.picker-head-actions{display:flex;align-items:end;gap:10px}.picker-head-actions label{display:grid;gap:5px;font-size:9px;color:var(--muted);letter-spacing:.12em}.picker-head-actions select{min-width:145px;padding:9px 34px 9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface2)}.wheel-wrap[hidden],.reel-window[hidden]{display:none}.die{animation:none}.rolling-die{animation:secretDieRoll 1.55s cubic-bezier(.16,.72,.18,1) both}
@media(max-width:750px){.app-toolbar{justify-content:stretch}.sound-toggle{width:100%}.list-workspace{grid-template-columns:1fr}.picker-card{grid-column:1;grid-row:1}.list-library{grid-row:2}.list-editor-card{grid-column:1;grid-row:3}.picker-head-actions{align-items:stretch;flex-direction:column}.result-card-head{align-items:flex-start}}
.app-history{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.app-history-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.app-history-head h2{font:600 22px Unbounded;margin:5px 0}.history-list{display:grid;gap:7px;margin-top:18px}.history-item{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:9px;background:var(--surface2)}.history-item time,.history-item span,.history-empty{color:var(--muted);font-size:12px}.history-item strong{overflow:hidden;text-overflow:ellipsis}.history-empty{margin:0;padding:18px 0;text-align:center}@media(max-width:600px){.history-item{grid-template-columns:1fr auto}.history-item time{grid-column:1/-1}.history-item span{text-align:right}}
.library-list.shared-list{position:relative;padding-left:14px}.library-list.shared-list:before{content:"↗";position:absolute;right:10px;top:9px;color:var(--accent);font-size:12px}.library-list.shared-list .library-meta{padding-right:16px;color:var(--accent)}
.library-entry{position:relative;display:grid}.library-entry .library-list{width:100%}.library-entry.subscribed-entry .library-list{padding-right:38px}.library-entry.subscribed-entry .library-list:before{display:none}.unsubscribe-list{position:absolute;right:7px;top:7px;width:27px;height:27px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:19px;line-height:1;cursor:pointer;z-index:2}.unsubscribe-list:hover{color:#ff6c66;border-color:#ff6c6655;background:#ff6c6610}
.library-list .library-roles{margin-top:4px;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.library-list .library-roles[hidden]{display:none}

/* Read-only admin dashboard */
.admin-page{padding-block:45px 80px}.admin-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-head h1{margin:4px 0;font:600 clamp(30px,5vw,52px) Unbounded}.admin-head>div>p:last-child{margin:8px 0 0;color:var(--muted)}.admin-live{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.admin-live i{width:7px;height:7px;border-radius:50%;background:#20b486;box-shadow:0 0 10px #20b486}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-metrics article,.admin-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.admin-metrics article{display:grid;gap:6px;padding:20px}.admin-metrics span,.admin-metrics small{color:var(--muted);font-size:9px}.admin-metrics strong{font:600 29px Unbounded}.admin-metrics small{color:#20b486}.admin-panels{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:12px;margin-top:12px}.admin-card{padding:22px}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-card-head h2{margin:4px 0 0;font:600 18px Unbounded}.admin-card-head h2 span{color:var(--muted);font-size:12px}.admin-bars{height:170px;display:flex;align-items:end;gap:7px}.admin-bars>div{height:100%;display:flex;flex:1;align-items:center;justify-content:end;flex-direction:column;gap:6px}.admin-bars i{width:100%;min-height:5px;border-radius:5px 5px 2px 2px;background:linear-gradient(#ff7658,var(--accent));transition:.2s}.admin-bars>div:hover i{filter:brightness(1.2)}.admin-bars span{color:var(--muted);font-size:7px}.admin-products dl{display:grid;gap:8px;margin:0}.admin-products dl div{display:flex;justify-content:space-between;padding:12px;border-radius:9px;background:var(--surface2)}.admin-products dt{color:var(--muted);font-size:10px}.admin-products dd{margin:0;font:600 14px Unbounded}.admin-users{margin-top:12px}.admin-card-head form{display:flex;gap:7px}.admin-card-head input{width:210px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text)}.admin-table-wrap{overflow-x:auto}.admin-users table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-users th,.admin-users td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:9px;text-align:left}.admin-users th{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.admin-users td:first-child a{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.admin-users td:first-child small{color:var(--muted)}.admin-users td>b{color:#20b486}.admin-empty{text-align:center!important;color:var(--muted)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:17px}.admin-pagination a{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--text);text-decoration:none}.admin-pagination span{color:var(--muted);font-size:9px}@media(max-width:900px){.admin-metrics{grid-template-columns:1fr 1fr}.admin-panels{grid-template-columns:1fr}.admin-card-head{align-items:flex-start;flex-direction:column}.admin-card-head form,.admin-card-head input{width:100%}}@media(max-width:520px){.admin-page{padding-top:25px}.admin-head{align-items:flex-start;flex-direction:column}.admin-metrics{grid-template-columns:1fr}.admin-card{padding:15px}.admin-bars{gap:3px}.admin-card-head form{display:grid;grid-template-columns:1fr auto}}

/* Responsive CS-style reel */
@media(min-width:701px){.picker-card .reel-window{height:160px;width:100%;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.picker-card #reel-track{display:flex;width:max-content;height:100%;will-change:transform}.picker-card .reel-item,.picker-card .reel-placeholder{flex:0 0 180px;width:180px;height:100%;padding:0 18px}.picker-card .reel-marker{left:50%;right:auto;top:0;width:180px;height:100%;transform:translateX(-50%);border-block:0;border-inline:1px solid var(--accent)}}
@media(max-width:700px){.picker-card .reel-window{height:220px;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.picker-card #reel-track{display:block;width:100%;will-change:transform}.picker-card .reel-item,.picker-card .reel-placeholder{width:100%;height:72px}.picker-card .reel-marker{left:0;right:0;top:74px;width:auto;height:72px;transform:none;border-inline:0;border-block:1px solid var(--accent)}}

.picker-card .reel-item{position:relative;background:linear-gradient(145deg,var(--surface2),color-mix(in srgb,var(--surface2) 72%,var(--accent) 28%));border:1px solid var(--line);border-radius:11px;box-shadow:inset 0 0 0 5px var(--surface),0 8px 22px #0002;color:var(--text);transform:scale(.93)}.picker-card .reel-item:after{content:"";position:absolute;background:var(--line)}.picker-card .reel-marker{z-index:3;border-color:var(--accent);background:#ff613c12;box-shadow:inset 0 0 0 2px #ff613c24,0 0 28px #ff613c18}.picker-card .reel-marker:after{content:"";position:absolute;filter:drop-shadow(0 3px 3px #0008)}
@media(min-width:701px){.picker-card #reel-track{align-items:center}.picker-card .reel-item,.picker-card .reel-placeholder{height:120px}.picker-card .reel-item:after{right:-10px;top:18px;width:1px;height:84px}.picker-card .reel-marker{top:20px;height:120px;border-block:1px solid var(--accent);border-inline:2px solid var(--accent);border-radius:12px}.picker-card .reel-marker:after{left:50%;top:-18px;transform:translateX(-50%);border-left:11px solid transparent;border-right:11px solid transparent;border-top:15px solid var(--accent)}}
@media(max-width:700px){.picker-card .reel-item{transform:scale(.96,.88)}.picker-card .reel-item:after{left:12%;right:12%;bottom:-6px;height:1px}.picker-card .reel-marker{border-block:2px solid var(--accent);border-radius:10px}.picker-card .reel-marker:after{left:-17px;top:50%;transform:translateY(-50%);border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:15px solid var(--accent)}}
.picker-card .skeleton-card{position:relative;overflow:hidden;background:var(--surface2);border:1px solid var(--line);border-radius:11px;transform:scale(.93)}.picker-card .skeleton-card i{display:block;width:58%;height:13px;border-radius:999px;background:linear-gradient(90deg,var(--line),color-mix(in srgb,var(--line) 55%,var(--muted) 45%),var(--line));background-size:220% 100%;animation:skeletonSlide 1.8s ease-in-out infinite}@keyframes skeletonSlide{0%,100%{background-position:100% 0;opacity:.55}50%{background-position:0 0;opacity:1}}@media(max-width:700px){.picker-card .skeleton-card{transform:scale(.96,.88)}}

/* Goyya Watch */
.watch-lobby{padding:90px 0 120px;max-width:900px}.watch-lobby h1{font:600 clamp(44px,7vw,82px)/1.05 Unbounded;margin:15px 0}.watch-lead{max-width:680px;color:var(--muted);font-size:18px}.watch-create-card{display:grid;grid-template-columns:1fr 1.6fr auto;gap:14px;align-items:end;margin-top:42px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.watch-create-card label{display:grid;gap:8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em}.watch-error{grid-column:1/-1;margin:0;color:#ff6c66}.watch-support{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;color:var(--muted)}.watch-support strong{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:12px}.watch-support small{flex-basis:100%}
.watch-room{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;padding:48px 0 90px}.watch-room-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:20px}.watch-room-head a{color:var(--muted);text-decoration:none}.watch-room-head .kicker{margin:18px 0 4px}.watch-room-head h1{font:600 clamp(28px,4vw,48px) Unbounded;margin:0}.watch-room-meta{display:grid;gap:6px;text-align:right;color:var(--muted)}.watch-connection:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#efc84a}.watch-connection.online:before{background:#20b486}.watch-connection.offline:before{background:#ff6c66}.watch-stage,.watch-side section{border:1px solid var(--line);border-radius:18px;background:var(--surface)}.watch-stage{overflow:hidden}.watch-player-shell{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:#050506}.watch-player-shell video,.watch-player-shell iframe,#watch-youtube{width:100%;height:100%;border:0}.watch-player-shell:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.watch-join{position:absolute;inset:0;display:grid;place-content:center;gap:8px;border:0;background:#070809d9;color:#fff;text-align:center;cursor:pointer;z-index:4}.watch-join[hidden]{display:none}.watch-join strong{font:600 clamp(20px,3vw,32px) Unbounded}.watch-join span{color:#aaa}.watch-controls{display:grid;grid-template-columns:45px auto minmax(100px,1fr) auto 42px;align-items:center;gap:12px;padding:15px 18px;border-top:1px solid var(--line)}.watch-controls button{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);cursor:pointer}.watch-controls button:disabled{opacity:.45;cursor:not-allowed}.watch-controls span{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.watch-controls input{width:100%;padding:0;accent-color:var(--accent)}.watch-syncbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-top:1px solid var(--line)}.watch-syncbar>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px}.watch-syncbar small{grid-column:2;color:var(--muted)}.sync-dot{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#20b486}.watch-drift.off{color:#ff6c66}.watch-side{display:grid;gap:15px;align-content:start}.watch-side section{padding:22px}.watch-side h2,.watch-side h3{font:600 20px Unbounded;margin:6px 0}.watch-side p:not(.mini-label){color:var(--muted)}.watch-share{display:grid;gap:8px}.watch-share input{width:100%;font-size:11px}.watch-share button,.subtle-button{border:1px solid var(--line);border-radius:9px;background:var(--surface2);padding:10px 13px;cursor:pointer}
.watch-room.viewer .watch-player-shell video,.watch-room.viewer .watch-player-shell iframe{pointer-events:none}@media(max-width:900px){.watch-create-card{grid-template-columns:1fr}.watch-room{grid-template-columns:1fr}.watch-room-head{align-items:start}.watch-side{grid-template-columns:1fr 1fr}}@media(max-width:600px){.watch-lobby{padding-top:55px}.watch-room{padding-top:30px}.watch-room-head{display:grid}.watch-room-meta{text-align:left}.watch-controls{grid-template-columns:42px 1fr 42px}.watch-controls #watch-current,.watch-controls #watch-duration{display:none}.watch-syncbar{align-items:stretch;flex-direction:column}.watch-side{grid-template-columns:1fr}}

/* Thematic application groups */
.app-groups{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px}.app-group{position:relative;min-height:540px;padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 86%,var(--accent) 14%));overflow:hidden}.group-copy{position:relative;z-index:2;max-width:520px}.group-copy h3{font:600 clamp(28px,3vw,42px) Unbounded;margin:7px 0 12px}.group-copy>p:last-child{color:var(--muted);max-width:500px}.random-visual{position:relative;height:210px;margin:17px 0}.mini-wheel{position:absolute;left:5%;top:18px;width:180px;height:180px;border:10px solid var(--surface2);border-radius:50%;background:conic-gradient(var(--accent) 0 19%,#6658f5 19% 38%,#20b486 38% 57%,#efc84a 57% 76%,#3898ec 76%);box-shadow:0 25px 55px #0005;transform:rotate(-12deg)}.mini-wheel:after{content:"";position:absolute;inset:58px;border:8px solid var(--surface);border-radius:50%;background:var(--text)}.mini-wheel i{position:absolute;z-index:2;right:-19px;top:72px;border-block:12px solid transparent;border-right:24px solid var(--text)}.mini-result{position:absolute;left:38%;top:33px;width:180px;height:130px;display:grid;place-content:center;text-align:center;border:1px solid #ffffff1c;border-radius:18px;background:#ffffff0b;backdrop-filter:blur(14px);transform:rotate(3deg);box-shadow:var(--shadow)}.mini-result span{font-size:9px;letter-spacing:.15em;color:var(--muted)}.mini-result strong{font:600 58px/1.2 Unbounded;color:var(--accent)}.mini-die{position:absolute;right:6%;bottom:8px;width:80px;height:80px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,var(--accent),var(--accent2));font-size:38px;color:#fff;transform:rotate(11deg);box-shadow:0 18px 35px #ff613c35}.group-apps{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px}.group-apps a,.group-primary{display:flex;align-items:center;gap:11px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface2) 90%,transparent);color:var(--text);text-decoration:none;transition:.2s}.group-apps a:hover,.group-primary:hover{border-color:var(--accent);transform:translateY(-2px)}.group-apps a>b{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#ff613c16;color:var(--accent);font-size:18px}.group-apps a>span,.group-primary>span{display:grid;min-width:0}.group-apps strong,.group-primary strong{font-size:13px}.group-apps small,.group-primary small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.group-apps i,.group-primary>i{margin-left:auto;color:var(--muted);font-style:normal}.watch-group{display:flex;flex-direction:column;background:radial-gradient(circle at 70% 35%,#6658f528,transparent 45%),linear-gradient(145deg,var(--surface),#11121a)}.watch-visual{position:relative;display:grid;place-items:center;flex:1;min-height:250px}.watch-screen{position:relative;width:90%;aspect-ratio:16/10;border:8px solid #23262d;border-radius:18px;background:linear-gradient(135deg,#292d38,#101116);box-shadow:0 28px 60px #0008;transform:perspective(700px) rotateY(-6deg)}.watch-screen span{position:absolute;left:14px;top:12px;color:#20b486;font-size:8px;font-weight:800;letter-spacing:.12em}.watch-screen b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:30px}.watch-screen i{position:absolute;left:12px;right:12px;bottom:13px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent) 0 58%,#ffffff25 58%)}.viewer-stack{position:absolute;right:2%;bottom:17px;display:flex}.viewer-stack i{width:35px;height:35px;display:grid;place-items:center;margin-left:-8px;border:3px solid var(--surface);border-radius:50%;background:#6658f5;color:#fff;font-size:10px;font-style:normal;font-weight:800}.viewer-stack i:nth-child(2){background:#20b486}.viewer-stack i:nth-child(3){background:var(--accent)}.group-primary{padding:16px;background:var(--accent);border-color:var(--accent);color:#fff}.group-primary:hover{background:#ff704f}.group-primary small,.group-primary>i{color:#ffffffb8}
@media(max-width:950px){.app-groups{grid-template-columns:1fr}.app-group{min-height:auto}.watch-visual{min-height:300px}.watch-screen{width:min(520px,85%)}}@media(max-width:600px){.app-group{padding:23px}.random-visual{height:185px}.mini-wheel{left:-26px;width:155px;height:155px}.mini-wheel:after{inset:48px}.mini-wheel i{top:60px}.mini-result{left:31%;width:150px;height:115px}.mini-result strong{font-size:47px}.mini-die{right:-8px;width:65px;height:65px}.group-apps{grid-template-columns:1fr}.watch-visual{min-height:220px}}

/* Watch rooms and presence */
.watch-library{margin-top:55px;padding-top:38px;border-top:1px solid var(--line)}.watch-library h2{font:600 28px Unbounded;margin:6px 0 22px}.watch-room-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.watch-room-list article{position:relative;display:grid;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.watch-room-list article>a{display:flex;align-items:center;gap:12px;padding:14px 46px 14px 14px;color:var(--text);text-decoration:none}.watch-room-list article>a>span:nth-child(2){display:grid;min-width:0}.watch-room-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-room-list small{color:var(--muted)}.watch-room-icon{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#6658f51c;color:#8d83ff}.watch-delete{position:absolute;right:10px;top:16px;width:31px;height:31px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.watch-delete:hover{background:#ff6c6615;color:#ff6c66}.watch-side .mini-label span{float:right;color:var(--muted)}.watch-participants{display:grid;gap:8px;margin-top:14px}.watch-participants>p{margin:0}.watch-participants>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.watch-participants i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#6658f5,#8d83ff);color:#fff;font-style:normal;font-weight:800}.watch-participants small{color:var(--muted);font-size:9px}.watch-control-toggle{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--text);font-size:12px}.watch-control-toggle input{accent-color:var(--accent)}@media(max-width:650px){.watch-room-list{grid-template-columns:1fr}}
.watch-countdown{position:absolute;z-index:5;display:grid;place-items:center;inset:0;background:#050506b8;color:#fff;font:700 clamp(70px,14vw,150px) Unbounded}.watch-countdown[hidden]{display:none}.watch-sync-actions{display:flex;gap:8px}.watch-playlist{display:grid;gap:7px;margin-top:13px}.watch-playlist button{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);text-align:left;cursor:pointer}.watch-playlist button.active{border-color:var(--accent)}.watch-playlist small{color:var(--muted)}#watch-add-video{display:grid;gap:7px;margin-top:12px}#watch-add-video input{width:100%;padding:9px}#watch-add-video button,.reclaim-host{padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);cursor:pointer}.make-host{cursor:pointer;color:var(--accent)!important}.reclaim-host{width:100%;margin-top:5px;font-size:10px}
.watch-reactions-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.watch-reactions-layer span{position:absolute;bottom:-40px;font-size:34px;animation:watchReaction 2.2s ease-out forwards}.watch-reactions-layer .sticker-reaction{width:112px;height:112px;animation-duration:3.6s}.watch-reactions-layer .sticker-reaction img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px #0008)}.watch-chat{display:grid;gap:8px;max-height:310px;overflow:auto;margin:12px -6px;padding:0 6px}.watch-chat>p{margin:0}.watch-chat article{padding:9px;border-radius:9px;background:var(--surface2)}.watch-chat header{display:flex;justify-content:space-between;gap:8px}.watch-chat header strong{font-size:11px}.watch-chat time{color:var(--muted);font-size:9px}.watch-chat article p{margin:5px 0;color:var(--text)!important;font-size:12px;overflow-wrap:anywhere}.watch-chat article button{padding:0;border:0;background:none;color:var(--accent);font-size:9px;cursor:pointer}.watch-reactions{display:flex;justify-content:space-between;gap:3px}.watch-reactions button{padding:5px;border:0;border-radius:7px;background:var(--surface2);cursor:pointer}.watch-sticker-picker{position:relative}.watch-sticker-trigger{height:100%;font-size:17px}.watch-sticker-panel{position:absolute;z-index:30;right:0;bottom:calc(100% + 8px);display:grid;grid-template-columns:repeat(3,62px);gap:5px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 16px 45px #0008;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px) scale(.98);transform-origin:bottom right;transition:.16s ease}.watch-sticker-picker:hover .watch-sticker-panel,.watch-sticker-picker:focus-within .watch-sticker-panel,.watch-sticker-picker.open .watch-sticker-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}.watch-sticker-panel button{display:grid;place-items:center;width:62px;height:62px;padding:3px}.watch-sticker-panel img{max-width:100%;max-height:100%;object-fit:contain}.watch-chat-section form{display:grid;grid-template-columns:1fr 38px;gap:7px;margin-top:8px}.watch-chat-section form input{min-width:0;padding:9px}.watch-chat-section form button{border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}@keyframes watchReaction{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translateY(-330px) scale(1.35)}}
.watch-chat-overlay{position:absolute;z-index:4;left:18px;bottom:18px;width:min(390px,calc(100% - 36px));display:flex;flex-direction:column;gap:7px;pointer-events:none}.watch-chat-overlay div{display:grid;gap:2px;width:max-content;max-width:100%;padding:9px 12px;border-radius:10px;background:#090a0bd9;color:#fff;box-shadow:0 8px 24px #0007;animation:chatOverlay 5.2s ease forwards}.watch-chat-overlay strong{font-size:10px;color:var(--accent)}.watch-chat-overlay span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-under-player{padding:18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%)}.watch-playlist-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.watch-playlist-head h3{font:600 18px Unbounded;margin:4px 0}.watch-playlist-head>span{color:var(--muted);font-size:11px}.watch-under-player .watch-playlist{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-under-player .watch-playlist button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center}.watch-playlist button b{color:var(--muted);font-size:9px}.watch-under-player #watch-add-video{grid-template-columns:1fr 1.5fr auto}.watch-syncbar>.watch-sync-actions{display:flex;grid-template-columns:none;flex-wrap:wrap;justify-content:flex-end}@keyframes chatOverlay{0%{opacity:0;transform:translateY(8px)}8%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}@media(max-width:700px){.watch-under-player .watch-playlist{grid-template-columns:1fr}.watch-under-player #watch-add-video{grid-template-columns:1fr}.watch-syncbar>.watch-sync-actions{justify-content:stretch}.watch-sync-actions button{flex:1}.watch-chat-overlay{bottom:12px;left:12px;width:calc(100% - 24px)}}
.watch-chat-overlay{position:absolute;z-index:4;left:18px;bottom:18px;width:min(390px,calc(100% - 36px));display:flex;flex-direction:column;gap:7px;pointer-events:none}.watch-chat-overlay div{display:grid;gap:2px;width:max-content;max-width:100%;padding:9px 12px;border-radius:10px;background:#090a0bd9;color:#fff;box-shadow:0 8px 24px #0007;animation:chatOverlay 5.2s ease forwards}.watch-chat-overlay strong{font-size:10px;color:var(--accent)}.watch-chat-overlay span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-camera-preview,.watch-remote-camera{position:relative;aspect-ratio:16/10;border:2px solid #ffffff35;border-radius:13px;background:#111;box-shadow:0 14px 40px #000b;overflow:hidden}.watch-camera-preview{position:absolute;z-index:6;right:16px;bottom:16px;width:clamp(125px,22%,210px)}.watch-camera-preview[hidden]{display:none}.watch-camera-preview video,.watch-remote-camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.watch-camera-preview span,.watch-remote-camera span{position:absolute;left:8px;bottom:6px;padding:3px 6px;border-radius:6px;background:#0009;color:#fff;font-size:8px}.watch-camera-preview button{position:absolute;right:6px;top:6px;width:25px;height:25px;border:0;border-radius:50%;background:#000a;color:#fff;font-size:18px;cursor:pointer}.watch-remote-cameras{position:absolute;z-index:6;right:16px;bottom:16px;display:flex;flex-direction:row-reverse;align-items:end;gap:8px;max-width:calc(100% - 32px);pointer-events:none}.watch-remote-camera{width:clamp(125px,20vw,190px)}.watch-camera-toggle{width:100%;color:var(--text)}.watch-camera-toggle.active{border-color:#ff6c66!important;color:#ff8b86}.watch-camera-status{color:var(--muted);font-size:9px}.watch-stage:fullscreen .watch-camera-preview,.watch-stage:fullscreen .watch-remote-cameras{right:20px;bottom:88px}.watch-stage:fullscreen .watch-camera-preview{width:min(22vw,230px)}.watch-under-player{padding:18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%)}.watch-playlist-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.watch-playlist-head h3{font:600 18px Unbounded;margin:4px 0}.watch-playlist-head>span{color:var(--muted);font-size:11px}.watch-under-player .watch-playlist{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-under-player .watch-playlist button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center}.watch-playlist button b{color:var(--muted);font-size:9px}.watch-under-player #watch-add-video{grid-template-columns:1fr 1.5fr auto}.watch-syncbar>.watch-sync-actions{display:flex;grid-template-columns:none;flex-wrap:wrap;justify-content:flex-end}@keyframes chatOverlay{0%{opacity:0;transform:translateY(8px)}8%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}@media(max-width:700px){.watch-under-player .watch-playlist{grid-template-columns:1fr}.watch-under-player #watch-add-video{grid-template-columns:1fr}.watch-syncbar>.watch-sync-actions{justify-content:stretch}.watch-sync-actions button{flex:1}.watch-chat-overlay{bottom:12px;left:12px;width:calc(100% - 24px)}.watch-camera-preview,.watch-remote-cameras{right:9px;bottom:9px}.watch-camera-preview{width:120px}.watch-remote-camera{width:112px}.watch-stage:fullscreen .watch-camera-preview,.watch-stage:fullscreen .watch-remote-cameras{right:10px;bottom:76px}.watch-stage:fullscreen .watch-camera-preview{width:130px}}
.watch-playlist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}.watch-playlist-row.active{border-color:var(--accent)}.watch-playlist-row .pick-video{border:0;background:transparent}.playlist-actions{display:flex;align-items:center;padding-right:5px}.playlist-actions button{display:block!important;width:25px;padding:4px!important;border:0!important;background:transparent!important;color:var(--muted)!important}.playlist-actions button:last-child{color:#ff6c66!important}
.watch-access{max-width:620px;padding:100px 0 140px}.watch-access h1{font:600 clamp(38px,6vw,65px) Unbounded;margin:14px 0}.watch-access>p{color:var(--muted)}.watch-access form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:30px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.watch-access label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:800}.watch-create-card{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-create-card>.button{align-self:end}@media(max-width:760px){.watch-create-card{grid-template-columns:1fr}.watch-access form{grid-template-columns:1fr}}
.watch-controls{grid-template-columns:45px auto minmax(100px,1fr) auto 42px 42px}.watch-player-settings{position:relative;z-index:12}.watch-player-settings summary{width:42px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface2);font-size:17px;cursor:pointer;list-style:none}.watch-player-settings summary::-webkit-details-marker{display:none}.watch-player-settings[open] summary{border-color:var(--accent);color:var(--accent)}.watch-settings-menu{position:absolute;right:0;bottom:calc(100% + 11px);width:min(290px,calc(100vw - 30px));display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 18px 50px #000b;backdrop-filter:blur(18px)}.watch-settings-menu>strong{font:600 13px Unbounded}.watch-settings-menu label{display:flex;align-items:center;gap:9px;min-height:35px;color:var(--muted);font-size:11px}.watch-settings-menu input{accent-color:var(--accent)}.watch-settings-menu .watch-volume-control{display:grid;grid-template-columns:1fr auto}.watch-volume-control input{grid-column:1;width:100%}.watch-volume-control small{grid-column:2;grid-row:1/3;color:var(--muted);font-size:10px}.watch-settings-menu .watch-personal-check{padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface2)}.watch-settings-menu .watch-personal-check input{width:auto}.watch-history{border-top:1px solid var(--line)}#watch-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}#watch-history-list>a{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:8px;background:var(--surface2);color:var(--text);text-decoration:none}#watch-history-list span,#watch-history-list>p{color:var(--muted);font-size:10px}@media(max-width:650px){#watch-history-list{grid-template-columns:1fr}}
.watch-access-settings{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.watch-access-settings summary{color:var(--accent);font-size:11px;cursor:pointer}.watch-access-settings form{display:grid;gap:7px;margin-top:10px}.watch-access-settings input,.watch-access-settings select{width:100%;padding:9px}.watch-access-settings button{padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);cursor:pointer}.watch-access-settings #watch-rotate{color:#ffb25d}
.watch-link-status{display:block;grid-column:1/-1;max-width:520px;margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:0;line-height:1.35}.watch-link-status.ok{color:#20b486}.watch-link-status.warning{color:#efc84a}.watch-link-status.error{color:#ff6c66}#watch-add-video .watch-link-status{grid-column:1/-1}
.watch-camera-preview{left:16px;right:auto}.watch-stage:fullscreen .watch-camera-preview{left:20px;right:auto}@media(max-width:700px){.watch-camera-preview{left:9px;right:auto}.watch-stage:fullscreen .watch-camera-preview{left:10px;right:auto}}
.watch-remote-camera>small{position:absolute;inset:0;display:grid;place-items:center;color:#aaa;font-size:9px;background:#111}.watch-remote-camera.playing>small{display:none}

/* Profiles */
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-page{padding:65px 0 110px}.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 85% 20%,#6658f526,transparent 35%),var(--surface)}.profile-avatar{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--accent),#6658f5);color:#fff;font:700 16px Unbounded;overflow:hidden}.profile-avatar.large{width:118px;height:118px;border-radius:30px;font-size:42px;box-shadow:0 20px 50px #0006}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity h1{margin:2px 0;font:600 clamp(30px,5vw,55px) Unbounded}.profile-identity>p:not(.kicker){margin:3px 0;color:var(--muted)}.profile-level{display:grid;grid-template-columns:auto minmax(100px,240px) auto;align-items:center;gap:9px;margin-top:13px;font-size:10px}.profile-level i{height:5px;border-radius:9px;background:var(--line);overflow:hidden}.profile-level b{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#6658f5)}.profile-level small{color:var(--muted)}.profile-actions form{margin:0}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;margin-top:18px}.profile-main,.profile-side{display:grid;align-content:start;gap:18px}.profile-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.profile-card h2{margin:3px 0;font:600 20px Unbounded}.profile-bio{max-width:700px;color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.profile-stats div{display:grid;padding:14px;border-radius:12px;background:var(--surface2)}.profile-stats strong{font:600 22px Unbounded}.profile-stats span{color:var(--muted);font-size:9px}.profile-section-head{display:flex;justify-content:space-between;align-items:end}.profile-section-head>span{color:var(--muted)}.achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.achievement{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.achievement>i{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--accent),#ff9b49);color:#fff;font-size:22px;font-style:normal}.achievement.rare>i{background:linear-gradient(145deg,#6658f5,#3898ec)}.achievement p{margin:2px 0;color:var(--muted);font-size:9px}.achievement small{color:var(--accent);font-size:8px}.achievement.locked{opacity:.4;filter:grayscale(1)}.profile-history,.profile-people{display:grid;gap:7px;margin-top:14px}.profile-history a,.profile-people a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--surface2);color:var(--text);text-decoration:none}.profile-history>a>i{width:42px;color:var(--accent);font-size:8px;font-style:normal;font-weight:800}.profile-history>a>span,.profile-people>a>span{display:grid;min-width:0}.profile-history small,.profile-people small{color:var(--muted);font-size:9px}.profile-history b{margin-left:auto}.profile-settings form{display:grid;gap:9px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.profile-settings label{display:grid;gap:5px;color:var(--muted);font-size:9px}.profile-settings input,.profile-settings textarea,.profile-settings select{width:100%}.profile-settings input[type=file]{font-size:9px}

/* Watch ambient lighting */
.watch-ambient-glow{position:absolute;z-index:0;inset:6%;border-radius:24%;background:radial-gradient(circle at 18% 30%,#ff613c 0,transparent 42%),radial-gradient(circle at 82% 34%,#6658f5 0,transparent 45%),radial-gradient(circle at 50% 88%,#20b486 0,transparent 46%);filter:blur(42px);opacity:0;transform:scale(.92);transition:opacity .5s,transform .5s;animation:watchAmbient 9s ease-in-out infinite alternate}.watch-player-shell.ambient-enabled{overflow:visible;background:#08090b}.watch-player-shell.ambient-enabled .watch-ambient-glow{opacity:.72;transform:scale(1.12)}.watch-player-shell>video,.watch-player-shell>iframe,.watch-player-shell>#watch-youtube{position:relative;z-index:1}.watch-player-shell.ambient-enabled>video,.watch-player-shell.ambient-enabled>iframe,.watch-player-shell.ambient-enabled>#watch-youtube{width:96%;height:94%;border-radius:10px;box-shadow:0 0 55px #6658f533}@keyframes watchAmbient{0%{filter:blur(38px) hue-rotate(0deg)}100%{filter:blur(52px) hue-rotate(32deg)}}
@media(max-width:800px){.profile-hero{grid-template-columns:auto 1fr}.profile-actions{grid-column:1/-1}.profile-grid{grid-template-columns:1fr}.profile-side{order:-1}.achievement-grid{grid-template-columns:1fr}}@media(max-width:520px){.profile-page{padding-top:25px}.profile-hero{padding:18px;gap:15px}.profile-avatar.large{width:78px;height:78px;border-radius:21px;font-size:28px}.profile-card{padding:17px}.profile-stats{grid-template-columns:1fr}.profile-level{grid-template-columns:auto 1fr}.profile-level small{display:none}}

/* Reaction packs */
.watch-sticker-panel{display:block;width:320px;padding:9px}.watch-sticker-head{position:relative;display:flex;align-items:center;gap:6px;margin-bottom:8px}.watch-sticker-tabs{display:flex;flex:1;gap:4px;overflow:auto}.watch-sticker-panel .watch-sticker-tabs button{flex:0 0 36px;width:36px;height:34px;padding:3px;font-size:12px}.watch-sticker-tabs button.active{background:var(--accent);color:#fff}.watch-pack-settings{position:relative}.watch-pack-settings>summary{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:var(--surface2);cursor:pointer;list-style:none}.watch-pack-settings>summary::-webkit-details-marker{display:none}#watch-pack-toggles{position:absolute;z-index:4;right:0;top:42px;width:210px;display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 15px 35px #000a}#watch-pack-toggles label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px;border-radius:7px;background:var(--surface2);font-size:10px}#watch-pack-toggles input{accent-color:var(--accent)}#watch-pack-toggles small{color:var(--muted)}.watch-sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-height:300px;overflow:auto}.watch-sticker-panel .watch-sticker-grid button{width:100%;height:66px;padding:4px}.watch-sticker-grid>span{grid-column:1/-1;padding:20px;color:var(--muted);font-size:10px;text-align:center}@media(max-width:420px){.watch-sticker-panel{position:fixed;right:8px;bottom:68px;width:calc(100vw - 16px)}.watch-sticker-grid{grid-template-columns:repeat(4,1fr);max-height:45dvh}.watch-sticker-panel .watch-sticker-grid button{height:70px}}
.watch-join input{width:min(280px,80vw);padding:11px;text-align:center;background:#ffffff10;border-color:#ffffff25}.watch-join>button{justify-self:center;padding:11px 18px;border:0;border-radius:9px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.watch-personal-check{font-size:10px;color:var(--muted)}.watch-personal-check input{width:auto;accent-color:var(--accent)}

/* Mobile layout */
.watch-stage:fullscreen{position:relative;width:100vw;height:100dvh;display:block;background:#050506;border:0;border-radius:0}.watch-stage:fullscreen .watch-player-shell{height:100%;aspect-ratio:auto}.watch-stage:fullscreen .watch-controls{position:absolute;z-index:15;left:0;right:0;bottom:0;background:linear-gradient(transparent,#090a0bf2 42%);padding-top:34px;padding-bottom:max(15px,env(safe-area-inset-bottom));border:0;transition:opacity .28s ease,transform .28s ease}.watch-stage:fullscreen.controls-hidden{cursor:none}.watch-stage:fullscreen.controls-hidden .watch-controls{opacity:0;transform:translateY(18px);pointer-events:none}.watch-stage:fullscreen .watch-syncbar,.watch-stage:fullscreen .watch-under-player{display:none}
@media(max-width:600px){
  .shell{width:calc(100% - 24px)}
  .topbar{height:68px}.main-nav{display:none}.account-zone{gap:7px}.button.small{padding:9px 11px}.nav-login{padding:8px}.user-chip>span:nth-child(2),.user-chip>i{display:none}.user-chip{padding:4px}.icon-button{width:38px;height:38px}
  .watch-lobby{padding:38px 0 75px}.watch-lobby h1{font-size:clamp(36px,12vw,54px)}.watch-lead{font-size:15px}.watch-create-card{margin-top:28px;padding:16px;border-radius:14px}.watch-create-card input,.watch-create-card select,.watch-create-card button{min-height:46px}.watch-support{align-items:flex-start}
  .watch-room{gap:12px;padding:20px 0 max(70px,env(safe-area-inset-bottom))}.watch-room-head{gap:8px}.watch-room-head .kicker{margin:12px 0 2px}.watch-room-head h1{font-size:clamp(23px,8vw,34px);overflow-wrap:anywhere}.watch-room-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 14px;font-size:11px}
  .watch-stage,.watch-side section{border-radius:13px}.watch-player-shell{min-height:210px}.watch-join{padding:20px 14px}.watch-join strong{font-size:20px}.watch-join span{max-width:290px;font-size:11px}.watch-join input{width:min(280px,100%);min-height:46px}.watch-join>button{width:min(280px,100%);min-height:46px}
  .watch-controls{grid-template-columns:46px minmax(0,1fr) auto 46px 46px;grid-template-areas:"play progress time full settings";gap:8px;padding:11px}.watch-controls #watch-toggle{grid-area:play}.watch-controls #watch-progress{grid-area:progress;min-width:0;height:28px}.watch-controls #watch-current{display:none}.watch-controls #watch-duration{display:block;grid-area:time;font-size:10px}.watch-controls #watch-fullscreen{grid-area:full}.watch-player-settings{grid-area:settings}.watch-controls button,.watch-player-settings summary{min-width:44px;height:44px}.watch-settings-menu{position:fixed;right:12px;bottom:72px}
  .watch-syncbar{gap:12px;padding:13px}.watch-syncbar>.watch-sync-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.watch-sync-actions button{min-height:42px;padding:8px;font-size:10px}.watch-sync-actions button:only-child{grid-column:1/-1}
  .watch-under-player{padding:15px 12px}.watch-playlist-head{align-items:center}.watch-playlist-head h3{font-size:15px}.watch-playlist-row{min-height:54px}.watch-under-player .watch-playlist button{grid-template-columns:23px minmax(0,1fr) auto}.playlist-actions button{width:32px!important;min-height:42px}.watch-under-player #watch-add-video input,.watch-under-player #watch-add-video button{min-height:44px}
  .watch-side{gap:12px}.watch-side section{padding:16px}.watch-chat{max-height:min(44dvh,420px);margin-top:10px}.watch-chat article{padding:10px}.watch-reactions{gap:5px;overflow-x:auto;padding-bottom:3px}.watch-reactions button{flex:1 0 42px;min-height:42px;font-size:18px}.watch-chat-section form{grid-template-columns:minmax(0,1fr) 46px;position:sticky;bottom:0;padding-top:8px;background:var(--surface)}.watch-chat-section form input,.watch-chat-section form button{min-height:46px}.watch-participants>div{min-height:44px}.watch-access-settings input,.watch-access-settings select,.watch-access-settings button,.reclaim-host{min-height:44px}
  .watch-chat-overlay{left:9px;bottom:9px;width:calc(100% - 18px)}.watch-chat-overlay div{padding:7px 9px;font-size:11px}.watch-reactions-layer span{font-size:27px}
  .watch-access{padding:55px 0 90px}.watch-access h1{font-size:36px}.watch-access form{padding:16px}.watch-access input,.watch-access button{min-height:46px}
  .auth-modal{max-height:calc(100dvh - 20px);overflow:auto;padding:30px 20px;border-radius:17px}.auth-modal h2{font-size:25px}.form-stack input,.form-stack button{min-height:46px}
  footer{min-height:100px;gap:15px;font-size:11px}footer p{display:none}
}
@media(max-width:380px){.watch-controls{grid-template-columns:44px minmax(0,1fr) 44px 44px;grid-template-areas:"play progress full settings"}.watch-controls #watch-duration{display:none}.watch-syncbar>.watch-sync-actions{grid-template-columns:1fr}.watch-personal-check{font-size:9px}.watch-room-meta{display:grid}.button.small{font-size:11px}}
@media(orientation:landscape) and (max-height:520px){.watch-stage:fullscreen .watch-controls{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#090a0be8);padding-top:28px}.watch-stage:fullscreen .watch-player-shell{height:100dvh}}

/* Goyya Table */
.table-home-group{grid-column:1/-1;min-height:390px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);grid-template-rows:1fr auto;gap:20px;background:radial-gradient(circle at 80% 30%,#20b48625,transparent 35%),linear-gradient(145deg,var(--surface),#101816)}.table-home-group .group-primary{grid-column:1/-1}.table-home-visual{position:relative;min-height:235px;border:1px solid var(--line);border-radius:20px;background-color:#111815;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:25px 25px;transform:perspective(800px) rotateY(-4deg) rotateX(3deg);box-shadow:0 30px 60px #0007}.table-home-visual i{position:absolute;display:grid;place-items:center;font-style:normal;font-weight:800;box-shadow:0 14px 30px #0005}.home-note{left:12%;top:20%;width:120px;height:85px;background:#efc84a;color:#18150a;transform:rotate(-5deg)}.home-token{right:20%;top:18%;width:58px;height:58px;border:5px solid #ffffff35;border-radius:50%;background:#6658f5;color:#fff}.home-die{right:30%;bottom:14%;width:72px;height:72px;border-radius:17px;background:#ff613c;color:#fff;font-size:28px;transform:rotate(8deg)}.table-home-visual span{position:absolute;left:34%;bottom:18%;width:18px;height:18px;border:4px solid #20b486;border-radius:50%}
.table-lobby{padding:90px 0 130px}.table-lobby h1{margin:10px 0 12px;font:600 clamp(48px,7vw,88px) Unbounded}.table-lobby h1 em{color:#20b486;font-style:normal}.table-lead{max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}.table-feature-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.table-feature-row span{padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:var(--surface);font-size:11px}.table-create-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;margin-top:38px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,var(--surface),color-mix(in srgb,var(--surface) 86%,#20b486 14%))}.table-create-card label{display:grid;gap:7px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em}.table-create-card input{width:100%;padding:13px}.table-login-card{align-items:center}.table-login-card strong{font:600 18px Unbounded}.table-login-card p{margin:6px 0 0;color:var(--muted)}.table-lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:50px}.table-section-head h2{margin:5px 0 18px;font:600 28px Unbounded}.table-room-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.table-room-list article{position:relative;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.table-room-list article>a{display:flex;align-items:center;gap:12px;padding:15px 42px 15px 15px;color:var(--text);text-decoration:none}.table-room-list article>a>i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#20b48618;color:#20b486;font-style:normal}.table-room-list article>a>span{display:grid;min-width:0}.table-room-list article strong,.table-room-list article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-room-list article small{color:var(--muted);font-size:9px}.table-room-list article>button{position:absolute;right:9px;top:18px;border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer}.supporter-card{padding:24px;border:1px solid #efc84a40;border-radius:18px;background:linear-gradient(145deg,#efc84a12,var(--surface))}.supporter-card>span{color:#efc84a;font-size:9px;font-weight:800;letter-spacing:.12em}.supporter-card h3{margin:13px 0;font:600 20px/1.35 Unbounded}.supporter-card p{color:var(--muted);font-size:12px;line-height:1.65}.supporter-card button{width:100%;margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--muted)}
.table-room{width:min(1600px,calc(100% - 30px));padding:35px 0 80px}.table-room-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.table-room-head h1{margin:4px 0;font:600 clamp(25px,4vw,43px) Unbounded}.table-room-actions{display:flex;align-items:center;gap:10px}.table-room-actions span{color:#20b486;font-size:10px}.table-room-actions button{padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.table-workspace{display:grid;grid-template-columns:82px minmax(0,1fr) 270px;gap:10px;height:min(760px,calc(100dvh - 180px));min-height:570px}.table-tools,.table-sidebar,.table-canvas-shell{border:1px solid var(--line);border-radius:17px;background:var(--surface)}.table-tools{display:flex;flex-direction:column;gap:5px;padding:8px}.table-tools button{display:grid;place-items:center;gap:3px;min-height:64px;padding:7px 3px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}.table-tools button:hover{background:var(--surface2);color:var(--text)}.table-tools b{font-size:20px}.table-tools i{flex:1}.table-canvas-shell{position:relative;overflow:auto;background:#0c1210}.table-board{position:relative;width:max(100%,900px);aspect-ratio:16/10;min-height:100%;transform-origin:top left;background-color:#111916;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px),radial-gradient(circle at 50% 40%,#20b4860b,transparent 50%);background-size:25px 25px;overflow:hidden}.table-object{position:absolute;z-index:1;min-width:56px;min-height:56px;touch-action:none;filter:drop-shadow(0 12px 18px #0006);transition:filter .15s}.table-object.dragging{z-index:20;filter:drop-shadow(0 25px 28px #0009)}.object-grip{position:absolute;z-index:3;left:5px;top:3px;color:#0007;cursor:grab;font-size:14px}.object-delete{position:absolute;z-index:3;right:5px;top:3px;width:23px;height:23px;border:0;border-radius:50%;background:#0002;color:#0007;cursor:pointer}.object-content{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.table-note{padding:29px 15px 14px;background:var(--object-color);color:#171512;transform:rotate(-1deg)}.table-note .object-content{display:block;white-space:pre-wrap;overflow:auto;font-size:13px;line-height:1.45}.table-token{border:5px solid #ffffff42;border-radius:50%;background:var(--object-color);color:#fff;font-weight:900}.table-token .object-delete{right:-7px;top:-7px;background:var(--surface2);color:var(--muted)}.table-token .object-grip{left:50%;top:-20px;color:var(--muted);transform:translateX(-50%)}.table-die{border-radius:22%;background:linear-gradient(145deg,var(--object-color),color-mix(in srgb,var(--object-color) 70%,#000));color:#fff;transform:rotate(2deg)}.table-die .object-content,.table-timer .object-content{align-content:center;gap:1px}.table-die small,.table-timer small{font-size:8px;letter-spacing:.12em}.table-die strong{font:600 clamp(27px,4vw,55px) Unbounded}.table-die span,.table-timer span{font-size:7px;opacity:.65}.table-timer{border:1px solid color-mix(in srgb,var(--object-color) 55%,#fff);border-radius:14px;background:#101412;color:var(--text)}.table-timer strong{font:600 clamp(20px,2.5vw,38px) Unbounded;color:var(--object-color)}.table-board.readonly .object-delete,.table-board.readonly .object-grip{display:none}.table-zoom{position:sticky;z-index:30;left:50%;bottom:12px;width:max-content;display:flex;align-items:center;gap:8px;margin:-50px auto 12px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#0e1110db;backdrop-filter:blur(10px)}.table-zoom button{width:32px;height:32px;border:0;border-radius:7px;background:var(--surface2);cursor:pointer}.table-zoom span{min-width:45px;color:var(--muted);font-size:9px;text-align:center}.table-sidebar{display:flex;flex-direction:column;overflow:auto}.table-sidebar section{padding:15px;border-bottom:1px solid var(--line)}.table-panel-title{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.12em}.table-participants,.table-events{display:grid;gap:7px;margin-top:11px}.table-participants>div{display:flex;align-items:center;gap:8px}.table-participants i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#fff;font-style:normal;font-size:10px;font-weight:800}.table-participants span{font-size:11px}.table-events{max-height:300px;overflow:auto}.table-events>div{display:grid;padding:8px;border-radius:8px;background:var(--surface2)}.table-events strong{font-size:9px;color:#20b486}.table-events span,.table-events p{color:var(--muted);font-size:10px}.table-owner-settings label{display:flex;gap:8px;margin-top:12px;color:var(--muted);font-size:10px}.table-owner-settings input{accent-color:#20b486}.table-support-note{display:flex;gap:9px;margin-top:auto}.table-support-note>span{color:#efc84a}.table-support-note p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.table-support-note strong{color:var(--text)}.table-join{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:#070908cb;backdrop-filter:blur(14px)}.table-join[hidden]{display:none}.table-join>div{width:min(430px,calc(100% - 30px));display:grid;gap:12px;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.table-join span{color:#20b486;font-size:9px;font-weight:800;letter-spacing:.13em}.table-join h2{margin:0;font:600 25px Unbounded}.table-join input,.table-join button{min-height:46px;padding:11px}.table-join button{border:0;border-radius:9px;background:#20b486;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:1000px){.table-lobby-grid{grid-template-columns:1fr}.table-workspace{grid-template-columns:72px minmax(0,1fr);height:auto;min-height:0}.table-canvas-shell{height:65dvh}.table-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}.table-sidebar section{border-bottom:0;border-right:1px solid var(--line)}.table-home-group{grid-template-columns:1fr}.table-home-group .table-home-visual,.table-home-group .group-primary{grid-column:1}.table-home-group .table-home-visual{min-height:220px}}@media(max-width:650px){.table-lobby{padding:45px 0 80px}.table-lobby h1{font-size:42px}.table-lead{font-size:14px}.table-create-card{grid-template-columns:1fr;padding:16px}.table-room-list{grid-template-columns:1fr}.table-room{width:calc(100% - 18px);padding:20px 0 70px}.table-room-head{align-items:start;flex-direction:column}.table-room-actions{width:100%;justify-content:space-between}.table-workspace{display:flex;flex-direction:column}.table-tools{order:2;display:grid;grid-template-columns:repeat(5,1fr);position:sticky;z-index:40;bottom:8px;padding:5px}.table-tools button{min-height:56px}.table-tools i{display:none}.table-canvas-shell{order:1;height:62dvh;border-radius:12px}.table-board{width:780px;min-height:488px}.table-sidebar{order:3;grid-template-columns:1fr}.table-sidebar section{border-right:0;border-bottom:1px solid var(--line)}.table-events{max-height:220px}.table-home-group{padding:22px}}
.table-game-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.table-game-bar>div{display:flex;align-items:center;gap:6px}.table-game-bar>div>span{margin-right:7px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.12em}.table-game-bar button{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--muted);font-size:10px;cursor:pointer}.table-game-bar button.active{border-color:#20b486;background:#20b48618;color:#20b486}.table-game-bar button:disabled{cursor:default}.table-game-bar p{margin:0;color:var(--muted);font-size:9px;text-align:right}.table-seat{position:absolute;z-index:5;display:grid;justify-items:center;gap:3px;width:70px;transform:translate(-50%,-50%);pointer-events:none}.table-seat i{width:42px;height:42px;display:grid;place-items:center;border:4px solid #ffffff26;border-radius:50%;background:var(--seat-color);color:#fff;font-style:normal;font-weight:900;box-shadow:0 8px 20px #0008}.table-seat span{max-width:70px;overflow:hidden;padding:3px 7px;border-radius:10px;background:#080b0ad9;color:#dfe6e2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.table-seat.self i{box-shadow:0 0 0 4px #20b48642,0 8px 20px #0008}.table-seat.self span{color:#20b486}.table-deck{position:absolute;z-index:8;left:50%;top:48%;width:150px;height:205px;padding:18px;border:1px solid #ffffff30;border-radius:13px;background:linear-gradient(145deg,#6b5df0,#393071);color:#fff;transform:translate(-50%,-50%) rotate(-2deg);box-shadow:-5px 5px 0 #28224f,-10px 10px 0 #1a1732,0 20px 35px #0009;cursor:pointer}.table-deck:before{content:"GOYYA°";position:absolute;inset:9px;border:1px solid #ffffff22;border-radius:9px;display:grid;place-items:center;color:#ffffff16;font:600 17px Unbounded;transform:rotate(-45deg)}.table-deck i{position:relative;display:block;width:28px;height:28px;margin:0 auto 24px;border:1px solid #ffffff50;border-radius:50%}.table-deck strong,.table-deck span{position:relative;z-index:1;display:block}.table-deck strong{font:600 12px/1.4 Unbounded}.table-deck span{margin-top:8px;color:#ffffffa5;font-size:8px}.table-card{padding:27px 13px 14px;border:1px solid color-mix(in srgb,var(--object-color) 55%,#fff);border-radius:12px;background:linear-gradient(145deg,#f5f1e8,#ded8ca);color:#191916;transform:rotate(1deg)}.table-card .object-content{align-content:center;gap:7px;text-align:center}.table-card small{color:#6658f5;font-size:8px;font-weight:900;letter-spacing:.12em}.table-card strong{font:700 13px/1.35 Manrope}.table-card span{color:#6b6a65;font-size:7px}.table-card.masked{background:repeating-linear-gradient(45deg,#443b8a,#443b8a 9px,#5147a0 9px,#5147a0 18px);color:#fff}.table-card.masked small,.table-card.masked span{color:#ffffffa0}.table-die{perspective:500px;overflow:visible;background:transparent;filter:none}.table-die .object-content{border:1px solid #ffffff45;border-radius:22%;background:linear-gradient(145deg,var(--object-color),color-mix(in srgb,var(--object-color) 62%,#000));box-shadow:inset -10px -12px 18px #0004,inset 7px 7px 10px #fff2,9px 12px 0 color-mix(in srgb,var(--object-color) 45%,#000),0 20px 25px #0007;transform:rotateX(5deg) rotateY(-7deg);cursor:pointer}.table-die.die-rolled .object-content{animation:tableDieLand .55s cubic-bezier(.2,.8,.3,1)}.die-face{position:relative;width:62%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.die-face i{width:10px;height:10px;place-self:center;border-radius:50%;background:#fff;box-shadow:inset 1px 2px 2px #0005}.die-face[data-value="1"] i{grid-area:2/2}.die-face[data-value="2"] i:nth-child(1){grid-area:1/1}.die-face[data-value="2"] i:nth-child(2){grid-area:3/3}.die-face[data-value="3"] i:nth-child(1){grid-area:1/1}.die-face[data-value="3"] i:nth-child(2){grid-area:2/2}.die-face[data-value="3"] i:nth-child(3){grid-area:3/3}.die-face[data-value="4"] i:nth-child(1){grid-area:1/1}.die-face[data-value="4"] i:nth-child(2){grid-area:1/3}.die-face[data-value="4"] i:nth-child(3){grid-area:3/1}.die-face[data-value="4"] i:nth-child(4){grid-area:3/3}.die-face[data-value="5"] i:nth-child(1){grid-area:1/1}.die-face[data-value="5"] i:nth-child(2){grid-area:1/3}.die-face[data-value="5"] i:nth-child(3){grid-area:2/2}.die-face[data-value="5"] i:nth-child(4){grid-area:3/1}.die-face[data-value="5"] i:nth-child(5){grid-area:3/3}.die-face[data-value="6"] i:nth-child(1){grid-area:1/1}.die-face[data-value="6"] i:nth-child(2){grid-area:1/3}.die-face[data-value="6"] i:nth-child(3){grid-area:2/1}.die-face[data-value="6"] i:nth-child(4){grid-area:2/3}.die-face[data-value="6"] i:nth-child(5){grid-area:3/1}.die-face[data-value="6"] i:nth-child(6){grid-area:3/3}@keyframes tableDieLand{0%{transform:translateY(-35px) rotateX(130deg) rotateZ(-35deg) scale(.8)}65%{transform:translateY(5px) rotateX(-12deg) rotateY(12deg) scale(1.05)}100%{transform:rotateX(5deg) rotateY(-7deg)}}
@media(max-width:850px){.table-game-bar{align-items:flex-start;flex-direction:column}.table-game-bar>div{width:100%;overflow-x:auto;padding-bottom:3px}.table-game-bar>div>span{display:none}.table-game-bar button{flex:0 0 auto;min-height:40px}.table-game-bar p{text-align:left}.table-seat i{width:36px;height:36px}.table-seat{width:60px}.table-deck{width:125px;height:170px}}

/* Table viewport: a single page scroll, objects remain proportional */
.table-canvas-shell{overflow:hidden}.table-board{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto}.table-token,.table-die{height:auto!important;aspect-ratio:1}.table-object.table-deck{height:auto!important;aspect-ratio:150/205;padding:18px;transform:rotate(-2deg);cursor:default}.table-object.table-deck .object-content{align-content:center;cursor:pointer}.table-object.table-deck .object-grip{color:#ffffff7d}.table-object.table-deck .object-delete{display:none}.table-object.table-deck:before{pointer-events:none}.table-object.table-deck .object-content>i{pointer-events:none}
@media(max-width:650px){.table-canvas-shell{height:min(58dvh,520px)}.table-board{width:100%;height:100%;min-height:0}.table-tools{grid-template-columns:repeat(4,1fr)}}

/* Goyya City */
.city-home-group{grid-column:1/-1;min-height:390px;display:grid;grid-template-columns:1fr .8fr;grid-template-rows:1fr auto;gap:22px;background:radial-gradient(circle at 75% 35%,#efc84a1f,transparent 38%),linear-gradient(145deg,var(--surface),#17150e)}.city-home-group .group-primary{grid-column:1/-1}.city-home-board{position:relative;min-height:230px;border:12px solid #d4cbb6;border-radius:10px;background:#d9e2d1;box-shadow:0 25px 55px #0008;transform:perspective(700px) rotateX(7deg) rotateZ(2deg)}.city-home-board:before{content:"GOYYA CITY";position:absolute;inset:20%;display:grid;place-items:center;color:#26382e;font:600 25px Unbounded;transform:rotate(-25deg)}.city-home-board i{position:absolute;width:17%;height:24%;border:1px solid #33423a55;background:#faf7ed}.city-home-board i:nth-child(1){right:0;bottom:0;display:grid;place-items:center;color:#26382e;font-size:8px;font-style:normal}.city-home-board i:nth-child(2){right:18%;bottom:0}.city-home-board i:nth-child(3){right:36%;bottom:0}.city-home-board i:nth-child(4){left:0;bottom:0}.city-home-board strong{position:absolute;right:8%;bottom:8%;color:#ff613c;font-size:25px}.city-home-board span{position:absolute;left:36%;top:8%;padding:6px 9px;border-radius:8px;background:#26382e;color:#fff;font-size:9px}
.city-lobby{padding:85px 0 130px}.city-lobby h1{margin:10px 0 16px;font:600 clamp(44px,6vw,78px)/1.08 Unbounded}.city-lobby h1 em{color:#efc84a;font-style:normal}.city-lead{max-width:760px;color:var(--muted);font-size:17px;line-height:1.7}.city-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.city-pills span{padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:var(--surface);font-size:10px}.city-create{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;margin-top:38px;padding:21px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(130deg,var(--surface),#efc84a0e)}.city-create label{display:grid;gap:7px;color:var(--muted);font-size:9px;font-weight:800}.city-create input{width:100%;padding:13px}.city-login{align-items:center}.city-login p{margin:5px 0;color:var(--muted)}.city-library{margin-top:50px}.city-library h2{margin:6px 0 20px;font:600 28px Unbounded}.city-room-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.city-room-list article{position:relative;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.city-room-list article>a{display:flex;align-items:center;gap:11px;padding:14px 43px 14px 14px;color:var(--text);text-decoration:none}.city-room-list article i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#efc84a18;color:#efc84a;font-style:normal}.city-room-list article span{display:grid;min-width:0}.city-room-list small{color:var(--muted);font-size:9px}.city-room-list article>button{position:absolute;right:10px;top:17px;border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer}
.city-game{width:min(1280px,calc(100% - 24px));padding:28px 0 70px}.city-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}.city-head h1{margin:4px 0;font:600 clamp(24px,3vw,39px) Unbounded}.city-head>div:last-child{display:flex;align-items:center;gap:7px}.city-head span{color:#20b486;font-size:9px}.city-head button{padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}.city-board{position:relative;width:min(100%,940px);margin:auto;aspect-ratio:1;display:grid;grid-template:repeat(11,1fr)/repeat(11,1fr);gap:2px;padding:3px;border:5px solid #222b26;border-radius:8px;background:#222b26;box-shadow:0 30px 75px #0009}.city-space{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;border-top:6px solid var(--owner,transparent);background:#f2eee3;color:#1c211e;text-align:center;overflow:visible}.city-space:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--group,#d8d2c5)}.city-space>b{position:absolute;left:3px;bottom:2px;color:#0005;font-size:6px}.city-space>span{position:relative;z-index:1;max-width:100%;font-size:clamp(5px,.65vw,8px);font-weight:800;line-height:1.1;overflow-wrap:anywhere}.city-space>small{margin-top:2px;font-size:clamp(5px,.55vw,7px)}.city-tokens{position:absolute;z-index:4;inset:auto 2px 2px;display:flex;flex-wrap:wrap;justify-content:center}.city-tokens i{width:15px;height:15px;display:grid;place-items:center;margin-left:-3px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:6px;font-style:normal;font-weight:900;box-shadow:0 3px 5px #0005}.group-bronze{--group:#986641}.group-sky{--group:#72c8ef}.group-pink{--group:#d25b9e}.group-orange{--group:#ef8b36}.group-red{--group:#db4747}.group-yellow{--group:#efcf45}.group-green{--group:#3aab69}.group-navy{--group:#354c9a}.group-station{--group:#313638}.group-utility{--group:#b8a785}.type-start,.type-jail,.type-parking,.type-go_jail{background:#d9e2d1}.type-tax{background:#ead7ce}.type-event{background:#d9d4ec}
.city-center{grid-area:2/2/11/11;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;min-height:0;padding:clamp(10px,2vw,25px);background:radial-gradient(circle at 50% 45%,#eff4eb,#cfdbcc);color:#1c2721;overflow:hidden}.city-center>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.city-center>header span{display:block;color:#647169;font-size:7px;font-weight:900;letter-spacing:.12em}.city-center>header strong{font:600 clamp(12px,2vw,21px) Unbounded}.city-center>header>b{font:600 clamp(13px,2vw,22px) Unbounded;color:#1e7e55}.city-roll{display:grid;justify-items:center;gap:6px;padding:clamp(7px,1.3vw,15px)}.city-dice{display:flex;gap:8px}.city-dice i{width:clamp(36px,5.5vw,62px);height:clamp(36px,5.5vw,62px);display:grid;place-items:center;border-radius:12px;background:#fff;color:#202522;font:700 clamp(17px,2.5vw,27px) Unbounded;box-shadow:5px 6px 0 #b8c3b7,0 10px 18px #1b2a2030;font-style:normal}.city-roll p{min-height:16px;margin:2px 0;color:#536259;font-size:clamp(7px,.85vw,10px);text-align:center}.city-roll #city-actions{display:flex;gap:6px}.city-roll button{padding:8px 12px;border:1px solid #aeb9ae;border-radius:8px;background:#e8ede5;color:#26332b;font-size:9px;cursor:pointer}.city-roll button.primary{border-color:#1f8d5d;background:#1f8d5d;color:#fff}.city-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #abb8ac}.city-tabs button{position:relative;padding:8px 4px;border:0;background:transparent;color:#657168;font-size:8px;font-weight:800;cursor:pointer}.city-tabs button.active{color:#1e7e55}.city-tabs button.active:after{content:"";position:absolute;left:15%;right:15%;bottom:-1px;height:2px;background:#1e7e55}.city-tabs i{display:inline-grid;min-width:14px;padding:2px;border-radius:8px;background:#ff613c;color:#fff;font-size:7px;font-style:normal}.city-tab{display:none;min-height:0;overflow:hidden}.city-tab.active{display:block}.city-chat{display:grid;align-content:start;gap:5px;height:calc(100% - 34px);overflow:auto;padding:7px 2px}.city-chat>p,.city-properties>p{color:#647169;font-size:8px}.city-chat article{display:grid;padding:5px 7px;border-radius:7px;background:#ffffff8f}.city-chat strong{font-size:7px;color:#1e7e55}.city-chat span{font-size:9px;overflow-wrap:anywhere}.city-tab form{display:grid;grid-template-columns:1fr 31px;gap:5px}.city-tab input{min-width:0;padding:7px;border-color:#b9c4b9;background:#fff;color:#202522}.city-tab form button{border:0;border-radius:7px;background:#1e7e55;color:#fff}.city-properties,.city-log{display:grid;align-content:start;gap:5px;height:100%;padding:8px 2px;overflow:auto}.city-properties>strong{font:600 12px Unbounded}.city-properties>div{display:flex;justify-content:space-between;padding:7px;border-left:5px solid var(--group);border-radius:6px;background:#ffffff8f;font-size:8px}.city-log p{margin:0;padding:6px;border-bottom:1px solid #aab6aa;color:#536259;font-size:8px}.city-join{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:#070908cb;backdrop-filter:blur(13px)}.city-join[hidden]{display:none}.city-join>div{width:min(420px,calc(100% - 28px));display:grid;gap:11px;padding:28px;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.city-join span{color:#efc84a;font-size:8px;font-weight:900;letter-spacing:.12em}.city-join h2{margin:0;font:600 26px Unbounded}.city-join input,.city-join button{min-height:45px;padding:11px}.city-join button{border:0;border-radius:8px;background:#efc84a;color:#1d1a0e;font-weight:900}.city-game:fullscreen{width:100vw;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);padding:10px;background:#090c0a}.city-game:fullscreen .city-head{margin:0}.city-game:fullscreen .city-board{height:100%;width:auto;max-width:100%;min-height:0}
@media(max-width:750px){.city-home-group{grid-template-columns:1fr}.city-home-group .city-home-board,.city-home-group .group-primary{grid-column:1}.city-lobby{padding:45px 0 80px}.city-lobby h1{font-size:38px}.city-lead{font-size:14px}.city-create{grid-template-columns:1fr;padding:15px}.city-room-list{grid-template-columns:1fr}.city-game{width:calc(100% - 12px);padding:15px 0 70px}.city-head{align-items:start;flex-direction:column}.city-head>div:last-child{width:100%;flex-wrap:wrap}.city-head #city-online{margin-right:auto}.city-head button{min-height:40px}.city-board{width:100%;gap:1px;border-width:2px}.city-space{padding:1px;border-top-width:4px}.city-space:before{height:5px}.city-space>span{font-size:4.5px}.city-space>small,.city-space>b{display:none}.city-tokens i{width:11px;height:11px;border-width:1px}.city-center{padding:7px}.city-center>header strong,.city-center>header>b{font-size:10px}.city-roll{gap:3px;padding:4px}.city-dice i{width:30px;height:30px;border-radius:7px;font-size:14px}.city-roll p{margin:0;font-size:6px}.city-roll button{padding:6px 8px;font-size:7px}.city-tabs button{padding:5px 2px;font-size:6px}.city-chat{gap:2px;padding:3px 0}.city-chat article{padding:3px 5px}.city-chat span{font-size:7px}.city-tab form{grid-template-columns:1fr 25px}.city-tab input{padding:4px;font-size:7px}.city-properties>div,.city-log p{padding:4px;font-size:6px}.city-game:fullscreen{display:grid;place-items:center;padding:3px}.city-game:fullscreen .city-head{position:absolute;z-index:10;right:6px;top:6px}.city-game:fullscreen .city-head h1,.city-game:fullscreen .city-head .kicker,.city-game:fullscreen .city-head #city-online,.city-game:fullscreen #city-share{display:none}.city-game:fullscreen .city-board{width:min(100vw,100dvh);height:auto}}
.city-space{cursor:pointer}.city-brand-bg{position:absolute;z-index:0;inset:7px 1px 1px;display:grid;place-items:center;overflow:hidden}.city-brand-bg i{font-size:clamp(14px,2.1vw,27px);font-style:normal;opacity:.16;filter:grayscale(.2);transform:rotate(-10deg) scale(1.15)}.city-logo{position:absolute;z-index:2;left:3px;top:10px;min-width:17px;padding:2px 3px;border-radius:4px;background:#26332be8;color:#fff;font:800 clamp(4px,.48vw,6px) Manrope;letter-spacing:-.02em}.city-space:hover{z-index:7;outline:2px solid #fff;transform:scale(1.07)}.city-property-preview{position:absolute;z-index:20;left:50%;top:50%;width:min(300px,75%);padding:17px;border:1px solid #87978a;border-radius:14px;background:#f5f1e8;color:#1c2721;box-shadow:0 22px 55px #15211975;transform:translate(-50%,-50%)}.city-property-preview[hidden]{display:none}.city-property-preview>button{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;border-radius:50%;background:#1c272115;color:#1c2721;cursor:pointer}.city-property-preview>div{height:95px;display:grid;place-items:center;margin:-17px -17px 13px;border-radius:14px 14px 0 0;background:radial-gradient(circle,#ffffffaa,transparent 65%),linear-gradient(135deg,#dce6d7,#b6c8b9);overflow:hidden}.city-property-preview>div i{font-size:62px;font-style:normal;filter:drop-shadow(0 10px 10px #28382d30)}.city-property-preview>div em{position:absolute;left:15px;top:15px;padding:5px 7px;border-radius:6px;background:#26332b;color:#fff;font:800 9px Manrope;font-style:normal}.city-property-preview>span{color:#1e7e55;font-size:7px;font-weight:900;letter-spacing:.13em}.city-property-preview h3{margin:6px 0;font:600 18px Unbounded}.city-property-preview p{margin:0;color:#617067;font-size:9px}.city-properties>div:before{content:"";width:22px;height:22px;flex:0 0 22px;margin-right:7px;border-radius:5px;background:var(--group)}.city-properties>div{align-items:center}.city-properties>div span{margin-left:auto}
@media(max-width:750px){.city-brand-bg{inset:4px 0 0}.city-brand-bg i{font-size:11px}.city-logo{left:1px;top:5px;min-width:10px;padding:1px;font-size:3.5px}.city-space:hover{transform:none}.city-property-preview{padding:12px}.city-property-preview>div{height:70px;margin:-12px -12px 9px}.city-property-preview>div i{font-size:42px}.city-property-preview h3{font-size:12px}.city-property-preview p{font-size:7px}}
.city-space{border:1px solid color-mix(in srgb,var(--group,#a7a398) 48%,#ffffff);border-top:7px solid var(--owner,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--group,#d8d2c5) 13%,#fffaf0),color-mix(in srgb,var(--group,#d8d2c5) 5%,#eee9dc));box-shadow:inset 0 0 0 1px #ffffff85}.city-title{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;gap:3px;padding:1px 2px}.city-title span{min-width:0;color:color-mix(in srgb,var(--group,#303a34) 72%,#151b18);font-size:clamp(5px,.62vw,8px);font-weight:900;line-height:1.05;overflow-wrap:anywhere}.city-logo{position:static;flex:0 0 auto;min-width:20px;padding:3px 4px;border:1px solid color-mix(in srgb,var(--group,#26332b) 60%,#000);border-radius:5px;background:var(--group,#26332b);color:#fff;font:900 clamp(4px,.5vw,7px) Manrope;line-height:1;letter-spacing:-.02em;box-shadow:0 2px 5px #0003}.group-yellow .city-logo,.group-sky .city-logo{color:#24220f}.city-space>small{position:relative;z-index:2;color:color-mix(in srgb,var(--group,#303a34) 52%,#303530);font-weight:800}.city-brand-bg i{opacity:.22}.city-property-preview{border:3px solid var(--group,#87978a)}.city-property-preview>div{background:radial-gradient(circle,#ffffffd9,transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--group,#dce6d7) 28%,#e8eee4),color-mix(in srgb,var(--group,#b6c8b9) 46%,#b6c8b9))}.city-property-preview>div em{border:1px solid color-mix(in srgb,var(--group,#26332b) 70%,#000);background:var(--group,#26332b);box-shadow:0 4px 12px #0003}.city-property-preview>span,.city-property-preview h3{color:color-mix(in srgb,var(--group,#1e7e55) 78%,#17231d)}.group-yellow.city-property-preview>div em,.group-sky.city-property-preview>div em{color:#24220f}
@media(max-width:750px){.city-space{border-top-width:4px}.city-title{display:grid;justify-items:center;gap:1px;padding:0}.city-title span{font-size:4px;text-align:center}.city-logo{min-width:11px;padding:1px 2px;border-radius:2px;font-size:3px}.city-space>small{font-size:4px}}
.city-center>header>time{min-width:54px;padding:6px 8px;border:1px solid #9eaa9f;border-radius:9px;background:#ffffff8a;color:#334039;font:700 clamp(11px,1.5vw,17px) Unbounded;text-align:center}.city-center>header>time.urgent{border-color:#e05048;background:#e0504817;color:#c53d37;animation:cityTimerPulse .8s infinite}.city-tabs{grid-template-columns:repeat(4,1fr)}.city-houses{position:absolute;z-index:5;right:2px;top:2px;color:var(--owner);font-size:7px;letter-spacing:-2px;text-shadow:0 1px #fff}.city-properties>div section{display:grid;min-width:0}.city-properties>div section small{color:#68756d;font-size:6px}.city-properties>div>span{font-weight:900}.city-properties>div aside{display:flex;gap:3px;margin-left:5px}.city-properties>div button{width:24px;height:24px;border:1px solid #9cad9f;border-radius:6px;background:#fff;color:#1e7e55;cursor:pointer}.city-trade{height:100%;overflow:auto;padding:7px 2px}.city-trade>p{color:#647169;font-size:8px}.city-trade form{display:grid;grid-template-columns:1fr 1fr;gap:6px}.city-trade form>select,.city-trade form>button{grid-column:1/-1}.city-trade select,.city-trade input{width:100%;padding:6px;border:1px solid #aeb9ae;border-radius:6px;background:#fff;color:#26332b;font-size:8px}.city-trade form>label{display:grid;gap:3px;color:#647169;font-size:7px}.city-trade fieldset{min-width:0;max-height:80px;overflow:auto;padding:5px;border:1px solid #acb8ad;border-radius:7px}.city-trade legend{padding:0 3px;color:#647169;font-size:7px}.city-trade fieldset label{display:flex;gap:4px;padding:2px;font-size:7px}.city-trade fieldset input{width:auto}.city-trade form>button,.city-trade article button{padding:7px;border:0;border-radius:7px;background:#1e7e55;color:#fff;font-size:8px;cursor:pointer}.city-trade article{padding:9px;border:1px solid #9dac9e;border-radius:8px;background:#ffffff8f}.city-trade article strong{font-size:9px}.city-trade article p{color:#526058;font-size:8px}.city-trade article div{display:flex;gap:5px}@keyframes cityTimerPulse{50%{transform:scale(1.06);box-shadow:0 0 0 5px #e0504812}}
@media(max-width:750px){.city-center>header>time{min-width:34px;padding:3px;font-size:8px}.city-houses{font-size:4px}.city-properties>div section small{font-size:5px}.city-properties>div button{width:18px;height:18px}.city-trade{padding:3px 0}.city-trade form{gap:3px}.city-trade fieldset{max-height:45px;padding:2px}.city-trade select,.city-trade input,.city-trade form>button{padding:3px;font-size:6px}.city-trade article{padding:4px}.city-trade article p{margin:3px 0;font-size:6px}}

/* Goyya City: readable board, player rail and animated pieces */
.city-game{position:relative;width:min(1480px,calc(100% - 24px))}
.city-play-layout{position:relative;display:grid;grid-template-columns:220px minmax(0,1080px);align-items:start;justify-content:center;gap:14px}
.city-board{width:100%;max-width:1080px;grid-template-rows:1.28fr repeat(9,1fr) 1.28fr;grid-template-columns:1.28fr repeat(9,1fr) 1.28fr}
.city-player-rail{position:sticky;top:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 45px #0004}
.city-player-rail>header{display:flex;justify-content:space-between;align-items:center;padding:0 2px 10px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.12em}
.city-player-rail>header b{color:#20b486;font-size:9px}.city-player-rail>div{display:grid;gap:7px}
.city-player-rail article{display:grid;grid-template-columns:12px minmax(0,1fr) auto 22px;align-items:center;gap:7px;padding:9px 7px;border:1px solid transparent;border-radius:9px;background:color-mix(in srgb,var(--surface) 72%,#fff 5%);cursor:context-menu}
.city-player-rail article.current{border-color:#efc84a;background:#efc84a12}.city-player-rail article.self{box-shadow:inset 3px 0 #20b486}
.city-player-rail article>i{width:11px;height:28px;border-radius:6px}.city-player-rail article>div{display:grid;min-width:0}.city-player-rail strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.city-player-rail article small{color:var(--muted);font-size:7px}.city-player-rail article>b{font:700 10px Unbounded;white-space:nowrap}.city-player-rail article>button{padding:3px;border:0;background:transparent;color:var(--muted);cursor:pointer}.city-player-rail>small{display:block;margin-top:10px;color:var(--muted);font-size:7px;line-height:1.4}
.city-player-menu{position:absolute;z-index:80;width:145px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#17201b;color:#fff;box-shadow:0 14px 35px #0008}.city-player-menu[hidden]{display:none}.city-player-menu strong{display:block;padding:6px 7px;color:#93a59a;font-size:8px}.city-player-menu button{width:100%;padding:9px;border:0;border-radius:7px;background:#20b486;color:#082219;font-weight:900;cursor:pointer}
.city-space.owned{border-color:color-mix(in srgb,var(--owner) 78%,#17201b);background:linear-gradient(145deg,color-mix(in srgb,var(--owner) 45%,#fff),color-mix(in srgb,var(--owner) 25%,#ece7da));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--owner) 62%,transparent)}
.city-space.owned:before{background:var(--owner)}.city-space.owned .city-title span,.city-space.owned>small{color:color-mix(in srgb,var(--owner) 28%,#101612)}
.city-title span{font-size:clamp(7px,.72vw,10px);line-height:1.12}.city-space>small{font-size:clamp(6px,.62vw,8px)}
.city-tokens{inset:auto 3px 3px}.city-tokens .city-token{width:24px;height:24px;margin-left:-5px;border-width:3px;font-size:9px;box-shadow:0 5px 9px #0007;transition:transform .15s ease}.city-token.stepping{transform:translateY(-8px) scale(1.14)}
.city-game:fullscreen .city-play-layout{height:calc(100dvh - 58px);grid-template-columns:200px minmax(0,1fr)}.city-game:fullscreen .city-board{height:100%;width:auto}
@media(max-width:1050px){.city-play-layout{grid-template-columns:1fr}.city-player-rail{position:static;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;order:2}.city-player-rail>header{padding:0}.city-player-rail>div{display:flex;overflow:auto}.city-player-rail article{min-width:175px}.city-player-rail>small{margin:0}.city-game:fullscreen .city-play-layout{height:auto;grid-template-columns:1fr}.city-game:fullscreen .city-player-rail{display:none}}
@media(max-width:750px){.city-play-layout{gap:7px}.city-player-rail{grid-template-columns:1fr;padding:7px}.city-player-rail>header{display:none}.city-player-rail>small{display:none}.city-player-rail article{min-width:145px;padding:6px;grid-template-columns:9px minmax(0,1fr) auto 18px}.city-player-rail article>i{width:8px;height:22px}.city-player-rail strong{font-size:8px}.city-player-rail article>b{font-size:7px}.city-title span{font-size:4.8px}.city-tokens .city-token{width:17px;height:17px;border-width:2px;font-size:6px}}

/* Shared player positions in Goyya Table */
.table-seat{transition:left .22s ease,top .22s ease}
.table-seat.self{z-index:18;pointer-events:auto;touch-action:none;cursor:grab}
.table-seat.self.dragging{cursor:grabbing;transition:none}
.table-seat.self.dragging i{transform:scale(1.12);box-shadow:0 0 0 6px #20b48655,0 14px 28px #000b}

/* Archive Variants — investigation game */
.archive-game{width:min(1540px,calc(100% - 28px));padding:34px 0 90px;--archive-red:#a3342d;--archive-paper:#ddd5c2;--archive-ink:#25241f}.archive-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:18px}.archive-head h1{margin:5px 0;font:600 clamp(34px,5vw,62px) Unbounded;letter-spacing:-.04em}.archive-head>div>p:last-child{max-width:690px;color:var(--muted)}.archive-save{display:grid;justify-items:end;gap:8px}.archive-save span{color:#87958d;font-size:9px}.archive-save button{padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}.archive-casebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:11px 14px;border:1px solid #ffffff16;border-radius:11px 11px 0 0;background:#171b18}.archive-casebar>div{display:flex;align-items:center;gap:9px}.archive-casebar>div i{width:8px;height:29px;background:var(--archive-red)}.archive-casebar span{color:#869087;font-size:7px;font-weight:900;letter-spacing:.13em}.archive-casebar strong{font-size:10px}.archive-casebar>span:last-child{text-align:right}.archive-casebar nav{display:flex;padding:3px;border-radius:8px;background:#0d100e}.archive-casebar nav button{padding:8px 12px;border:0;border-radius:6px;background:transparent;color:#78847c;font-size:8px;cursor:pointer}.archive-casebar nav button.active{background:#e2ddcf;color:#292a25}.archive-casebar nav b{display:inline-grid;min-width:14px;padding:1px;border-radius:8px;background:#a3342d;color:#fff}.archive-workspace{display:grid;grid-template-columns:255px minmax(420px,1fr) 285px;height:min(760px,calc(100dvh - 205px));min-height:590px;border:1px solid #ffffff14;border-top:0;background:#0e120f}.archive-files,.archive-notes{overflow:auto;background:#151a16}.archive-files{border-right:1px solid #ffffff12}.archive-files>header,.archive-notes>header{display:flex;justify-content:space-between;padding:14px;color:#727e76;font-size:7px;font-weight:900;letter-spacing:.13em}.archive-files>div{display:grid;padding:0 7px 12px}.archive-files button{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;padding:10px 7px;border:0;border-bottom:1px solid #ffffff0d;background:transparent;color:#aeb7b0;text-align:left;cursor:pointer}.archive-files button:hover{background:#ffffff08}.archive-files button.opened>i{border-color:#8b332d;color:#d16b62}.archive-files button>i{width:25px;height:31px;display:grid;place-items:center;border:1px solid #4b544e;color:#667269;font-size:7px;font-style:normal}.archive-files button>span{display:grid;gap:3px;min-width:0}.archive-files button small{color:#68736b;font-size:6px;letter-spacing:.08em}.archive-files button strong{overflow:hidden;color:#c8cec9;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.archive-files button>b{color:#9c4038}.archive-reader{position:relative;overflow:auto;padding:clamp(20px,3.5vw,55px);background:radial-gradient(circle at 50% 20%,#353931,#1c211d 62%)}.archive-reader>header{display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:0 auto 10px;color:#8e998f;font-size:8px}.archive-reader>header button{padding:7px 9px;border:1px solid #ffffff22;border-radius:7px;background:#161a17;color:#b6c0b8;font-size:8px;cursor:pointer}.archive-paper{position:relative;max-width:760px;min-height:470px;margin:auto;padding:clamp(30px,5vw,67px);background:linear-gradient(105deg,#c8c0ae,#e4dcc9 9%,#d8d0bd 92%,#bdb5a4);color:var(--archive-ink);font-family:Georgia,serif;box-shadow:0 28px 65px #0009;transform:rotate(-.25deg)}.archive-paper:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000006 0 1px,transparent 1px 4px),radial-gradient(circle at 14% 16%,#634c3020,transparent 18%);mix-blend-mode:multiply}.archive-paper h2{position:relative;z-index:1;margin:8px 0 29px;font:700 clamp(22px,3vw,35px) Georgia}.archive-paper p,.archive-paper table,.archive-paper blockquote,.archive-paper footer{position:relative;z-index:1;font-size:clamp(12px,1.1vw,16px);line-height:1.75}.archive-paper mark{padding:1px 3px;background:#a3342d22;color:#67211d;border-bottom:2px solid #a3342d}.document-number{font:700 8px Manrope!important;letter-spacing:.14em}.archive-paper footer{margin-top:40px;padding-top:15px;border-top:1px solid #27251f55}.archive-paper table{width:100%;border-collapse:collapse}.archive-paper th,.archive-paper td{padding:8px;border:1px solid #39372f66;text-align:left}.handwritten{margin:30px 0 0!important;color:#3f4b61;font-style:italic;transform:rotate(-1deg)}.archive-seal{position:absolute;z-index:2;right:28px;top:35px;padding:12px;border:3px double #9f3933;color:#9f3933;font:800 9px Manrope;text-align:center;transform:rotate(9deg);opacity:.7}.archive-placeholder{margin:25% auto;color:#8a958c;text-align:center;line-height:1.8}.archive-placeholder small{color:#59625c}.archive-wave{padding:22px 10px;background:#26261f;color:#d6c592;font:27px monospace;letter-spacing:3px;overflow:hidden}.archive-play-record{padding:9px 12px;border:0;background:#37382f;color:#e0d7c4;cursor:pointer}.archive-plan{display:grid;grid-template:1fr 1fr/1fr 1.4fr;gap:4px;padding:6px;background:#2e4b57;color:#d3e1dd}.archive-plan i{min-height:75px;display:grid;place-items:center;border:1px solid #d3e1dd77;font:10px Manrope;font-style:normal}.archive-plan .hot{outline:3px solid #a84840}.archive-person{display:flex;gap:20px;align-items:center}.archive-person>div{width:90px;height:115px;display:grid;place-items:center;background:#aaa494;color:#7a756a;font:50px Georgia}.telegram{font-family:monospace!important;letter-spacing:.08em}.archive-photo{position:relative;height:210px;display:flex;align-items:end;justify-content:center;gap:15px;padding:25px;background:linear-gradient(#aaa69c,#5b625d);filter:sepia(.6) contrast(1.1)}.archive-photo span{position:absolute;left:10px;top:10px}.archive-photo i{width:42px;height:110px;border-radius:50% 50% 8px 8px;background:#292d2a}.archive-photo i:before{content:"";display:block;width:34px;height:34px;margin:-21px auto 0;border-radius:50%;background:#292d2a}.archive-photo .ghost{opacity:.38;transform:translateX(-8px)}.archive-notes{border-left:1px solid #ffffff12;padding-bottom:15px}.archive-notes>div{display:grid;gap:10px;padding:0 12px}.archive-notes section{padding:10px;border:1px solid #ffffff0e;border-radius:8px;background:#0f1310}.archive-notes section>span{display:block;margin-bottom:7px;color:#aab3ac;font-size:8px}.archive-notes section div{display:grid;gap:4px}.archive-notes section button{padding:7px;border:1px solid #ffffff0d;border-radius:5px;background:#1a201b;color:#758078;font-size:7px;text-align:left;cursor:pointer}.archive-notes section button.selected{border-color:#a6453e;background:#a6453e19;color:#d5d9d6}.archive-notes>label{display:grid;gap:6px;margin:16px 12px 8px;color:#77827a;font-size:7px}.archive-notes textarea{min-height:95px;padding:9px;border:1px solid #ffffff13;background:#0d100e;color:#bec5c0;resize:vertical}.archive-notes>#archive-conclusion{width:calc(100% - 24px);margin:5px 12px;padding:11px;border:0;border-radius:7px;background:#96372f;color:#fff;font-weight:900;cursor:pointer}.archive-evidence,.archive-meta{min-height:620px;padding:35px;border:1px solid #ffffff14;border-top:0;background:radial-gradient(circle at 50% 40%,#362a1f,#171510 65%)}.archive-evidence>header,.archive-meta>header{display:flex;justify-content:space-between;gap:30px}.archive-evidence h2,.archive-meta h2{margin:5px 0;font:600 27px Unbounded}.archive-evidence header span,.archive-meta header span{color:#bb5148;font-size:8px;font-weight:900;letter-spacing:.13em}.archive-evidence header p,.archive-meta header p{max-width:450px;color:#aaa08e;font-size:10px}.archive-evidence>div{display:flex;flex-wrap:wrap;justify-content:center;gap:35px;padding:60px 30px}.archive-evidence article{position:relative;width:210px;min-height:145px;padding:20px;background:#d9d0bb;color:#29261f;box-shadow:0 16px 30px #0008;transform:rotate(var(--tilt))}.archive-evidence article:before{content:"";position:absolute;left:50%;top:-13px;width:10px;height:10px;border-radius:50%;background:#b03b34;box-shadow:0 4px 7px #0007}.archive-evidence article small{color:#8b342e;font-size:7px;font-weight:900}.archive-evidence article strong{display:block;margin:8px 0;font:700 15px Georgia}.archive-evidence article p{font-size:10px}.archive-evidence article button{border:0;background:transparent;color:#8b342e;font-size:8px;cursor:pointer}.archive-meta{background:#101411}.archive-meta>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.archive-meta article{padding:20px;border:1px solid #ffffff11;border-radius:10px;background:#181d19}.archive-meta article small{color:#a7463e;font-size:7px;font-weight:900}.archive-meta article h3{font:600 14px Unbounded}.archive-meta article div{display:flex;flex-wrap:wrap;gap:5px}.archive-meta article span{padding:6px;border-radius:5px;background:#0e110f;color:#aeb7b0;font-size:8px}.archive-meta .meta-locked{grid-column:1/-1;text-align:center}.meta-locked>b{font:500 50px Unbounded;color:#ffffff12}.archive-meta .meta-fragment{border-color:#a7463e;box-shadow:0 0 50px #a7463e14}.archive-dialog{width:min(590px,calc(100% - 28px));padding:30px;border:1px solid #ffffff22;border-radius:15px;background:#171b18;color:#dce2dd;box-shadow:0 30px 80px #000}.archive-dialog::backdrop{background:#050706d9;backdrop-filter:blur(8px)}.archive-dialog h2{font:600 25px Unbounded}.archive-dialog blockquote{padding:15px;border-left:4px solid #a7463e;background:#0e110f}.archive-dialog>.dialog-close{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#89958c;font-size:22px}.archive-dialog-action{padding:11px 15px;border:0;border-radius:7px;background:#a7463e;color:#fff;cursor:pointer}
@media(max-width:1100px){.archive-workspace{grid-template-columns:220px 1fr;height:auto}.archive-notes{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr 250px;border-left:0;border-top:1px solid #ffffff12}.archive-notes>header{align-content:start}.archive-notes>label{margin:12px}.archive-notes>#archive-conclusion{align-self:center}.archive-meta>div{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.archive-game{width:calc(100% - 12px);padding-top:18px}.archive-head{align-items:start;flex-direction:column}.archive-save{width:100%;justify-items:stretch}.archive-casebar{grid-template-columns:1fr}.archive-casebar>span:last-child{text-align:left}.archive-casebar nav{order:3;overflow:auto}.archive-casebar nav button{flex:1;white-space:nowrap}.archive-workspace{display:flex;flex-direction:column;height:auto}.archive-files{max-height:210px;border-right:0}.archive-reader{min-height:500px;padding:15px}.archive-paper{padding:28px 22px;min-height:440px}.archive-seal{display:none}.archive-notes{display:block}.archive-evidence,.archive-meta{padding:20px 12px}.archive-evidence>header,.archive-meta>header{display:block}.archive-evidence>div{padding:40px 5px}.archive-meta>div{grid-template-columns:1fr}}
.archive-home-group{background:radial-gradient(circle at 70% 50%,#a3342d26,transparent 40%),linear-gradient(145deg,#161a17,#0b0e0c)}.archive-home-visual{position:relative;display:grid;place-items:center;min-height:240px;margin:10px 0}.archive-home-visual>div{position:relative;width:270px;height:180px;padding:28px;background:#d8d0bd;color:#28261f;box-shadow:12px 16px 0 #1b211c,0 30px 60px #0008;transform:rotate(-3deg)}.archive-home-visual span{font:800 8px Manrope;letter-spacing:.14em}.archive-home-visual strong{display:block;margin-top:18px;font:700 25px/1.2 Georgia}.archive-home-visual i{position:absolute;right:18px;bottom:17px;padding:9px;border:3px double #9e3b34;color:#9e3b34;font:800 8px Manrope;font-style:normal;text-align:center;transform:rotate(7deg)}.archive-home-visual>b{position:absolute;right:16%;top:28px;color:#a7463e;font:600 70px Unbounded;transform:rotate(12deg)}
.redacted{display:inline-block;padding:0 4px;border-radius:1px;background:#171713!important;color:#171713!important;box-shadow:0 1px 0 #000;line-height:1.25;letter-spacing:-.08em;user-select:none;transform:rotate(-.4deg)}.redacted.permanent{cursor:not-allowed}.redacted.wide{width:80%;height:1.05em}.redacted.recoverable{position:relative;cursor:pointer}.redacted.recoverable:after{content:"следы под слоем";position:absolute;left:50%;bottom:100%;width:max-content;padding:4px 6px;border-radius:4px;background:#272820;color:#d8d0bd;font:7px Manrope;letter-spacing:0;opacity:0;pointer-events:none;transform:translateX(-50%)}.redacted.recoverable:hover:after{opacity:1}.redacted.revealed{background:#7e342d1f!important;color:#4d2521!important;text-decoration:underline;text-decoration-style:dotted;letter-spacing:normal;user-select:text;animation:archiveReveal .45s steps(3)}.redacted.revealed:after{display:none}.ui-redaction{display:inline-block;padding:0 3px;background:#070807;color:#070807;box-shadow:0 0 0 1px #30342f;user-select:none}.classified-cover{display:grid;place-items:center;min-height:350px;border:8px solid #25231e;text-align:center}.classified-cover>b{padding:15px;border:5px double #8f302a;color:#8f302a;font:800 clamp(18px,3vw,32px) Manrope;letter-spacing:.13em;transform:rotate(-4deg)}.classified-cover span{font:10px monospace}.classified-cover i{background:#171713;color:#171713;font-style:normal}.classified-cover p{max-width:360px;color:#666155}.archive-paper-sealed{background:#aaa28f}.archive-paper-sealed:before{content:"ПАКЕТ НЕ ВСКРЫВАТЬ";position:absolute;inset:12px;border:2px dashed #37352e55;display:grid;place-items:end center;padding:15px;color:#37352e55;font:800 9px Manrope;letter-spacing:.2em}@keyframes archiveReveal{0%{filter:blur(5px);opacity:.2}60%{filter:blur(1px);opacity:.7}100%{filter:none;opacity:1}}
.archive-casebar nav b[hidden]{display:none!important}
.archive-safe{margin:0 12px 10px!important;padding:12px!important;border:1px solid #ffffff10!important;background:#0c0f0d!important}.safe-door{position:relative;min-height:135px;display:grid;place-items:center;margin-bottom:10px;border:5px solid #252b26;border-radius:5px;background:linear-gradient(145deg,#343b35,#171b18);box-shadow:inset 0 0 0 2px #060806,7px 9px 16px #0008}.safe-door:before{content:"";position:absolute;left:15px;top:15px;width:45px;height:45px;border:7px double #111511;border-radius:50%;background:repeating-conic-gradient(#59635b 0 4deg,#252b26 4deg 9deg)}.safe-door i{position:absolute;right:20px;width:8px;height:55px;border-radius:4px;background:#0d100e;box-shadow:0 0 0 5px #4a554c}.safe-door strong{font:700 26px Unbounded;color:#68736a}.safe-door span{position:absolute;bottom:12px;padding:5px;border:2px solid #87342e;color:#a9433b;font-size:7px;font-weight:900;letter-spacing:.12em;transform:rotate(-5deg)}.archive-safe form{display:grid!important;grid-template-columns:1fr auto!important;gap:6px}.archive-safe form label{display:grid;gap:4px;color:#7d8980;font-size:7px}.archive-safe input{width:100%;padding:8px!important;border:1px solid #3c463e!important;background:#080a09!important;color:#d0d6d1!important;font:700 16px monospace!important;letter-spacing:.35em;text-align:center}.archive-safe form button{padding:7px;border:0;border-radius:5px;background:#303832;color:#aab4ac;font-size:7px;cursor:pointer}.archive-safe>p{min-height:28px;margin:9px 0 0;color:#667168;font-size:7px;line-height:1.45}.archive-safe.opened .safe-door{border-color:#416552;background:linear-gradient(145deg,#263c30,#151d18)}.archive-safe.opened .safe-door i{transform:rotate(35deg)}.archive-safe.opened .safe-door span{color:#4f9d74;border-color:#4f9d74}.archive-safe.error{animation:safeError .35s}.safe-find:before{content:"К-4";position:absolute;right:45px;top:45px;width:70px;height:95px;display:grid;place-items:center;border:2px solid #524f45;color:#6d685b;font:700 24px Unbounded;transform:rotate(5deg)}.safe-clue{padding:8px;border:1px dashed #3f4b6180}.archive-notes>label{margin-top:10px}.archive-notes textarea{min-height:120px}@keyframes safeError{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* Watch profile avatars */
.watch-participants i,.watch-user-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#6658f5,#8d83ff);color:#fff;font-style:normal;font-weight:800;overflow:hidden;text-decoration:none}.watch-user-avatar img{width:100%;height:100%;object-fit:cover}.watch-chat article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px}.watch-message-avatar,.watch-overlay-avatar{display:grid;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#6658f5,#8d83ff);color:#fff;font-size:11px;font-weight:800}.watch-message-avatar{width:30px;height:30px}.watch-message-avatar img,.watch-overlay-avatar img{width:100%;height:100%;object-fit:cover}.watch-chat-overlay div{grid-template-columns:28px minmax(0,1fr);column-gap:8px}.watch-overlay-avatar{grid-row:1/3;width:28px;height:28px}.watch-chat-overlay .watch-overlay-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Stronger in-frame ambient aura: the stage intentionally clips the light. */
.watch-player-shell.ambient-enabled{isolation:isolate;overflow:hidden;background:#08090b}.watch-player-shell.ambient-enabled:after{content:"";position:absolute;z-index:0;left:7%;right:7%;bottom:-8%;height:38%;border-radius:50%;background:linear-gradient(90deg,#ff613c,#805dff 48%,#20b486);filter:blur(28px);opacity:.85;animation:watchAmbientFloor 7s ease-in-out infinite alternate}.watch-player-shell.ambient-enabled .watch-ambient-glow{inset:-4%;opacity:.9;transform:scale(1.08);filter:blur(32px)}.watch-player-shell.ambient-enabled>video,.watch-player-shell.ambient-enabled>iframe,.watch-player-shell.ambient-enabled>#watch-youtube{width:94%;height:90%;border-radius:12px;box-shadow:0 15px 44px #000b,0 0 28px #735fff55}.watch-player-shell.ambient-enabled .watch-chat-overlay,.watch-player-shell.ambient-enabled .watch-reactions-layer,.watch-player-shell.ambient-enabled .watch-join,.watch-player-shell.ambient-enabled .watch-camera-preview,.watch-player-shell.ambient-enabled .watch-remote-cameras{z-index:6}@keyframes watchAmbientFloor{0%{transform:translateX(-3%) scaleX(.92);filter:blur(25px) hue-rotate(0deg)}100%{transform:translateX(3%) scaleX(1.08);filter:blur(34px) hue-rotate(35deg)}}@media(max-width:600px){.watch-player-shell.ambient-enabled>video,.watch-player-shell.ambient-enabled>iframe,.watch-player-shell.ambient-enabled>#watch-youtube{width:96%;height:92%}.watch-player-shell.ambient-enabled:after{height:32%;filter:blur(20px)}}

/* Watch media-room layout */
.watch-room{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px}.watch-room-head{grid-column:1/-1}.watch-main{grid-column:2;display:grid;gap:14px;min-width:0;max-width:920px;width:100%;margin-inline:auto}.watch-people-rail{grid-column:1;position:sticky;top:18px}.watch-people-rail>section,.watch-below-card,.watch-syncbar,.watch-view-toolbar{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.watch-people-rail>section{padding:18px}.watch-people-rail .mini-label span{float:right;color:var(--muted)}.watch-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 14px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.watch-view-toolbar>div{display:flex;gap:5px}.watch-view-toolbar button{padding:7px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.watch-view-toolbar button:hover,.watch-view-toolbar button.active{border-color:var(--line);background:var(--surface2);color:var(--text)}.watch-stage{position:relative;overflow:visible;border:0;background:transparent}.watch-player-shell{z-index:2;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 55px #0005}.watch-controls{position:relative;z-index:3;margin-top:8px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.watch-ambient-canvas{position:absolute;z-index:0;inset:-34px -42px 36px;overflow:visible;opacity:0;pointer-events:none;transition:opacity .45s ease}.watch-ambient-canvas.ambient-enabled{opacity:1}.watch-ambient-canvas i{position:absolute;border-radius:50%;filter:blur(45px);animation:watchCanvasFloat 8s ease-in-out infinite alternate}.watch-ambient-canvas i:nth-child(1){left:0;top:8%;width:48%;height:68%;background:#ff613c99}.watch-ambient-canvas i:nth-child(2){right:0;top:2%;width:52%;height:72%;background:#6658f5aa;animation-delay:-3s}.watch-ambient-canvas i:nth-child(3){left:18%;right:18%;bottom:0;height:43%;background:#18b89599;animation-delay:-5s}.watch-player-shell.ambient-enabled:after{display:none}.watch-player-shell.ambient-enabled>video,.watch-player-shell.ambient-enabled>iframe,.watch-player-shell.ambient-enabled>#watch-youtube{width:100%;height:100%;border-radius:0;box-shadow:none}@keyframes watchCanvasFloat{from{transform:translate3d(-2%,1%,0) scale(.92)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}
.watch-syncbar{position:relative;z-index:5;display:grid;grid-template-columns:auto minmax(230px,1fr) auto;padding:10px 12px;gap:12px}.watch-sync-state{display:grid!important;grid-template-columns:auto 1fr!important}.watch-syncbar>.watch-reactions{display:flex;justify-content:center;align-items:center;gap:5px}.watch-syncbar>.watch-reactions>button,.watch-syncbar .watch-sticker-trigger{flex:0 0 34px;min-width:34px;width:34px;height:34px}.watch-sync-actions{justify-content:flex-end}.watch-sync-actions .subtle-button{padding:7px 9px;font-size:9px}.watch-sticker-panel{bottom:calc(100% + 12px)}
.watch-below-card{padding:16px}.watch-section-title{display:flex;justify-content:space-between;align-items:center}.watch-section-title p{margin:0}.watch-section-title span{color:var(--muted);font-size:9px}.watch-chat{grid-template-columns:repeat(2,minmax(0,1fr));max-height:170px;margin:10px 0}.watch-chat>p{grid-column:1/-1}.watch-chat-section form{grid-template-columns:1fr 42px;margin-top:8px}.watch-room-management{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.watch-room-management h3{margin:4px 0;font:600 17px Unbounded}.watch-room-management p:not(.mini-label){margin:4px 0;color:var(--muted);font-size:11px}.watch-owner-settings{display:flex;align-items:center;gap:12px}.watch-control-toggle{margin:0;padding:0;border:0}.watch-access-settings{position:relative}.watch-access-settings form{right:0;left:auto}.watch-below-card.watch-playlist-section{border-top:1px solid var(--line)}
.watch-room[data-layout="wide"]{width:calc(100vw - 28px);max-width:none}.watch-room[data-layout="wide"] .watch-main{max-width:none}.watch-room[data-layout="compact"] .watch-main{max-width:920px}.watch-room[data-layout="wide"] .watch-player-shell{max-height:calc(100dvh - 215px);aspect-ratio:16/9}.watch-stage:fullscreen{overflow:hidden}.watch-stage:fullscreen .watch-ambient-canvas{inset:-8%;opacity:.8}.watch-stage:fullscreen .watch-player-shell{border-radius:0;border:0}.watch-stage:fullscreen .watch-controls{margin:0;border:0;border-radius:0}.watch-stage:fullscreen .watch-ambient-canvas:not(.ambient-enabled){opacity:0}
@media(max-width:900px){.watch-room{grid-template-columns:1fr}.watch-room-head,.watch-people-rail,.watch-main{grid-column:1}.watch-people-rail{position:static;order:2}.watch-main{order:3;max-width:none}.watch-people-rail>section{padding:12px}.watch-participants{display:flex;overflow-x:auto}.watch-participants>div{flex:0 0 auto;min-width:150px}.watch-syncbar{grid-template-columns:1fr}.watch-sync-actions{justify-content:flex-start}.watch-room-management{grid-template-columns:1fr}.watch-owner-settings{align-items:flex-start;flex-direction:column}.watch-chat{grid-template-columns:1fr}.watch-view-toolbar>span{display:none}.watch-view-toolbar{justify-content:center}.watch-room[data-layout="wide"]{width:calc(100% - 24px)}}
@media(max-width:560px){.watch-view-toolbar button{padding:7px 8px;font-size:9px}.watch-syncbar{padding:10px}.watch-reactions{justify-content:flex-start;overflow:visible}.watch-sync-actions{display:grid;grid-template-columns:1fr 1fr}.watch-sync-actions .subtle-button{min-height:38px}.watch-ambient-canvas{inset:-18px -12px 22px}.watch-ambient-canvas i{filter:blur(28px)}.watch-below-card{padding:13px}}

/* Floating video timeline */
.watch-stage>.watch-controls{position:absolute;z-index:15;left:14px;right:14px;bottom:14px;margin:0;padding:10px 12px;border:1px solid #ffffff1f;border-radius:12px;background:#090a0bb8;box-shadow:0 10px 34px #0008;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateY(9px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.watch-stage:hover>.watch-controls,.watch-stage:focus-within>.watch-controls,.watch-stage>.watch-controls:hover{opacity:1;transform:none;pointer-events:auto}.watch-stage>.watch-controls span{color:#d5d6d8}.watch-stage>.watch-controls button,.watch-stage>.watch-controls .watch-player-settings summary{border-color:#ffffff1a;background:#16181bd9}.watch-stage>.watch-controls input[type="range"]{accent-color:var(--accent)}.watch-stage:fullscreen>.watch-controls{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));padding:12px 14px;border:1px solid #ffffff20;border-radius:14px;background:#090a0bbd}.watch-stage:fullscreen.controls-hidden>.watch-controls{opacity:0;transform:translateY(18px);pointer-events:none}.watch-stage:fullscreen:not(.controls-hidden):hover>.watch-controls,.watch-stage:fullscreen:focus-within>.watch-controls{opacity:1;transform:none;pointer-events:auto}@media(hover:none),(pointer:coarse){.watch-stage>.watch-controls{opacity:1;transform:none;pointer-events:auto;left:8px;right:8px;bottom:8px;padding:8px;background:#090a0bc9}}@media(prefers-reduced-motion:reduce){.watch-stage>.watch-controls{transition:none}}

/* Monopoly inside Goyya Table */
.table-tools[hidden]{display:none!important}.table-workspace.monopoly-mode{grid-template-columns:minmax(0,1fr) 270px}.table-workspace.monopoly-mode>.table-canvas-shell{grid-column:1}.table-workspace.monopoly-mode>.table-sidebar{grid-column:2}
.table-object{cursor:grab}.table-object.dragging{cursor:grabbing}.object-grip{display:none}.table-participants>div{position:relative}.table-participants>div>b{margin-left:auto;color:var(--muted);font-size:9px}.table-participants>div[data-participant-id]{cursor:context-menu}.table-chat-panel{display:flex;min-height:250px;flex-direction:column}.table-chat-panel .table-events{flex:1}.table-events>div.system{border-left:2px solid #efc84a55}.table-chat-panel form{display:grid;grid-template-columns:1fr 34px;gap:5px;margin-top:8px}.table-chat-panel input{min-width:0;padding:8px}.table-chat-panel form button{border:0;border-radius:7px;background:#20b486;color:#fff;cursor:pointer}
.table-monopoly{position:absolute;inset:8px;display:grid;grid-template:repeat(11,1fr)/repeat(11,1fr);gap:2px;padding:3px;border:4px solid #27322c;border-radius:8px;background:#27322c}.table-mono-space{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;border-top:5px solid var(--mono-owner,var(--group,#d8d2c5));background:#f2eee3;color:#1c211e;text-align:center;overflow:visible}.table-mono-space:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--group,#d8d2c5);opacity:.9}.table-mono-space.owned{box-shadow:inset 0 0 0 3px var(--mono-owner)}.table-mono-space>em{position:relative;z-index:1;color:#2c3430;font:800 clamp(5px,.7vw,9px) Unbounded;font-style:normal}.table-mono-space>span{position:relative;z-index:1;max-width:100%;font-size:clamp(4px,.58vw,8px);font-weight:800;line-height:1.05;overflow-wrap:anywhere}.table-mono-space>small{font-size:clamp(4px,.5vw,7px)}.table-mono-space>div{position:absolute;z-index:5;right:2px;bottom:2px;display:flex}.table-mono-space>div i{width:17px;height:17px;display:grid;place-items:center;margin-left:-5px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:6px;font-style:normal;font-weight:900;box-shadow:0 2px 5px #0007}.table-mono-center{grid-area:2/2/11/11;display:grid;grid-template-rows:auto auto auto auto 1fr;justify-items:center;align-content:center;gap:9px;padding:18px;background:radial-gradient(circle,#eff5eb,#ccd9ca);color:#1c2721;overflow:auto}.table-mono-center>header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.table-mono-center>header span{font:700 clamp(10px,1.6vw,19px) Unbounded}.table-mono-center>header strong{font-size:11px}.table-mono-center>header b{color:#1e7e55;font:600 16px Unbounded}.table-mono-dice{display:flex;gap:8px}.table-mono-dice i{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#fff;font:700 23px Unbounded;font-style:normal;box-shadow:5px 6px 0 #b8c3b7}.table-mono-center>p{margin:0;color:#536259;font-size:10px}.table-mono-center>section,.table-trade-notice>div{display:flex;gap:7px}.table-mono-center button{padding:9px 13px;border:1px solid #aeb9ae;border-radius:8px;background:#1f8d5d;color:#fff;cursor:pointer}.table-mono-center>footer{align-self:end;color:#536259;font-size:8px;text-align:center}.table-trade-notice{width:min(430px,90%);padding:10px;border:1px solid #aeb9ae;border-radius:10px;background:#ffffffb8}.table-trade-notice p{margin:4px 0 8px;font-size:9px}
.table-trade-dialog{width:min(680px,calc(100% - 24px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 30px 90px #000c}.table-trade-dialog::backdrop{background:#050706c9;backdrop-filter:blur(8px)}.table-trade-dialog form{display:grid;gap:16px;padding:20px}.table-trade-dialog header{display:flex;align-items:center;justify-content:space-between}.table-trade-dialog header span{color:#20b486;font-size:8px;font-weight:900;letter-spacing:.14em}.table-trade-dialog h2{margin:4px 0;font:600 22px Unbounded}.table-trade-dialog header button{width:36px;height:36px;border:0;border-radius:9px;background:var(--surface2);cursor:pointer}.table-trade-money,.table-trade-assets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.table-trade-dialog label{display:grid;gap:6px;color:var(--muted);font-size:9px}.table-trade-dialog input{width:100%;padding:9px}.table-trade-dialog fieldset{display:grid;align-content:start;gap:6px;min-height:90px;padding:12px;border:1px solid var(--line);border-radius:10px}.table-trade-dialog fieldset label{display:flex;align-items:center}.table-trade-dialog fieldset input{width:auto}.table-trade-dialog .primary{padding:11px;border:0;border-radius:9px;background:#20b486;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:1000px){.table-workspace.monopoly-mode{grid-template-columns:1fr}.table-workspace.monopoly-mode>.table-canvas-shell,.table-workspace.monopoly-mode>.table-sidebar{grid-column:1}.table-workspace.monopoly-mode>.table-sidebar{display:grid;grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.table-workspace.monopoly-mode{display:flex}.table-workspace.monopoly-mode>.table-sidebar{display:grid;grid-template-columns:1fr}.table-monopoly{inset:4px}.table-mono-center{padding:8px;gap:5px}.table-mono-center>header{display:grid;justify-items:center;justify-content:center;text-align:center}.table-mono-center>header span{display:none}.table-mono-dice i{width:36px;height:36px;font-size:17px}.table-mono-center>footer{display:none}.table-trade-money,.table-trade-assets{grid-template-columns:1fr}}

/* Square Monopoly board and visible player stats */
.table-workspace.monopoly-mode{grid-template-columns:minmax(0,1fr) 290px;justify-content:center;max-width:1100px;margin-inline:auto}.table-workspace.monopoly-mode>.table-canvas-shell{grid-column:1;width:auto;height:100%;max-width:100%;aspect-ratio:1;justify-self:end}.table-workspace.monopoly-mode>.table-sidebar{grid-column:2}.table-participants>div>span{display:grid;min-width:0}.table-participants>div>span strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.table-participants>div>span small{color:var(--muted);font-size:8px}.table-participants>div>b{white-space:nowrap}.table-participants>div.offline{opacity:.55}.table-mono-space>div i{width:25px;height:25px;margin-left:-7px;border-width:3px;font-size:8px;box-shadow:0 3px 7px #0008}.table-mono-center{grid-template-rows:auto auto auto auto auto 1fr}.table-mono-stats{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:5px}.table-mono-stats article{display:flex;align-items:center;gap:6px;min-width:0;padding:6px;border:1px solid transparent;border-radius:8px;background:#ffffff80}.table-mono-stats article.current{border-color:var(--player-color);box-shadow:inset 3px 0 var(--player-color)}.table-mono-stats article>i{width:24px;height:24px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--player-color);color:#fff;font-size:8px;font-style:normal;font-weight:900}.table-mono-stats article>span{display:grid;min-width:0}.table-mono-stats strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.table-mono-stats small{color:#647169;font-size:6px}.table-mono-stats b{margin-left:auto;color:#1e7e55;font-size:7px;white-space:nowrap}
@media(max-width:1000px){.table-workspace.monopoly-mode{grid-template-columns:1fr;height:auto}.table-workspace.monopoly-mode>.table-canvas-shell,.table-workspace.monopoly-mode>.table-sidebar{grid-column:1}.table-workspace.monopoly-mode>.table-canvas-shell{width:min(100%,760px);height:auto;justify-self:center}.table-workspace.monopoly-mode>.table-sidebar{display:grid;grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.table-workspace.monopoly-mode{display:flex}.table-workspace.monopoly-mode>.table-sidebar{display:grid;grid-template-columns:1fr}.table-mono-stats{grid-template-columns:1fr 1fr}.table-mono-stats article{padding:3px}.table-mono-stats article>i{width:19px;height:19px}}

/* Monopoly as movable Table components */
.table-mono-object{position:absolute;z-index:2;min-width:380px;aspect-ratio:1;touch-action:none;filter:drop-shadow(0 18px 28px #0009)}.table-mono-object.dragging,.table-mono-accessory.dragging{z-index:30;filter:drop-shadow(0 28px 35px #000c)}.table-mono-object>.table-monopoly.tabletop{inset:0;width:100%;height:100%}.table-mono-object-tools{position:absolute;z-index:12;left:50%;top:9px;display:flex;align-items:center;gap:6px;padding:4px;border:1px solid #ffffff28;border-radius:9px;background:#111713df;color:#fff;transform:translateX(-50%)}.table-mono-object-tools button{width:27px;height:27px;padding:0;border:0;border-radius:6px;background:#ffffff12;color:#fff;cursor:pointer}.table-mono-object-tools span{font-size:7px;font-weight:900;letter-spacing:.12em}.table-mono-center.tabletop-center{grid-template-rows:auto auto auto 1fr;gap:7px;padding:clamp(8px,2.2vw,20px)}.table-mono-center.tabletop-center>header span{font-size:clamp(8px,1.2vw,15px)}.table-mono-center.tabletop-center>header strong{font-size:clamp(7px,.8vw,10px)}.table-mono-center.tabletop-center>header b{font-size:clamp(9px,1.2vw,15px)}.table-mono-center.tabletop-center>footer{align-self:end}.table-mono-inspector{position:absolute;z-index:14;left:50%;bottom:12%;display:grid;gap:3px;width:min(260px,55%);padding:9px;border:1px solid #99a99c;border-radius:9px;background:#f9fbf4ed;color:#1d2721;transform:translateX(-50%);box-shadow:0 12px 30px #10201844}.table-mono-inspector strong{font-size:10px}.table-mono-inspector span{font-size:8px}.table-mono-accessory{position:absolute;z-index:7;display:grid;justify-items:center;align-content:center;gap:3px;width:110px;height:135px;padding:10px;border:1px solid #ffffff38;border-radius:13px;color:#fff;text-align:center;touch-action:none;cursor:grab;filter:drop-shadow(0 14px 20px #0008);user-select:none}.table-mono-accessory i{width:42px;height:42px;display:grid;place-items:center;border:2px solid #ffffff78;border-radius:10px;font:700 21px Unbounded;font-style:normal}.table-mono-accessory strong{font:700 8px/1.3 Unbounded}.table-mono-accessory small{color:#ffffff9c;font-size:6px}.table-mono-accessory.mono-dice{width:120px;height:120px;background:linear-gradient(145deg,#ff7458,#a63726);transform:rotate(-2deg)}.table-mono-accessory.mono-chance{background:linear-gradient(145deg,#6658f5,#342a83);box-shadow:-4px 4px #292267,-8px 8px #191642}.table-mono-accessory.mono-news{background:linear-gradient(145deg,#d7ad30,#796019);box-shadow:-4px 4px #665017,-8px 8px #382c0e}.table-board>.table-seat{z-index:20}.table-board>.table-card{z-index:22}
@media(max-width:650px){.table-mono-object{min-width:300px}.table-mono-accessory{width:82px;height:105px}.table-mono-accessory.mono-dice{width:90px;height:90px}.table-mono-object-tools{top:5px}.table-mono-inspector{bottom:8%;width:65%}}

/* Profile session management */
.profile-sessions>p{margin:7px 0 13px;font-size:10px;line-height:1.45}.session-list{display:grid;gap:7px;margin-bottom:12px}.session-item{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.session-item>i{width:28px;height:28px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--surface);color:var(--muted);font-style:normal}.session-item.current>i{background:#20b4861c;color:#20b486}.session-item>span{display:grid;min-width:0;gap:3px}.session-item strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.session-item small{color:var(--muted);font-size:8px}.session-item>b{margin-left:auto;color:#20b486;font-size:8px;text-transform:uppercase}.session-item>form{margin-left:auto}.session-revoke{width:27px;height:27px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}.session-revoke:hover{border-color:#ff613c66;background:#ff613c12;color:#ff613c}

/* Twitch authentication */
.twitch-nav,.twitch-auth-button{background:#9146ff!important;color:#fff!important}.twitch-auth-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:18px 0 15px;padding:13px 16px;border:0;border-radius:10px;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px #9146ff2e;transition:background .18s ease,transform .18s ease}.twitch-auth-button:hover{background:#772ce8!important;transform:translateY(-1px)}.twitch-auth-button>b{font-size:17px}.twitch-auth-button.compact{margin:14px 0 0;padding:10px 12px}.auth-divider{display:flex;align-items:center;gap:9px;margin:4px 0 14px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-divider span{white-space:nowrap}.twitch-connection .profile-section-head>span{color:#9146ff}.twitch-account-row{display:flex;align-items:center;gap:10px;margin:13px 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.twitch-account-row>img,.twitch-account-row>i{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;background:#9146ff;color:#fff;object-fit:cover;font-style:normal}.twitch-account-row>span{display:grid;gap:2px;min-width:0}.twitch-account-row strong{font-size:11px}.twitch-account-row small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis}.twitch-connection>p{font-size:9px;line-height:1.5}