: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}}