@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121016;--paper:#1d1a23;--paper2:#24202b;--ink:#ede6d6;--dark:#0d0b10;--edge:#4a4352;--muted:#9b93a6;--line:#3a3442;--yellow:#f2b233;--purple:#8b5cf6;--cyan:#2ec4de;--red:#d3302f;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-width:0;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}canvas:focus-visible{outline:2px solid var(--edge);outline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.game-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:14px 18px 10px;display:flex}.brand{letter-spacing:1px;font-family:Bebas Neue,Impact,sans-serif;font-size:45px;line-height:1;transform:rotate(-2deg)}.stage,.control-bar{width:min(100%,1560px,216.667dvh - 164.667px)}.stage{aspect-ratio:1560/720;flex:none;position:relative}canvas{touch-action:none;cursor:crosshair;border-radius:26px;width:100%;height:100%;display:block}.control-bar{min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:6px 5px 0;font-size:16px;display:flex}.control-bar>span{min-width:0}.control-bar nav{flex:none;gap:6px;display:flex}.control-bar button,.text-button{white-space:nowrap;background:0 0;border:2px solid #0000;border-radius:10px;padding:6px 10px}.control-bar button:hover:not(:disabled),.text-button:hover{border-color:var(--edge);background:var(--paper)}kbd{border:1.5px solid var(--muted);color:var(--ink);border-radius:4px;margin-left:4px;padding:0 5px;font:14px system-ui,sans-serif;display:inline-block}.overlay{z-index:2;text-align:center;background:#121016e6;border-radius:18px;place-items:center;padding:16px;display:grid;position:absolute;inset:12% 1.8% 18.5%;overflow:auto}.overlay-content{background:var(--paper);border:3px solid var(--edge);border-radius:20px;width:min(490px,100%);padding:24px 28px;box-shadow:5px 6px #0006}.eyebrow{color:var(--muted);margin:0 0 10px;font:17px system-ui,sans-serif}h1,h2,h3{letter-spacing:.5px;font-family:Bebas Neue,Impact,sans-serif;font-weight:400}h1{text-wrap:balance;margin:0 0 14px;font-size:48px;line-height:1.08}.overlay-content>p:not(.eyebrow){max-width:43ch;margin:0 auto 18px;font-size:19px;line-height:1.35}.primary-button{border:3px solid var(--edge);background:var(--yellow);min-height:48px;color:var(--dark);box-shadow:3px 4px 0 var(--dark);letter-spacing:.6px;white-space:nowrap;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:10px 22px;font-family:Bebas Neue,Impact,sans-serif;font-size:25px;transition:transform .12s,box-shadow .12s;display:inline-flex}.primary-button:hover:not(:disabled){box-shadow:3px 6px 0 var(--dark);transform:translateY(-2px)}.primary-button:active:not(:disabled){box-shadow:1px 2px 0 var(--dark);transform:translate(2px,2px)}.text-button{text-underline-offset:3px;margin:12px auto 0;font-size:18px;text-decoration:underline;display:block}.quick-guide{justify-content:center;gap:18px;margin:20px 0;font-size:17px;display:flex}.overlay-content .overlay-note{color:var(--muted);margin:16px auto 0!important;font-size:15px!important}.help-lines{text-align:left;grid-template-columns:125px 1fr;gap:8px 12px;font-size:17px;line-height:1.25;display:grid}.help-lines span:nth-child(odd){color:var(--ink);font-weight:400}.help-lines span:nth-child(2n){color:var(--muted)}.mode-help .overlay-content{width:min(660px,100%);padding:18px 24px}.mode-help h1{margin-bottom:12px;font-size:34px}.mode-help .eyebrow,.mode-help .overlay-note{display:none}.mode-help .primary-button{min-height:40px;padding:7px 20px;font-size:22px}@media (width<=1000px){.control-bar{font-size:14px}.control-bar button{padding:6px}.control-bar kbd{display:none}}@media (width<=799px){.game-shell{padding:12px 10px 8px}.brand{font-size:36px}.control-bar{align-items:flex-start;gap:8px;font-size:13px}.control-bar>span{max-width:48%}.control-bar nav{gap:0}.control-bar button{padding:4px 5px}.overlay{padding:7px}.overlay-content{padding:14px 18px}.overlay h1{font-size:32px}.overlay-content>p:not(.eyebrow){margin-bottom:13px;font-size:16px}.overlay .eyebrow{margin-bottom:6px;font-size:14px}.overlay .primary-button{min-height:36px;padding:6px 15px;font-size:21px}.overlay .text-button{margin-top:7px;font-size:16px}.overlay-content .overlay-note{display:none}.help-lines{grid-template-columns:100px 1fr;font-size:15px}.mode-help .overlay-content{padding:14px}}@media (width<=480px){.control-bar{flex-wrap:wrap}.control-bar>span{width:100%;max-width:100%}}@media (height<=720px) and (width>=800px){.mode-help .overlay-content{padding:14px 22px}.help-lines{gap:7px 10px;font-size:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.primary-button:hover:not(:disabled),.primary-button:active:not(:disabled){transform:none}}.overlay-content{scrollbar-color:var(--muted) var(--paper);max-height:100%;overflow-y:auto}.preferences .binding-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 22px;margin:14px 0 20px;display:grid}.binding-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.binding-row button{background:var(--paper);border:2px solid var(--edge);border-radius:8px;min-width:74px;min-height:38px;padding:5px 10px}.binding-row button[aria-pressed=true]{background:var(--yellow);color:var(--dark);box-shadow:2px 2px 0 var(--dark)}.motion-choice{color:var(--ink);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.motion-choice select{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--edge);border-radius:8px;min-height:40px;padding:5px 10px}.preference-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.preference-actions .primary-button{min-height:40px;font-size:22px}.preference-actions .text-button{margin:0;font-size:17px}.preferences .preference-status{color:#6fd39a;min-height:24px;margin-bottom:4px}.motion-choice select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}:root[data-motion=reduce] *{transition:none!important;animation:none!important}:root[data-motion=reduce] .primary-button:hover:not(:disabled),:root[data-motion=reduce] .primary-button:active:not(:disabled){transform:none}@media (width<=799px){.preferences .binding-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}}@media (width<=480px){.preferences .binding-grid{grid-template-columns:1fr}}.skill-tag{background:var(--paper2);letter-spacing:.4px;border:2.5px solid;border-radius:13px;padding:2px 10px;font-family:Bebas Neue,Impact,sans-serif;font-size:17px}.tone-heavy{color:var(--red)}.tone-light{color:#3b6fd1}.tone-none{color:var(--muted)}.skill-order{background:var(--yellow);width:44px;height:44px;color:var(--dark);border:4px solid var(--edge);border-radius:50%;place-items:center;font:30px Bebas Neue,Impact,sans-serif;display:grid;position:absolute;top:-10px;right:-10px}.game-shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}@media (width<=799px){.game-shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-shell.is-configuring{justify-content:flex-start;align-items:stretch;padding:0}.lobby{background:var(--bg);width:100%;min-height:100dvh;padding:0 max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));flex-direction:column;display:flex;position:relative}.lobby input,.lobby select{font:inherit;color:var(--ink);background:var(--paper2);border:2.5px solid var(--edge);border-radius:10px;min-height:44px;padding:4px 10px}.lobby input:focus-visible,.lobby select:focus-visible,.lobby button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.lobby-top{border-bottom:3px solid var(--edge);justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(6px,2vh,14px);padding:8px 0;display:flex}.lobby-top .brand{font-size:clamp(22px,4vh,34px);transform:rotate(-2deg)}.brand-logo{flex:none;width:auto;height:clamp(38px,7vh,58px);display:block}.create-logo{width:min(100%,250px);height:auto;margin:0 auto clamp(4px,1vh,10px);display:block}@media (height<=520px){.create-logo{width:min(100%,170px)}}.me{align-items:center;gap:8px;min-width:0;font-size:20px;display:flex}.me-face{flex:none;width:40px;height:40px}.me strong{white-space:nowrap;text-overflow:ellipsis;max-width:22vw;font-weight:400;overflow:hidden}.tabs{gap:6px;display:flex}.tabs button{border:2.5px solid var(--edge);background:var(--paper);border-radius:12px;min-height:44px;padding:4px 16px;font-size:19px}.tabs button[aria-current=page],.tabs button:hover:not([aria-current=page]){background:var(--yellow);color:var(--dark)}.screen{flex:1;min-height:0}.icons-row{align-items:center;gap:4px;display:inline-flex}.mini-icon{flex:none;width:30px;height:30px}.form-error{color:#ff7a7a;min-height:20px;margin:4px 0;font-size:16px}.row-action{border:2.5px solid var(--edge);background:var(--paper);border-radius:10px;min-width:44px;min-height:44px;padding:4px 10px;font-size:17px}.row-action.wide{padding:4px 14px}.row-action:hover:not(:disabled){background:var(--yellow);color:var(--dark)}.play-button{letter-spacing:1.5px;color:var(--dark);background:var(--yellow);border:4px solid var(--edge);box-shadow:4px 6px 0 var(--dark);border-radius:20px;padding:clamp(6px,2vh,14px) 10px;font:clamp(30px,8vh,46px) Bebas Neue,Impact,sans-serif;transition:transform .12s,box-shadow .12s}.play-button:hover:not(:disabled){box-shadow:4px 8px 0 var(--dark);transform:translateY(-2px)}.play-button:active:not(:disabled){box-shadow:2px 3px 0 var(--dark);transform:translate(2px,3px)}.play-button:disabled{color:var(--muted);box-shadow:none;opacity:1;background:#2c2834}.play-button.small{padding:4px 22px;font-size:clamp(22px,5vh,30px)}.name-hint{color:var(--muted);margin:2px 0;font-size:16px}.home-stats{color:var(--muted);white-space:pre-line;margin:0;font-size:16px;line-height:1.25}.party-slots{justify-content:center;align-items:flex-end;gap:clamp(8px,2.4vw,26px);max-width:100%;display:flex}.slot{flex-direction:column;align-items:center;gap:2px;min-width:0;font-size:16px;display:flex}.slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.friend-face{width:clamp(48px,15vh,72px);height:clamp(48px,15vh,72px)}.slot-friend.is-away{opacity:.6}.slot-away{color:#ff7a7a;font-size:14px}.party-label{color:var(--muted);margin:2px 0 0;font-size:17px}.party-actions{gap:12px;display:flex}.party-actions .text-button{min-height:36px;margin:0;font-size:16px}.invite-panel{z-index:5;background:#e9e3d4e6;place-items:center;padding:8px;display:grid;position:absolute;inset:0}.invite-box{background:var(--paper);border:3px solid var(--edge);border-radius:18px;width:min(420px,100%);max-height:100%;padding:12px 16px;overflow:auto;box-shadow:4px 6px #16161633}.invite-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.invite-head h2{margin:0;font-size:24px}.invite-box p{margin:4px 0;font-size:16px}.invite-code-row{align-items:stretch;gap:8px;display:flex}.invite-code{letter-spacing:6px;border:3px solid var(--edge);background:var(--paper2);border-radius:12px;flex:1;place-items:center;font:30px Bebas Neue,Impact,sans-serif;display:grid}.invite-status{color:#6fd39a;min-height:20px}.invite-join{border-top:2px dashed var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.invite-join label{width:100%;color:var(--muted);font-size:16px}.invite-join input{text-transform:uppercase;letter-spacing:2px;width:120px}.screen-bar{border-bottom:3px solid var(--edge);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:8px 0;display:flex}.screen-bar h1{text-align:center;margin:0;font-size:clamp(22px,5vh,32px)}.screen-bar>span{min-width:90px}.modes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,18px);display:grid}.mode-column{flex-direction:column;gap:6px;display:flex}.mode-column h2{margin:0;font-size:24px}.mode-column>p{color:var(--muted);min-height:2.4em;margin:0;font-size:15px;line-height:1.2}.mode-column button[data-play]{border:2.5px solid var(--edge);background:var(--paper);text-align:left;border-radius:12px;align-items:baseline;gap:8px;min-height:44px;padding:4px 12px;font-size:17px;display:flex}.mode-column button[data-play] strong{font:400 24px Bebas Neue,Impact,sans-serif}.mode-column button[aria-pressed=true]{background:var(--yellow);color:var(--dark);box-shadow:2px 3px 0 var(--dark)}.mode-column button[data-play]:hover:not(:disabled):not([aria-pressed=true]){background:#efe9dc}.inline-select{justify-content:space-between;align-items:center;gap:8px;font-size:16px;display:flex}.mode-note{color:var(--muted);margin:0;font-size:14px;line-height:1.2}.mode-sub{color:var(--muted);font-size:16px}.room-sizes{gap:6px;display:flex}.room-sizes button,.room-join button{border:2.5px solid var(--edge);background:var(--paper);border-radius:12px;flex:1;min-height:44px;font:22px Bebas Neue,Impact,sans-serif}.room-sizes button:hover:not(:disabled),.room-join button:hover:not(:disabled){background:var(--yellow);color:var(--dark)}.room-join{gap:6px;display:flex}.room-join input{text-transform:uppercase;letter-spacing:2px;flex:1.4;width:0}.modes-status{color:#ff7a7a;min-height:20px;margin:8px 0 0;font-size:15px}.screen-room{flex-direction:column;display:flex}.room-teams{flex:1;grid-template-columns:1fr 1fr;gap:clamp(8px,2vw,18px);min-height:0;display:grid;overflow:auto}.room-team{flex-direction:column;gap:5px;display:flex}.room-team h3{margin:0;font-size:22px}.team-yellow h3{color:#7a5d00}.team-purple h3{color:#5b3a8f}.room-row{border:2.5px solid var(--edge);background:var(--paper);text-align:left;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:2px 8px;font-size:16px;display:flex}.room-row .row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.room-row .row-action{min-width:40px;min-height:36px}.room-row.is-me{background:#2c2834}.room-row.is-away{opacity:.6}.room-row.is-bot{background:#efe9dc}.room-row.is-empty{color:var(--muted);background:0 0;border-style:dashed;justify-content:center}button.room-row.is-empty:hover{background:var(--yellow);color:var(--ink)}.row-face{flex:none;width:30px;height:30px}.room-foot{flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.room-count{color:var(--muted);flex:1;min-width:120px;font-size:16px}.room-status{color:#6fd39a;min-height:18px;margin:4px 0 0;font-size:15px}.screen-skills{grid-template-columns:minmax(130px,180px) minmax(0,1fr);gap:clamp(8px,2vw,18px);display:grid}.preset-side{flex-direction:column;gap:6px;min-width:0;display:flex}.preset-title{margin:0;font-size:22px}.preset-list{flex-direction:column;gap:5px;display:flex}.preset-item{border:2.5px solid var(--edge);background:var(--paper);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:4px 8px;font-size:16px;display:flex}.preset-item.is-editing{background:var(--ink);color:var(--paper)}.preset-item:hover:not(.is-editing){background:#2c2834}.preset-item-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.preset-item-icons{gap:2px;display:flex}.preset-item .mini-icon{width:22px;height:22px}.preset-add{border:2.5px dashed var(--muted);min-height:40px;color:var(--muted);background:0 0;border-radius:12px;font-size:16px}.preset-add:hover:not(:disabled){border-color:var(--edge);color:var(--ink)}.preset-main{flex-direction:column;gap:6px;min-width:0;display:flex}.preset-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-name input{width:clamp(120px,19vw,220px);font-size:19px}.preset-slots{gap:6px;display:flex}.preset-slot{border:2.5px solid var(--edge);background:var(--paper2);border-radius:12px;place-items:center;width:46px;height:46px;display:grid;position:relative}.preset-slot.is-empty{background:0 0;border-style:dashed}.preset-slot .mini-icon{width:36px;height:36px}.slot-number{background:var(--yellow);width:20px;height:20px;color:var(--dark);border:2px solid var(--edge);border-radius:50%;place-items:center;font:13px Bebas Neue,Impact,sans-serif;display:grid;position:absolute;bottom:-6px;right:-6px}.preset-actions{gap:6px;margin-left:auto;display:flex}.preset-actions button{border:2.5px solid var(--edge);background:var(--paper);border-radius:12px;min-height:44px;padding:4px 10px;font-size:16px}.preset-actions button:hover:not(:disabled){background:var(--yellow);color:var(--dark)}.preset-catalog{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.skill-filters{flex-shrink:0;gap:6px;padding:3px 3px 5px;display:flex;overflow-x:auto}.skill-filter{border:2.5px solid var(--edge);background:var(--paper);min-height:44px;color:var(--ink);white-space:nowrap;border-radius:12px;flex:none;padding:4px 12px;font-size:16px}.skill-filter[aria-pressed=true]{background:var(--yellow);color:var(--dark);box-shadow:2px 2px 0 var(--dark)}.skill-filter:hover{background:#2c2834}.skill-filter:focus-visible,.preset-slot:focus-visible{outline:3px dashed var(--ink);outline-offset:2px}.preset-slot{padding:0}.preset-slot:hover:not(:disabled){background:#2c2834}.chip-role{letter-spacing:0;color:var(--ink);border:1px solid var(--edge);background:var(--paper);border-radius:5px;padding:1px 4px;font:13px/1.1 system-ui,sans-serif}.skill-functions,.skill-traits{flex-basis:100%}.skill-functions{font-weight:700}.skill-chip{border:3px solid var(--edge);background:var(--paper2);letter-spacing:.3px;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:4px 2px;font:clamp(12px,2.2vh,15px)/1.05 Bebas Neue,Impact,sans-serif;display:flex;position:relative}.skill-chip .chip-icon{pointer-events:none;width:clamp(36px,9vh,58px);height:clamp(36px,9vh,58px)}.skill-chip.is-selected{background:#2c2834;border-width:4px}.skill-chip.is-dimmed{opacity:.45}.skill-chip.is-info{outline:3px dashed var(--ink);outline-offset:2px}.skill-chip .skill-order{border-width:3px;width:26px;height:26px;font-size:17px;top:-8px;right:-8px}.preset-bottom{align-items:stretch;gap:8px;display:flex}.preset-info{background:var(--paper2);border:3px solid var(--edge);min-height:44px;color:var(--ink);border-radius:14px;flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 10px;padding:6px 10px;font-size:15px;line-height:1.2;display:flex}.preset-info strong{color:var(--ink);font:400 20px Bebas Neue,Impact,sans-serif}.preset-info .skill-tag{padding:0 8px;font-size:13px}.preset-info .info-hint{color:var(--muted)}.preset-status{color:#6fd39a;flex:0 240px;align-self:center;margin:0;font-size:15px;line-height:1.2}.preset-status.is-error{color:#ff7a7a}.screen-settings{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-content:start;gap:10px 18px;display:grid;overflow:auto}.settings-block{background:var(--paper);border:3px solid var(--edge);border-radius:16px;padding:8px 14px}.settings-block h2{margin:0 0 4px;font-size:22px}.settings-row{gap:8px;display:flex}.settings-row input{flex:1;min-width:0}.settings-note{color:var(--muted);margin:2px 0;font-size:15px;line-height:1.35}.screen-settings .preferences{grid-row:span 2}.screen-settings .text-button{margin:4px 0 0;font-size:15px}.rotate-notice{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-notice{z-index:20;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:fixed;inset:0}.rotate-notice strong{font:400 40px Bebas Neue,Impact,sans-serif}.rotate-notice span{color:var(--muted);font-size:18px}}@media (height<=480px){.lobby-top{padding:4px 0}.tabs button{padding:2px 10px;font-size:16px}.me{font-size:17px}.me-face{width:32px;height:32px}.home-stats{font-size:13px}.mini-icon{width:24px;height:24px}.mode-column>p{display:none}.mode-column h2{font-size:20px}.screen-bar{margin-bottom:6px;padding:4px 0}.preset-info,.preset-status{font-size:13px}.settings-block{padding:6px 10px}}@media (width<=720px){.tabs button{padding:2px 8px}.lobby-top .brand{display:none}.preset-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1000px) and (height>=600px){.lobby{max-width:1280px;margin:0 auto}.friend-face{width:clamp(72px,16vh,110px);height:clamp(72px,16vh,110px)}.slot,.party-label{font-size:19px}.mini-icon{width:36px;height:36px}}.screen-create{justify-content:center;align-items:center;padding:clamp(6px,2vh,18px) 0;display:flex}.create-form{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:center;gap:clamp(10px,3vw,32px);width:min(980px,100%);display:grid}.create-side{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.create-side h1{margin:0;font-size:clamp(22px,5.5vh,38px);line-height:1}.create-face{width:clamp(110px,34vh,220px);height:clamp(110px,34vh,220px)}.create-side input{text-align:center;width:100%;font-size:20px}.create-side .form-error{min-height:18px;margin:0;font-size:14px}.create-actions{justify-content:center;align-items:center;gap:8px;display:flex}.create-actions .primary-button{min-height:44px;font-size:clamp(20px,4.5vh,26px)}.create-options{flex-direction:column;gap:clamp(4px,1.2vh,10px);min-width:0;display:flex}.create-head{align-items:center;gap:10px;display:flex}.create-head .name-hint{flex:1;margin:0;font-size:15px;line-height:1.2}.create-parts{flex-direction:column;gap:clamp(3px,1vh,8px);display:flex}.create-row{grid-template-columns:clamp(96px,16vw,150px) minmax(0,1fr);align-items:center;gap:8px;display:grid}.create-label{color:var(--muted);font-size:16px}.create-chips{flex-wrap:wrap;gap:5px;display:flex}.look-chip{border:2.5px solid var(--edge);background:var(--paper);border-radius:10px;min-width:44px;min-height:36px;padding:2px 10px;font-size:16px}.look-chip:hover:not(:disabled){background:#2c2834}.look-chip[aria-pressed=true]{background:var(--yellow);color:var(--dark);box-shadow:2px 3px 0 var(--dark)}.look-chip.is-swatch{background:var(--swatch);border-radius:50%;width:40px;min-width:40px;padding:0}.look-chip.is-swatch[aria-pressed=true]{background:var(--swatch);outline:3px solid var(--ink);outline-offset:3px;box-shadow:none}.settings-face{flex:none;width:56px;height:56px}.settings-name .settings-row{align-items:center}.settings-name strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:20px;font-weight:400;overflow:hidden}@media (height<=480px){.create-head .name-hint{font-size:13px}.create-label{font-size:14px}.look-chip{min-height:32px;padding:1px 8px;font-size:14px}.look-chip.is-swatch{width:32px;min-width:32px}.create-side input{min-height:38px;font-size:18px}.create-actions .primary-button,.create-actions .row-action{min-height:38px}}@media (width<=720px){.create-form{grid-template-columns:minmax(150px,200px) minmax(0,1fr)}.create-row{grid-template-columns:86px minmax(0,1fr)}}@font-face{font-family:Barlow Condensed;src:url(/assets/fonts/BarlowCondensed-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/assets/fonts/BarlowCondensed-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/assets/fonts/BarlowCondensed-700Italic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/assets/fonts/BarlowCondensed-800Italic.woff2)format("woff2");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/assets/fonts/BarlowCondensed-900Italic.woff2)format("woff2");font-weight:900;font-style:italic;font-display:swap}#screen-home.screen-home{padding:0;display:block}#screen-home[hidden]{display:none}.hm-wrap{z-index:10;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#0c0b0f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#screen-home .invite-panel{z-index:15;position:fixed}.hm-stage{--gold:#f2b233;--gold2:#c98a1c;--lt:#ede6d6;--mut:#a59cb2;--noise:none;transform-origin:50%;width:1600px;height:900px;color:var(--lt);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:18px;flex:none;font-family:Barlow Condensed,Arial Narrow,sans-serif;position:relative;overflow:hidden}.hm-stage>canvas{width:1600px;height:900px;position:absolute;inset:0}.hm-stage .hm-grain{pointer-events:none;background-image:var(--noise);opacity:.07;mix-blend-mode:overlay;z-index:50;position:absolute;inset:0}.hm-stage .ui{position:absolute}.hm-stage .ttl{white-space:nowrap;text-transform:uppercase;letter-spacing:.2px;text-shadow:0 2px #000000d9;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:800;line-height:1;display:inline-block}.hm-stage div.ttl{display:block}.hm-stage button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.hm-stage button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.hm-stage button:disabled{cursor:not-allowed;filter:grayscale(.6)brightness(.75)}.hm-stage .press{transition:transform 80ms,filter 80ms}.hm-stage .press:not(:disabled):hover{filter:brightness(1.12)}.hm-stage .press:not(:disabled):active{transform:scale(.95)}.hm-stage .sh{filter:drop-shadow(0 6px #0009)drop-shadow(0 0 10px #00000059)}.hm-stage .panel{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(#26202d 0%,#16121b 55%,#0e0b12 100%);width:100%;height:100%;position:relative;box-shadow:inset 0 0 0 3px #0a080c,inset 0 0 0 5px #3a3343,inset 0 8px 0 5px #ffffff0a}.hm-stage .panel:before{content:"";background:var(--gold);clip-path:polygon(16px 0,30px 0,0 30px,0 16px);width:30px;height:30px;position:absolute;top:0;left:0}.hm-stage .panel:after{content:"";background:linear-gradient(90deg,var(--gold),#ffd27a 70%,transparent);clip-path:polygon(0 0,96% 0,100% 100%,0 100%);width:58%;height:7px;position:absolute;bottom:0;left:0}.hm-stage .panel.v{background:linear-gradient(120deg,#2a1a4a,#40257a 55%,#22143c);box-shadow:inset 0 0 0 3px #0a080c,inset 0 0 0 5px #6a48c8}.hm-stage .panel.v:before,.hm-stage .panel.v:after{background:#b48bff}.hm-stage .row{align-items:center;height:100%;display:flex}.hm-stage #hm-prof{width:450px;height:112px;top:16px;left:22px}.hm-stage #hm-prof .row{gap:16px;padding:0 20px 0 16px}.hm-stage #hm-av{width:88px;height:88px;box-shadow:0 0 0 3px #0a080c,0 0 0 5px var(--gold);border-radius:12px;flex:none}.hm-stage #hm-prof .nm{text-overflow:ellipsis;max-width:300px;font-size:44px;overflow:hidden}.hm-stage #hm-prof .lv{align-items:center;gap:12px;margin-top:6px;display:flex}.hm-stage #hm-prof .lv .ttl{color:#ffd27a;font-size:26px}.hm-stage .bar{background:#0a080c;border:2px solid #4a4352;height:16px;position:relative;overflow:hidden;transform:skew(-14deg)}.hm-stage .bar i{background:linear-gradient(#ffe29a,#f2b233 60%,#c98a1c);position:absolute;inset:0 auto 0 0}.hm-stage .bar i:after{content:"";background:#ffffff40;position:absolute;inset:0 0 50%}.hm-stage #hm-cur{align-items:center;gap:14px;display:flex;top:20px;right:22px}.hm-stage .cw{height:64px;padding-left:30px;position:relative}.hm-stage .cw svg.ic{z-index:2;filter:drop-shadow(0 3px #000);width:66px;height:66px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hm-stage .cw .sh{height:100%}.hm-stage .cw .panel .row{padding:0 22px 0 44px;font-size:36px}.hm-stage .sq{width:66px;height:66px}.hm-stage .sq .row{justify-content:center}.hm-stage .sq svg{width:36px;height:36px}.hm-stage #hm-pass{width:350px;height:124px;top:192px;left:26px}.hm-stage #hm-pass .row{gap:12px;padding-left:12px}.hm-stage .badge{flex:none;width:100px;height:108px;position:relative}.hm-stage #hm-pass .t{font-size:32px}.hm-stage .pb{align-items:center;gap:10px;margin-top:8px;display:flex}.hm-stage .pb .bar{width:160px;height:24px}.hm-stage .pb .bar span{text-shadow:0 1px #000;place-items:center;font-size:20px;font-style:italic;font-weight:800;display:grid;position:absolute;inset:0;transform:skew(14deg)}.hm-stage .chev{flex:none;width:22px;height:22px}.hm-stage .menu{width:258px;height:80px;left:26px}.hm-stage .menu .row{gap:14px;padding-left:18px;font-size:32px}.hm-stage .menu svg{filter:drop-shadow(0 2px #000);flex:none;width:50px;height:50px}.hm-stage #hm-evt{width:440px;height:160px;top:140px;right:26px}.hm-stage #hm-evt .row{padding:0 30px 0 140px}.hm-stage #hm-evt .k{font-size:28px}.hm-stage #hm-evt .n{color:#d9c2ff;text-shadow:0 3px #1a0f30,0 0 14px #b48bff73;font-size:54px}.hm-stage #hm-evt .tm{color:#d6cbe9;font-size:22px;font-weight:700}.hm-stage #hm-evc{z-index:2;width:130px;height:152px;position:absolute;top:4px;left:10px}.hm-stage #hm-evt .info,.hm-stage #home-mode .info{z-index:3;width:36px;height:36px;position:absolute;top:16px;right:30px}.hm-stage #home-mode .info{top:14px}.hm-stage .rb{width:140px;height:116px;right:30px}.hm-stage .rb .row{flex-direction:column;justify-content:center;gap:4px;font-size:28px}.hm-stage .rb svg{filter:drop-shadow(0 2px #000);width:58px;height:58px}.hm-stage #hm-bubble{width:250px;height:104px;top:254px;left:440px}.hm-stage #hm-bubble .panel{clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px)}.hm-stage #hm-bubble .row{flex-direction:column;justify-content:center;align-items:flex-start;padding:0 22px}.hm-stage #hm-bubble .ttl{text-overflow:ellipsis;max-width:190px;font-size:34px;overflow:hidden}.hm-stage #hm-bubble small{color:var(--lt);font-size:24px;font-style:italic;font-weight:700}.hm-stage #hm-bubble .on{z-index:3;background:#3bd16f;border-radius:50%;width:14px;height:14px;position:absolute;top:44px;right:16px;box-shadow:0 0 0 3px #0a080c,0 0 10px #3bd16f}.hm-stage #hm-bubble .on.is-off{background:#7d7488;box-shadow:0 0 0 3px #0a080c}.hm-stage #hm-bubble .tail{clip-path:polygon(0 0,100% 0,55% 100%);z-index:2;background:#0e0b12;width:36px;height:26px;position:absolute;bottom:-24px;left:150px}.hm-stage #hm-plus{width:82px;height:82px;top:426px;left:1046px}.hm-stage #hm-plus .panel{clip-path:none;border-radius:12px;box-shadow:inset 0 0 0 3px #0a080c,inset 0 0 0 5px #cfc6d8}.hm-stage #hm-plus .panel:before,.hm-stage #hm-plus .panel:after{display:none}.hm-stage #hm-plus svg{width:40px;height:40px}.hm-stage #hm-box{width:410px;height:144px;top:718px;left:34px}.hm-stage #hm-box .row{gap:16px;padding-left:20px}.hm-stage #hm-box svg{filter:drop-shadow(0 4px #000);flex:none;width:126px;height:118px}.hm-stage #hm-box .t{font-size:36px}.hm-stage #hm-box .tm{color:#ffd27a;margin-top:4px;font-size:26px;font-weight:700}.hm-stage #home-mode{width:470px;height:140px;top:726px;left:690px}.hm-stage #home-mode .row{gap:18px;padding-left:26px}.hm-stage #home-mode svg.m{flex:none;width:96px;height:96px}.hm-stage #home-mode .k{color:var(--mut);font-size:22px}.hm-stage #home-mode .n{font-size:50px}.hm-stage #home-mode .d{color:#d6cbe9;font-size:24px;font-weight:700}.hm-stage #home-play{width:404px;height:182px;top:700px;left:1172px}.hm-stage #home-play .pp{clip-path:polygon(3% 6%,9% 0,100% 2%,98% 30%,100% 64%,97% 100%,40% 97%,6% 100%,0 70%,2% 34%);background:linear-gradient(#ffdb6e,#f2b233 52%,#d48d16);position:absolute;inset:0}.hm-stage #home-play .pp:before{content:"";background-image:var(--noise);opacity:.12;mix-blend-mode:multiply;background-size:160px;position:absolute;inset:0}.hm-stage #home-play .pp:after{content:"";background:linear-gradient(115deg,#0000 40%,#fff6 50%,#0000 60%);animation:3.4s infinite hm-sh;position:absolute;inset:0;transform:translate(-120%)}.hm-stage #home-play .lab{color:#120f14;letter-spacing:1px;text-shadow:0 3px #ffffff59;place-items:center;padding-bottom:6px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:124px;font-style:italic;font-weight:900;display:grid;position:absolute;inset:0}.hm-stage #home-play svg{width:70px;height:40px;position:absolute;bottom:26px;right:30px}@keyframes hm-sh{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}.hm-stage #hm-toast{box-shadow:inset 0 0 0 3px var(--gold);text-transform:uppercase;opacity:0;pointer-events:none;z-index:60;white-space:nowrap;background:#16131b;padding:10px 28px;font-size:34px;font-style:italic;font-weight:800;transition:opacity .2s;top:132px;left:50%;transform:translate(-50%)}.hm-stage #hm-toast.is-on{opacity:1}.hm-stage #home-search{z-index:70;background:#08060ae0;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;inset:0}.hm-stage #home-search[hidden]{display:none}.hm-stage #home-search .ttl{font-size:88px}.hm-stage #home-search .s{color:var(--mut);font-size:36px;font-weight:700}.hm-stage .spin{border:10px solid #2c2734;border-top-color:var(--gold);border-radius:50%;width:110px;height:110px;animation:1s linear infinite hm-rot}@keyframes hm-rot{to{transform:rotate(360deg)}}.hm-stage #home-cancel{text-transform:uppercase;background:#1d1924;margin-top:10px;padding:10px 44px;font-size:40px;font-style:italic;font-weight:800;box-shadow:inset 0 0 0 3px #cfc6d8}.hm-stage #hm-party{flex-direction:column;gap:6px;width:420px;display:flex;top:380px;left:440px}.hm-stage .hm-friends{flex-wrap:wrap;gap:10px;display:flex}.hm-stage .hm-friends .slot-friend{text-transform:uppercase;background:#16121bdd;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:24px;font-style:italic;font-weight:800;display:flex;box-shadow:inset 0 0 0 3px #0a080c,inset 0 0 0 5px #3a3343}.hm-stage .hm-friends .slot-friend.is-away{opacity:.6}.hm-stage .hm-friends canvas{width:46px;height:46px}.hm-stage .hm-party-label{color:#d6cbe9;text-shadow:0 2px #000;margin:0;font-size:24px;font-weight:700}.hm-stage .hm-party-actions{gap:18px;display:flex}.hm-stage .hm-link{color:#ffd27a;text-shadow:0 2px #000;font-size:24px;font-style:italic;font-weight:700;text-decoration:underline}.hm-stage .hm-status{text-align:right;color:#ffd27a;text-shadow:0 2px #000;width:404px;margin:0;font-size:26px;font-style:italic;font-weight:700;line-height:1.1;top:640px;left:1172px}.hm-stage .hm-resume{top:604px;left:1172px}@media (prefers-reduced-motion:reduce){.hm-stage #home-play .pp:after,.hm-stage .spin{animation:none}}