@layer pba-legacy{#chat-toggle{position:absolute;left:10px;bottom:26px;z-index:6;padding:7px 12px;background:#183b39ed;color:#f5efdb;border:1px solid #78998c;border-radius:20px;font-size:12px}#room-chat{position:absolute;z-index:8;inset:auto 10px 10px;max-width:380px;max-height:calc(100% - 20px);height:320px;background:#142b2afa;color:#f6f0de;border:1px solid #769087;border-radius:12px;box-shadow:0 8px 30px #0008;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#room-chat[hidden]{display:none!important}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:13px;border-bottom:1px solid #ffffff20}#room-chat button{padding:6px 10px;font-size:12px;color:#f6f0de;background:#35564b;border:0;border-radius:6px;margin:0;flex:none}#chat-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 12px;touch-action:pan-y}.chat-message{margin:0 28px 10px 0}.chat-message.own{margin:0 0 10px 28px;text-align:right}.chat-message small{font-size:10px;color:#b5c9bb}.chat-message p{font-size:13px;line-height:1.4;margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#f8f0da}#chat-form{display:flex;gap:6px;padding:8px;border-top:1px solid #ffffff20}#chat-input{width:0;min-width:0;flex:1;margin:0;padding:8px;background:#0d2321;color:#fff;border:1px solid #587569;border-radius:6px;font-size:16px}#chat-error{margin:0;padding:0 10px;font-size:11px;color:#ffd8b5}#chat-error:empty{display:none}.chat-input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1200px){.game-grid{grid-template-columns:minmax(0,1fr) 290px!important;grid-template-rows:auto 1fr;gap:12px 20px!important}.game-grid>.stage{grid-column:1;grid-row:1/3;height:78vh}.game-grid>aside{grid-column:2;grid-row:1}.game-grid>#room-chat{grid-column:2;grid-row:2;position:relative;inset:auto;width:100%;max-width:none;max-height:none;height:clamp(230px,32vh,420px);display:flex!important;align-self:stretch}#chat-toggle,#chat-close{display:none}}#pass-shot{grid-column:1/-1;padding:8px;color:#f7e7bb;border:1px solid #b9a672;background:#344535}@media(min-width:1200px){.game-grid{height:max(620px,calc(100dvh - 255px));grid-template-columns:minmax(0,1fr) 310px!important;grid-template-rows:auto minmax(160px,1fr)}.game-grid>.stage{height:100%;min-height:0}.game-grid>#room-chat{height:100%;min-height:160px}.game-grid>aside #message:empty{display:none}.game-grid>aside>.views{margin:6px 0}.game-grid>aside #shot-controls{grid-template-columns:minmax(0,1fr) 110px;padding:12px;gap:8px 12px}.game-grid>aside #presence{margin:0 0 6px}}}@layer pba-legacy{@layer base{:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;color:#eeeadd;background:#101711}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{padding:22px 4vw;border-bottom:1px solid #314332;display:flex;justify-content:space-between;align-items:center}a{color:inherit;text-decoration:none;font-size:24px;font-weight:700}small{font-size:12px;font-weight:400;color:#b5baa9}main{max-width:1600px;margin:auto;padding:24px}#lobby{max-width:550px;margin:8vh auto}h1{font-size:clamp(32px,5vw,52px);line-height:1.2}p{line-height:1.7;color:#b5baa9}.eyebrow{letter-spacing:2px;color:#d5bc7c;font-size:13px}button,input,select{font:inherit}button,select,input:not([type=range]){border:1px solid #4d5a46;border-radius:8px;padding:12px;background:#233122;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}label{display:block;margin:18px 0;color:#cdd2c0}label select{display:block;width:100%;margin-top:8px}#create,.primary{background:#dac78e;color:#182019;width:100%;font-weight:700}.join{display:flex;gap:10px;margin-top:26px}.join input{min-width:0;flex:1;text-transform:uppercase}.room-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.room-bar strong{margin-right:auto;letter-spacing:2px}.room-bar button{padding:8px;font-size:13px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.stage{position:relative;min-height:520px;height:70vh;border-radius:16px;overflow:hidden;background:#101911}canvas{width:100%;height:100%;display:block;touch-action:none}aside{padding:4px 8px}h2{font-size:24px}input[type=range]{width:100%;accent-color:#d5bc7c}.views{display:flex;gap:6px}.views button{flex:1;padding:9px 4px}.primary{margin:14px 0}.primary small{color:#354130}#view-note{position:absolute;bottom:12px;left:16px;font-size:12px;color:#bdc6b5;pointer-events:none}details{margin-top:22px;font-size:12px}summary{cursor:pointer;color:#b5baa9}#error{color:#f3b4a6}#message{min-height:24px;color:#d5bc7c}#connection{font-size:12px;color:#a6b7a5}@media(max-width:760px){main{padding:12px}.game-grid{grid-template-columns:1fr}.stage{height:48vh;min-height:280px;position:sticky;top:0;z-index:2}aside{padding:8px}#lobby{margin:5vh auto}.room-bar{gap:6px}.views button{min-height:42px}}#nickname{display:block;width:100%;margin:8px 0}#score,#status,#turn{overflow-wrap:anywhere}#presence{font-size:12px;color:#a9be9e;margin:4px 0}#rotate-hint{font-size:12px;color:#dac78e;display:none}#shot-summary{font-size:12px;color:#d5bc7c;margin:8px 0}.tip-area{display:flex;gap:16px;align-items:center;margin:16px 0}.tip-area>div:last-child{flex:1}.tip-area button{display:block;width:100%;margin:6px 0;padding:9px}.tip-area strong{font-size:13px}#tip-pad{position:relative;flex:0 0 110px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffef0,#d9d5c3 70%,#949887);box-shadow:inset 0 0 0 1px #fff8,0 4px 10px #0007;touch-action:none;cursor:crosshair}#tip-pad:before,#tip-pad:after{content:"";position:absolute;background:#60695855}#tip-pad:before{width:1px;height:80%;left:50%;top:10%}#tip-pad:after{height:1px;width:80%;top:50%;left:10%}#tip-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;border:2px solid #eee;border-radius:50%;background:#286787;transform:translate(-50%,-50%);z-index:2}.tip-top,.tip-bottom{position:absolute;left:45%;font-size:10px;color:#737665}.tip-top{top:4px}.tip-bottom{bottom:4px}#fine[aria-pressed=true]{background:#dac78e;color:#182019}#tip-pad[aria-disabled=true]{opacity:.4;pointer-events:none}.screen-button{position:absolute;right:12px;bottom:10px;padding:5px 12px;font-size:24px;background:#10171199}#resume{width:100%;margin-bottom:12px}#resign{margin-top:8px;color:#e1aaa0}.stage:fullscreen{width:100vw;height:100vh;border-radius:0}@media(max-width:760px)and (orientation:portrait){#rotate-hint{display:block}}@media(max-height:600px)and (orientation:landscape){header{padding:6px 16px}header a{font-size:18px}main{padding:6px 10px}.room-bar{margin-bottom:6px}.room-bar button{padding:5px;font-size:11px}.game-grid{grid-template-columns:minmax(0,1fr) 250px;gap:10px;height:calc(100dvh - 96px)}.stage{position:relative;height:100%;min-height:0}aside{height:100%;overflow-y:auto;padding:0 4px}h2{font-size:17px;margin:4px 0}p{margin:4px 0;font-size:12px}label{margin:8px 0;font-size:12px}.tip-area{margin:8px 0;gap:10px}#tip-pad{flex-basis:88px;width:88px;height:88px}.tip-area button{padding:6px;min-height:32px}.views button{min-height:34px}.primary{margin:8px 0}#rotate-hint{display:none}}.entry{max-width:1000px;padding:6vh 24px}.entry h1{font-size:clamp(34px,5vw,56px)}.entry-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0}.entry-card{display:block;border:1px solid #46553d;border-radius:16px;background:#1a281b;padding:28px;font-size:16px;font-weight:400;transition:border-color .2s,background .2s}.entry-card:hover,.entry-card:focus-visible{background:#253726;border-color:#d5bc7c}.entry-card span{font-size:12px;letter-spacing:2px;color:#d5bc7c}.entry-card h2{font-size:28px}.entry-card p{min-height:54px}.entry-card strong{display:block;color:#e6d197;margin-top:24px}.entry-note{font-size:12px}@media(max-width:600px){.entry-options{grid-template-columns:1fr;gap:14px;margin:24px 0}.entry{padding:3vh 16px}.entry-card{padding:22px}.entry-card p{min-height:0}}#shot-result{border-left:2px solid #d5bc7c;padding:10px 12px;margin:14px 0;background:#1c291e;border-radius:4px}#shot-result-detail{margin:6px 0 0;font-size:13px;line-height:1.8}#ghost-toggle{padding:9px 14px;margin:0 0 14px;border:1px solid #65705e;border-radius:6px;background:transparent;color:#e2e8cb;cursor:pointer}#ghost-toggle[aria-pressed=true]{background:#dbe3b6;color:#20291f}}.account-link{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8e99e;margin-bottom:18px;text-decoration:underline}#player-actions-panel{padding:12px;background:#20372b}#player-actions-panel>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0}#player-actions-panel button{font-size:12px;padding:6px}.chat-heading #player-actions{font-size:11px;padding:5px}}