*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#050404;color:#efe7d6;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:14px;user-select:none;-webkit-user-select:none;touch-action:none}canvas#c{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);pointer-events:none}#hud>*{pointer-events:auto}.panel{background:#0e0b09b8;border:1px solid rgba(201,161,74,.28);border-radius:10px;backdrop-filter:blur(8px);padding:10px 14px}label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#b7a98c}#topleft{position:absolute;top:12px;left:12px;min-width:250px}.title{font-size:17px;font-weight:600;color:#f1d9a0;letter-spacing:.02em}.tag{font-size:11px;font-weight:500;color:#0e0b09;background:#c9a14a;border-radius:4px;padding:1px 6px;vertical-align:2px;margin-left:4px}.stats{display:flex;gap:14px;margin-top:8px}.stats b{font-size:20px;font-variant-numeric:tabular-nums;color:#fff}#live{margin-top:6px;min-height:18px;color:#d8cdb6;font-variant-numeric:tabular-nums}#topright{position:absolute;top:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:60vw}button{font:inherit;color:#efe7d6;background:#0e0b09b8;border:1px solid rgba(201,161,74,.35);border-radius:8px;padding:7px 11px;cursor:pointer;backdrop-filter:blur(8px)}button:hover{background:#3c2c18d9}button.on{background:#c9a14a;color:#15100a;border-color:#c9a14a}#bottomleft{position:absolute;bottom:12px;left:12px;display:flex;gap:16px;align-items:flex-start}.col{display:flex;flex-direction:column;gap:6px}#tip{position:relative;width:116px;height:116px;border-radius:50%;cursor:crosshair;background:radial-gradient(circle at 36% 30%,#fffdf6,#efe6d0 45%,#b9ad92);box-shadow:inset 0 -6px 14px #00000059}#tip-limit{position:absolute;inset:25%;border:1px dashed rgba(120,30,30,.45);border-radius:50%;pointer-events:none}#tip-dot{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;left:50%;top:50%;background:#c8202a;border:2px solid #fff;box-shadow:0 1px 4px #0009;pointer-events:none}input[type=range]{width:170px;accent-color:#c9a14a}#predict{min-height:18px;font-size:12.5px;color:#9fe0b4;max-width:200px}#strip{position:absolute;right:12px;bottom:12px;width:62px;height:46vh;min-height:220px;border-radius:12px;background:#0e0b0999;border:1px solid rgba(201,161,74,.35);overflow:hidden;cursor:ns-resize;display:flex;align-items:center;justify-content:center}#strip span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.08em;color:#b7a98c;pointer-events:none;position:relative}#strip-fill{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(#c9a14a,#c8202a);opacity:.55;pointer-events:none}#toast{position:absolute;left:50%;top:20%;transform:translate(-50%);padding:12px 26px;border-radius:12px;font-size:24px;font-weight:700;letter-spacing:.03em;background:#0e0b09d1;border:1px solid rgba(201,161,74,.5);opacity:0;transition:opacity .35s;pointer-events:none!important;max-width:calc(100% - 32px);width:max-content;text-align:center;text-wrap:balance}#toast.show{opacity:1}#toast.good{color:#ffd76a}#toast.mid{color:#cfe8ff;font-size:18px}#toast.bad{color:#b9ad9a;font-size:18px}#hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);color:#d8cdb6;font-size:13px;white-space:pre-line;max-width:min(46vw,520px);line-height:1.5;background:#0e0b09b3;padding:6px 12px;border-radius:8px;display:none;pointer-events:none!important}#help{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,92vw);max-height:86vh;overflow:auto;padding:18px 26px;line-height:1.55;background:#0e0b09eb}#help h2{margin:0 0 6px;color:#f1d9a0}#help ul{padding-left:18px;margin:8px 0}#help li{margin:5px 0}#help .dim{color:#b7a98c;text-align:center;margin-bottom:0}kbd{background:#2a221a;border:1px solid #5a4a30;border-bottom-width:2px;border-radius:4px;padding:0 5px;font:12px ui-monospace,Consolas,monospace}.hidden{display:none!important}#score{margin-top:8px;display:flex;flex-direction:column;gap:4px}.pl{display:grid;grid-template-columns:14px 1fr auto;column-gap:8px;align-items:center;padding:5px 8px;border-radius:8px;border:1px solid transparent}.pl.active{background:#c9a14a29;border-color:#c9a14a8c}.pl .dot{width:14px;height:14px;border-radius:50%;display:block;box-shadow:inset 0 -2px 3px #00000059}.dot.white{background:#f6f1e4}.dot.yellow{background:#f2b705}.pl .nm{font-weight:600}.pl .sc{font-size:24px;font-variant-numeric:tabular-nums;color:#fff;grid-row:span 2}.pl .st{grid-column:2;font-size:11.5px;color:#b7a98c;font-variant-numeric:tabular-nums}#clock{min-height:20px;font-size:15px;font-weight:600;color:#f1d9a0;font-variant-numeric:tabular-nums}#clock.low{color:#ff6b5e}body.match #b-place,body.match #b-cueball,body.match #b-undo,body.match #b-reset,body.match #predict{display:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05040473;padding:16px}.card{width:min(560px,100%);max-height:100%;overflow:auto;padding:22px 26px;background:#0e0b09e6;display:flex;flex-direction:column;gap:14px}.card h1{margin:0;font-size:28px;color:#f1d9a0;letter-spacing:.02em}.card .sub{margin:-8px 0 0;color:#b7a98c}.opt{display:flex;flex-direction:column;gap:6px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{flex:1 1 auto}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.row button{flex:1 1 160px;padding:11px 14px;font-size:15px}button.primary{background:#c9a14a;color:#15100a;border-color:#c9a14a;font-weight:700}button.primary:hover{background:#dcb65c}button:focus-visible{outline:2px solid #f1d9a0;outline-offset:2px}#end-stats{white-space:pre-line;margin:0;line-height:1.7;font-variant-numeric:tabular-nums}body.inmenu #topleft,body.inmenu #topright,body.inmenu #bottomleft,body.inmenu #strip,body.inmenu #toast{display:none}#b-more{display:none;position:absolute;top:10px;right:10px;width:44px;height:44px;padding:0;font-size:20px;line-height:1}body.inmenu #b-more{display:none!important}.stats{flex-wrap:wrap;row-gap:6px}@media (max-width: 760px),(max-height: 520px){#b-more{display:block}#topright{display:none;z-index:5;top:60px;right:10px;max-width:none;width:max-content;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:5px;max-height:calc(100% - 72px);overflow-y:auto;padding:8px;border-radius:10px;background:#0e0b09eb;border:1px solid rgba(201,161,74,.35)}body.more-open #topright{display:flex}#topright button{min-height:40px;text-align:left;background:transparent}#topright button.on{background:#c9a14a}#topleft{top:10px;left:10px;min-width:0;max-width:calc(100% - 74px);padding:8px 10px}.title{font-size:14px}.stats{column-gap:12px;margin-top:6px}.stats b{font-size:16px}.stats label{font-size:9.5px}#score{margin-top:6px;gap:2px}.pl{padding:3px 6px;column-gap:6px}.pl .sc{font-size:20px}.pl .st{font-size:10.5px}#live{font-size:12px;margin-top:4px;min-height:0}#bottomleft{left:10px;bottom:10px;gap:10px;padding:8px 10px;max-width:calc(100% - 84px)}#tip{width:84px;height:84px;flex:none}.col{min-width:0}input[type=range]{width:100%;min-width:90px;max-width:150px}#predict{font-size:11.5px;max-width:150px}#strip{right:10px;bottom:10px;width:54px;height:40%;min-height:150px}#toast{font-size:18px;padding:9px 16px;top:auto;bottom:46%}#toast.mid,#toast.bad{font-size:15px}#hint{bottom:auto;top:50%;max-width:calc(100% - 32px);text-align:center}#help{padding:14px 16px;font-size:13px}.card{padding:16px;gap:11px}.card h1{font-size:23px}.seg button{min-height:40px}}@media (max-height: 520px){.pl .st{display:none}.pl{grid-template-columns:12px 1fr auto}.pl .sc{grid-row:auto;font-size:17px}.pl .dot{width:12px;height:12px}#topleft{max-width:46%}#bottomleft{padding:6px 8px}#tip{width:70px;height:70px}#bottomleft label{font-size:9.5px}#strip{height:62%;min-height:0}#toast{bottom:auto;top:12px}.overlay{align-items:flex-start}}body:not(.drill) #b-hint,body:not(.drill) #b-answer,body:not(.drill) #b-next{display:none}body.drill #b-place,body.drill #b-cueball,body.drill #b-undo,body.drill #b-reset,body.drill #b-save,body.match #b-save{display:none}#drill-info{color:#f1d9a0;font-variant-numeric:tabular-nums}#drill-info:empty{display:none}.card.wide{width:min(720px,100%)}.card h2{margin:6px 0 0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#b7a98c;font-weight:600}.row.small button{flex:1 1 110px;padding:9px 10px;font-size:14px}#drill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}#drill-grid button{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:9px 11px;text-align:left}#drill-grid .n{font-weight:700;font-size:15px}#drill-grid .tier{font-size:11px;color:#b7a98c}.stars{color:#ffd76a;letter-spacing:2px;font-size:14px}#saved-list{display:flex;flex-wrap:wrap;gap:6px}#saved-list:empty:after{content:attr(data-empty);color:#8f8471;font-size:13px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.kpis div{background:#ffffff0a;border-radius:8px;padding:8px 10px}.kpis b{display:block;font-size:21px;font-variant-numeric:tabular-nums;color:#fff}.spark{width:100%;height:70px;display:block;margin-top:4px}.mtable{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.mtable td,.mtable th{padding:5px 6px;text-align:left;border-bottom:1px solid rgba(201,161,74,.15)}.mtable th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#b7a98c;font-weight:600}.tablewrap{overflow-x:auto}.res-w{color:#9fe0b4}.res-l{color:#ff8f84}.res-d{color:#cfe8ff}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.items button{display:grid;grid-template-columns:26px 1fr;column-gap:9px;align-items:center;text-align:left;padding:8px 10px;min-height:52px}.items .sw{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.5);grid-row:span 2}.items .nm{font-weight:600}.items .rq{grid-column:2;font-size:11px;color:#b7a98c}.items button:disabled{opacity:.55;cursor:not-allowed}.items button.on .rq{color:#3a2c12}@media (max-width: 760px),(max-height: 520px){#hint{inset:auto 74px 150px 10px;transform:none;max-width:none;width:auto;font-size:12px;text-align:left}}body.online #b-replay{display:none}.card input[type=text]{flex:3 1 180px;min-width:0;font:inherit;color:#efe7d6;background:#00000059;border:1px solid rgba(201,161,74,.35);border-radius:8px;padding:10px 12px;user-select:text;-webkit-user-select:text}.card input[type=text]:focus-visible{outline:2px solid #f1d9a0;outline-offset:1px}#join-code{text-transform:uppercase;letter-spacing:.25em;font-size:18px;font-weight:700}#room-box{display:flex;flex-direction:column;gap:6px}#room-box[hidden]{display:none}#room-code{font-size:34px;font-weight:800;letter-spacing:.3em;color:#ffd76a;font-variant-numeric:tabular-nums;user-select:text;-webkit-user-select:text}#online-status{min-height:20px;margin:0;color:#9fe0b4}#online .row button{flex:1 1 110px}body.online #b-auto{display:none}.overlay .card,#help{touch-action:pan-y}#club-body{display:flex;flex-direction:column;gap:12px;min-width:0}#club-body input,#club-body select{font:inherit;color:#efe7d6;background:#00000059;border:1px solid rgba(201,161,74,.35);border-radius:8px;padding:9px 10px;width:100%;min-width:0;user-select:text;-webkit-user-select:text;color-scheme:dark}#club-body input:focus-visible,#club-body select:focus-visible{outline:2px solid #f1d9a0;outline-offset:1px}.cform{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:10px;background:#ffffff09}.cform h2{margin:0 0 2px}.cform button{align-self:flex-start;margin-top:4px;padding:9px 16px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chead{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end;line-height:1.6}.chead .invite{flex:1 1 240px;min-width:0}.chead .row{margin-top:2px;flex-wrap:nowrap}.chead .row input{flex:1 1 auto}.chead .row button{flex:0 0 auto;padding:8px 12px;font-size:14px}.cname{font-size:19px;color:#f1d9a0}.dim{color:#9a8f7a;font-size:12.5px}button.link{background:none;border:none;padding:0;color:#cfa85a;text-decoration:underline;font-size:12.5px;backdrop-filter:none}button.link:hover{background:none;color:#f1d9a0}.tabs button{flex:1 1 0;padding:9px 6px}.cnotice{margin:0;padding:8px 12px;border-radius:8px;background:#c8202a2e;border:1px solid rgba(255,143,132,.4);color:#ffd9d4}.pushbox{padding:9px 12px;border-radius:10px;background:#c9a14a1a;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}.ev{padding:12px;border-radius:10px;border:1px solid rgba(201,161,74,.25);display:flex;flex-direction:column;gap:6px}.ev header{font-size:15px}.ev p{margin:0;color:#d8cdb6}.rs{font-size:13px;color:#d8cdb6}.k{display:inline-block;min-width:86px;font-weight:600}.k-yes{color:#9fe0b4}.k-maybe{color:#f1d9a0}.k-no{color:#ff8f84}.links{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12.5px}.links a{color:#cfa85a}.vsrow{display:grid;grid-template-columns:1fr 74px auto 74px 1fr;gap:8px;align-items:end}.vsrow .vs{padding-bottom:10px;color:#9a8f7a}.mlist{display:flex;flex-direction:column}.mrow{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:6px 2px;border-bottom:1px solid rgba(201,161,74,.15);font-variant-numeric:tabular-nums}.mrow .win{color:#9fe0b4;font-weight:600}.mtable tr.me td{background:#c9a14a1f}.f{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:3px}.f-w{background:#9fe0b4}.f-l{background:#ff8f84}.f-d{background:#cfe8ff}@media (max-width: 560px){.vsrow{grid-template-columns:1fr 70px}.vsrow .vs{display:none}.vsrow>div:nth-child(5){grid-column:1;grid-row:2}.vsrow>div:nth-child(4){grid-column:2;grid-row:2}}#club-body input,#club-body select{flex:none}.chead .row input{flex:1 1 auto;width:auto}.chead .row input{flex:1 1 0;width:0;min-width:0}.overlay .card{overflow-x:hidden}html,body{font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.card h1,.title>span:first-child,#toast.good,.cname{font-family:Playfair Display,Georgia,Times New Roman,serif}.panel{background:linear-gradient(180deg,#18130fdb,#0b0907db);border-color:#c9a14a4d;box-shadow:0 18px 46px #00000080,inset 0 1px #ffffff0d}.overlay{background:radial-gradient(120% 90% at 50% 40%,#05040440,#050404c7)}.card{background:linear-gradient(180deg,#1a140ff2,#0a0806f5);border-radius:14px}.card h1{font-size:34px;font-weight:700;letter-spacing:.01em;line-height:1.05}button{transition:background-color .15s,border-color .15s,color .15s,transform .08s}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(180deg,#dcb866,#c39a40);border-color:#d8b25c;box-shadow:0 6px 18px #c9a14a40}button.primary:hover{background:linear-gradient(180deg,#e8c777,#cfa64b)}.seg button.on,button.on{background:linear-gradient(180deg,#dcb866,#c39a40)}.card.home{width:min(620px,100%);gap:4px;padding:26px 26px 22px}.eyebrow{margin:0;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#c9a14a}.card.home h1{font-size:54px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(201,161,74,.28)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile{display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:2px;align-items:center;text-align:left;padding:12px 14px;border-radius:10px;background:#ffffff09;border-color:#c9a14a38}.tile:after{content:"›";grid-column:2;grid-row:1 / span 2;font-size:22px;line-height:1;color:#c9a14a;transition:transform .15s}.tile b{font-size:15.5px;font-weight:600;color:#f3ead6}.tile span{grid-column:1;font-size:12.5px;line-height:1.35;color:#a89c84}.tile:hover{background:#c9a14a1f;border-color:#c9a14a8c}.tile:hover:after{transform:translate(3px)}.tile.lead{grid-column:1 / -1;padding:16px;background:linear-gradient(180deg,#dcb866,#c39a40);border-color:#d8b25c;box-shadow:0 8px 22px #c9a14a38}.tile.lead b{font-size:19px;color:#15100a}.tile.lead span{color:#3d2f12}.tile.lead:after{color:#15100a}.tile.lead:hover{background:linear-gradient(180deg,#e8c777,#cfa64b)}.title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.title>span:first-child{font-size:22px;font-weight:700;letter-spacing:.01em}.tag{margin-left:0;vertical-align:0;font-weight:600}#topright{align-items:flex-start}#topright>button,#settings-pop button{background:linear-gradient(180deg,#1a140fd1,#0b0907d1)}#topright>button:hover,#settings-pop button:hover{background:#3c2c18e6}#topright>button.on,#settings-pop button.on{background:linear-gradient(180deg,#dcb866,#c39a40)}#settings-pop{display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:6;flex-direction:column;gap:5px;padding:8px;min-width:210px;border-radius:10px;background:#0c0a08f2;border:1px solid rgba(201,161,74,.35);box-shadow:0 14px 34px #0000008c}body.set-open #settings-pop{display:flex}#settings-pop button{text-align:left;background:transparent;border-color:#c9a14a33}body.set-open #b-settings{border-color:#c9a14a;color:#f1d9a0}#toast{border-radius:14px;box-shadow:0 14px 36px #00000080}#toast.good{font-size:32px;letter-spacing:.02em}#strip{background:linear-gradient(180deg,#1a140fb3,#0b0907b3);flex-direction:column;gap:12px}#strip .arrow{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;position:relative;pointer-events:none;opacity:.7}#strip .arrow.up{border-bottom:9px solid #c9a14a}#strip .arrow.down{border-top:9px solid #c9a14a}#bottomleft label b{color:#f1d9a0}#end .card{text-align:center;align-items:stretch}#end-title{font-size:46px!important}#end-stats{color:#d8cdb6}@media (max-width: 760px),(max-height: 520px){.card.home{padding:18px 16px 16px}.card.home h1{font-size:40px;margin-bottom:10px;padding-bottom:10px}.tiles{grid-template-columns:1fr;gap:6px}.tile{padding:10px 12px}.tile.lead{padding:13px 12px}.card h1{font-size:28px}#b-settings{display:none}#settings-pop{display:contents}#topright>button,#settings-pop button{background:transparent}#toast.good{font-size:22px}.title>span:first-child{font-size:17px}}@media (max-height: 520px){.tiles{grid-template-columns:1fr 1fr}.tile span{display:none}.card.home h1{font-size:30px}}@media (prefers-reduced-motion: reduce){button,.tile:after{transition:none}}.card h1{font-size:30px}.card.home h1{font-size:46px}#end-title{font-size:40px!important}#toast.good{font-size:28px}#topright>button{padding:6px 10px;font-size:13px}#settings-pop button{display:flex;justify-content:space-between;align-items:center;gap:14px}#settings-pop button.on{background:transparent;color:#f1d9a0;border-color:#c9a14a73}#settings-pop button.on:after{content:"✓";color:#dcb866;font-weight:700}#strip span{color:#d8cdb6}@media (max-width: 760px),(max-height: 520px){.card h1{font-size:26px}.card.home h1{font-size:36px}#topright button{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px}#topright button.on{background:transparent;color:#f1d9a0;border-color:#c9a14a73}#topright button.on:after{content:"✓";color:#dcb866;font-weight:700}}#b-gfx,#b-assist{justify-content:flex-start!important;gap:0!important}#b-gfx b,#b-assist b{margin-left:5px}@media (max-width: 760px),(max-height: 520px){#topright{align-items:stretch}#b-settings{display:none!important}#b-numbers{margin-top:8px}}#club-body .chead .row input{flex:1 1 0;width:0;min-width:0}.offers{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#c9a14a14;border:1px solid rgba(201,161,74,.3)}.ohead{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;align-items:center}.ohead h2{margin:0 0 2px;color:#f1d9a0}.ohead>button{padding:9px 18px;font-weight:600}.ev.offer{background:#0a08068c}.ev.offer .links button:not(.link){padding:8px 16px}.badge{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:#c8202a;color:#fff;font-style:normal;font-size:11.5px;font-weight:700;line-height:18px;text-align:center}#strip span{white-space:nowrap}@media (max-width: 760px),(max-height: 520px){#strip{height:38%}}.panel,button,#strip,#toast,#hint,#settings-pop,#topright{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.panel{background:linear-gradient(180deg,#18130fed,#0b0907ed)}#topright>button{background:linear-gradient(180deg,#1a140feb,#0b0907eb)}#strip{background:linear-gradient(180deg,#1a140fd1,#0b0907d1)}#fps{padding:4px 10px;font-size:12px;color:#9a8f7a;font-variant-numeric:tabular-nums}#room-box .row{flex-wrap:wrap}#room-box .row input{flex:1 1 100%}#room-box .row button{flex:1 1 120px}#room-box .sub{margin:2px 0 0;font-size:12.5px}.pasteline{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:10px;min-height:20px}.pasteline button.link{font-size:13.5px}#paste-status{font-size:12.5px;color:#ffb4ab}#inapp{position:absolute;z-index:30;left:50%;top:10px;transform:translate(-50%);width:min(520px,calc(100% - 20px));display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#1e170efa,#0e0b08fa);border-color:#c9a14a99}#inapp p{margin:0;font-size:13px;line-height:1.5}#inapp input{font:inherit;font-size:12.5px;color:#efe7d6;background:#00000059;border:1px solid rgba(201,161,74,.35);border-radius:8px;padding:7px 9px;width:100%;user-select:text;-webkit-user-select:text}#inapp .row{margin:0}#inapp .row button{flex:1 1 120px;padding:9px 12px;font-size:14px}.pushbox{flex-direction:column;align-items:stretch;gap:6px}.pushrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pushrow button{padding:7px 12px;font-size:13px}.cnotice.ok{background:#3c8c5a33;border-color:#9fe0b473;color:#d6f5e0}#b-quickview,#nudge,#cue-toggle{display:none}@media (max-width: 760px),(max-height: 520px){body.match #topleft{padding:6px 8px;max-width:calc(100% - 66px);width:calc(100% - 66px)}body.match .title{gap:6px}body.match .title>span:first-child{display:none}body.match .tag{font-size:10.5px;padding:0 6px}body.match #score{display:grid;grid-template-columns:1fr 1fr;gap:4px 6px;margin-top:4px}body.match .pl{grid-template-columns:10px minmax(0,1fr) auto;padding:3px 7px;column-gap:6px;border-radius:7px}body.match .pl .dot{width:10px;height:10px}body.match .pl .nm{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.match .pl .sc{font-size:19px;grid-row:auto}body.match .pl .st{display:none}body.match #clock{grid-column:1 / -1;min-height:0;font-size:13px;line-height:1.3}body.match #clock:empty{display:none}#live{font-size:11.5px;margin-top:2px}#live:empty{display:none}#b-quickview{display:block;position:absolute;top:60px;right:10px;width:44px;padding:6px 2px;font-size:10.5px;line-height:1.15;text-align:center;background:linear-gradient(180deg,#1a140fe6,#0b0907e6)}body.inmenu #b-quickview,body.more-open #b-quickview{display:none}#topright{top:60px}#bottomleft{padding:6px;gap:8px;align-items:flex-end;max-width:calc(100% - 78px);background:linear-gradient(180deg,#18130fd1,#0b0907d1)}#bottomleft>.col:first-of-type label{display:none}#tip{width:78px;height:78px}#cue-toggle{display:block;order:3;align-self:flex-end;padding:6px 9px;font-size:11.5px;white-space:nowrap}#bottomleft>.col:nth-of-type(2){display:none}body.cue-open #bottomleft{flex-wrap:wrap}body.cue-open #bottomleft>.col:nth-of-type(2){display:flex;order:4;flex:1 1 100%}body.cue-open #bottomleft input[type=range]{max-width:none;width:100%}body.can-aim #nudge{display:flex;position:absolute;left:50%;bottom:10px;transform:translate(-50%);gap:8px}body.cue-open #nudge{bottom:212px}#nudge button{width:52px;height:46px;padding:0;font-size:26px;line-height:1;border-radius:12px;touch-action:none;background:linear-gradient(180deg,#1a140fdb,#0b0907db)}body.inmenu #nudge{display:none!important}#strip{width:50px;height:42%}}@media (max-height: 520px){body.match #topleft{width:auto;max-width:46%}#b-quickview{top:10px;right:62px;height:44px;width:auto;padding:6px 10px}#topright{top:60px}body.cue-open #nudge{bottom:10px;left:auto;right:74px;transform:none}}@media (max-width: 760px),(max-height: 520px){body.can-aim #nudge{bottom:108px}body.cue-open #nudge{bottom:204px}}@media (max-height: 520px){body.can-aim #nudge,body.cue-open #nudge{bottom:10px;left:auto;right:72px;transform:none}}#bottomleft,#strip,#nudge{transition:opacity .25s ease}body:not(.can-aim) #bottomleft,body:not(.can-aim) #strip,body:not(.can-aim) #nudge{opacity:0;pointer-events:none}body:not(.can-aim) #bottomleft *,body:not(.can-aim) #strip *,body:not(.can-aim) #nudge *{pointer-events:none}@media (prefers-reduced-motion: reduce){#bottomleft,#strip,#nudge{transition:none}}@media (max-width: 760px),(max-height: 520px){body.can-aim #nudge{gap:0;align-items:stretch;border-radius:12px;overflow:hidden;border:1px solid rgba(201,161,74,.35);background:linear-gradient(180deg,#1a140fdb,#0b0907db)}#nudge button{border:none;border-radius:0;background:transparent;width:48px;height:44px}#nudge button:active{background:#c9a14a40}#nudge span{display:flex;align-items:center;padding:0 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#b7a98c;white-space:nowrap;pointer-events:none}}#strip{--p: 0;width:60px;padding:8px 0;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;overflow:visible;touch-action:none;cursor:ns-resize;background:linear-gradient(180deg,#1a140fe0,#0b0907e0)}#strip-val{min-height:18px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:#f1d9a0;pointer-events:none}#strip-track{position:relative;flex:1 1 auto;width:26px;border-radius:13px;overflow:hidden;pointer-events:none;background-color:#00000080;background-image:repeating-linear-gradient(180deg,rgba(241,217,160,.38) 0 1px,transparent 1px 10%);box-shadow:inset 0 0 0 1px #c9a14a66}#strip-fill{position:absolute;inset:0;height:auto;opacity:.9;background:linear-gradient(180deg,#58c987,#f1d24a 55%,#e5533c);clip-path:inset(0 0 calc((1 - var(--p)) * 100%) 0)}#strip-cue{position:absolute;left:50%;top:0;width:8px;height:100%;margin-left:-4px;border-radius:4px;background:linear-gradient(180deg,#2f5d8c 0 7px,#f2efe6 7px 13px,#d9b77e 13px 58%,#c9a14a 58% 60%,#3b1d12 60% 100%);box-shadow:0 0 0 1px #00000073;transform:translateY(calc(var(--p) * 80%))}#strip span{writing-mode:horizontal-tb;transform:none;font-size:9px;letter-spacing:.05em;color:#b7a98c;white-space:nowrap;position:static}#strip.pulling{box-shadow:0 0 0 2px #f1d9a08c,0 10px 26px #00000080}#strip .arrow{display:none}#clockbar{grid-column:1 / -1;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden;margin-top:2px}#clockbar[hidden]{display:none}#clockbar i{display:block;height:100%;background:linear-gradient(90deg,#c9a14a,#f1d9a0);transform-origin:left center;transition:transform .2s linear}#clockbar.low i{background:#ff6b5e}body:not(.match) #clockbar{display:none}#cue-toggle,#aim-ruler{display:none}@media (max-width: 760px),(max-height: 520px){#cue-toggle{display:block;position:absolute;left:10px;bottom:10px;width:58px;height:58px;padding:0;border-radius:50%;order:0;align-self:auto;background:radial-gradient(circle at 36% 30%,#fffdf6,#efe6d0 45%,#b9ad92);border:2px solid rgba(201,161,74,.75);box-shadow:0 6px 16px #00000080}#cue-toggle:hover{background:radial-gradient(circle at 36% 30%,#fffdf6,#efe6d0 45%,#b9ad92)}#tip-mini{position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#c8202a;border:2px solid #fff;pointer-events:none}body.cue-open #cue-toggle{border-color:#f1d9a0;box-shadow:0 0 0 3px #f1d9a059,0 6px 16px #00000080}#bottomleft{display:none}body.cue-open #bottomleft{display:flex;flex-wrap:nowrap;align-items:center;left:10px;right:78px;bottom:78px;max-width:none;padding:12px;gap:12px;background:linear-gradient(180deg,#1a140ff5,#0b0907f5)}body.cue-open #tip{width:132px;height:132px}body.cue-open #bottomleft>.col:nth-of-type(2){display:flex;order:0;flex:1 1 0;min-width:0}body.can-aim #nudge,body.cue-open #nudge{left:78px;right:78px;bottom:14px;transform:none;gap:0}#aim-ruler{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;position:relative;min-width:0;touch-action:none;cursor:ew-resize;--x: 0px;background-image:repeating-linear-gradient(90deg,rgba(241,217,160,.55) 0 1px,transparent 1px 12px);background-position:var(--x) 100%;background-size:100% 46%;background-repeat:repeat-x;border-left:1px solid rgba(201,161,74,.3);border-right:1px solid rgba(201,161,74,.3)}#aim-ruler:after{content:"";position:absolute;left:50%;bottom:0;width:2px;height:62%;margin-left:-1px;background:#f1d9a0;border-radius:1px;pointer-events:none}#nudge span{padding:3px 0 0;font-size:9.5px}#nudge button{width:42px}#strip{width:58px;height:44%;min-height:200px;right:10px;bottom:10px}}@media (max-height: 520px){body.can-aim #nudge,body.cue-open #nudge{left:78px;right:78px;bottom:10px;transform:none}#strip{height:70%;min-height:0}body.cue-open #tip{width:96px;height:96px}}#cue-toggle{transition:opacity .25s ease}body:not(.can-aim) #cue-toggle{opacity:0;pointer-events:none}@media (max-width: 760px),(max-height: 520px){#bottomleft label:has(#power-val),#bottomleft #power{display:none}}@media (max-height: 520px){body.cue-open #bottomleft{right:auto;width:min(380px,calc(100% - 160px))}}#b-chat{display:none;position:absolute;right:12px;top:56px;width:44px;height:44px;padding:0;font-size:19px;line-height:1;border-radius:12px;background:linear-gradient(180deg,#1a140fe6,#0b0907e6)}body.online:not(.inmenu) #b-chat,body.match:not(.inmenu) #b-chat{display:block}#chat-pop{position:absolute;z-index:12;right:12px;top:106px;width:210px;display:flex;flex-direction:column;gap:5px;padding:8px;background:#0c0a08f5}#chat-pop button{text-align:left;padding:8px 10px;background:transparent;border-color:#c9a14a40}#chat-pop .emotes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}#chat-pop .emotes button{text-align:center;font-size:20px;padding:6px 0}#chat-bubble{position:absolute;left:12px;top:232px;max-width:min(320px,calc(100% - 90px));padding:7px 12px;border-radius:12px 12px 12px 3px;font-size:14px;background:#f3ead6;color:#1a140c;box-shadow:0 8px 22px #00000080;pointer-events:none}#netwait{position:absolute;z-index:25;left:50%;top:42%;transform:translate(-50%,-50%);padding:12px 18px;font-size:15px;font-weight:600;text-align:center;background:#280e0cf5;border-color:#ff8f8499;color:#ffd9d4;max-width:calc(100% - 32px)}#spec-count{font-size:12px;color:#b7a98c}#spec-count:empty{display:none}body:not(.online) #b-watchlink,body.spectating #b-watchlink{display:none}body.spectating #b-save,body.spectating #b-share,body.spectating #b-replay,body.daily #b-next{display:none}body:not(.online):not(.match) #chat-pop,body:not(.online):not(.match) #chat-bubble{display:none}.seg[data-opt=handicap] button{flex:1 1 30%}@media (max-width: 760px),(max-height: 520px){#b-chat{right:10px;top:104px}#chat-pop{right:62px;top:60px}#chat-bubble{left:10px;top:118px}body.online #topright,body.match #topright{top:154px}}@media (max-height: 520px){#b-chat{top:10px;right:168px}#chat-pop{right:10px;top:60px}#chat-bubble{top:96px}body.online #topright,body.match #topright{top:60px}}#chat-pop{width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overflow-y:auto}#chat-pop .ctabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;position:sticky;top:-8px;margin:-8px -8px 2px;padding:8px 8px 6px;background:#0c0a08fa;z-index:1}#chat-pop .ctab{text-align:center;font-size:18px;padding:5px 0;border-radius:10px}#chat-pop .ctab.on{background:#c9a14a38;border-color:#c9a14acc}#chat-pop .lines{display:flex;flex-direction:column;gap:5px}#chat-pop .lines button{font-size:14px;line-height:1.25;padding:8px 10px}#chat-pop .emotes{grid-template-columns:repeat(8,1fr);gap:4px;margin-top:2px}#chat-pop .emotes button{font-size:19px;padding:5px 0}#chat-bubble.them{background:#ffe9a8}.emote-float{position:fixed;z-index:40;bottom:22%;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:emoteUp 2.5s cubic-bezier(.2,.7,.3,1) forwards}.emote-float.me{right:18%}.emote-float.them{left:14%}.emote-float.mid{left:calc(50% - 30px)}.emote-float .em{font-size:64px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}.emote-float .who{margin-top:4px;font-size:12px;font-weight:600;color:#f3ead6;background:#0000008c;padding:2px 8px;border-radius:9px}@keyframes emoteUp{0%{transform:translateY(40px) scale(.3);opacity:0}14%{transform:translate(0) scale(1.18);opacity:1}24%{transform:translateY(-10px) scale(1)}75%{opacity:1}to{transform:translate(var(--dx),-220px) scale(.9);opacity:0}}@keyframes emoteFade{0%,to{opacity:0}12%,80%{opacity:1}}@media (prefers-reduced-motion: reduce){.emote-float{animation-name:emoteFade}}.game-note{margin:-2px 0 4px;font-size:13px;line-height:1.4;color:#c9b892}.game-chip{display:inline-block;margin:6px 0 2px;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:600;color:#f3ead6;background:#c9a14a29;border:1px solid rgba(201,161,74,.55)}.game-chip:empty{display:none}#clear-hint{margin-top:6px;padding:5px 9px;border-radius:8px;font-size:12.5px;line-height:1.3;font-weight:600;color:#ffe2a8;background:#78480a8c;border:1px solid rgba(240,180,80,.55);max-width:260px}#frozen-pop{position:absolute;z-index:26;left:50%;top:40%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));padding:14px 16px;background:#0e0b08f7}#frozen-pop p{margin:0 0 10px;font-size:14.5px;line-height:1.45}#frozen-pop .row{display:flex;gap:8px}#frozen-pop .row button{flex:1}