:root{--bg: #16191e;--carpet: #1c2026;--panel: #22262d;--line: #343a45;--ink: #ece8df;--muted: #8d96a3;--post: #ffd84d;--red: #ff3b30;--display: "Anton", Impact, sans-serif;--body: "Space Grotesk", system-ui, sans-serif;--mono: "Martian Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:14px 14px;color:var(--ink);font:400 14px/1.4 var(--body);-webkit-font-smoothing:antialiased}b,strong{font-weight:500}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}input,select{font:inherit;color:var(--ink);background:var(--carpet);border:1px solid var(--line);border-radius:8px;padding:9px 11px}input:focus,select:focus{outline:2px solid var(--post);outline-offset:-1px}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.02em}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;gap:8px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.chip{font:400 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);color:var(--muted);padding:1px 6px;border-radius:99px;margin-left:6px}.badge{font:400 10px var(--mono);background:var(--post);color:#1a1d22;padding:1px 6px;border-radius:4px}.x{background:none;border:none;color:var(--muted);padding:2px 6px}.link{background:none;border:none;color:var(--post);text-decoration:underline;margin-left:10px;padding:0}.btn{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s,background .15s}.btn:hover:not(:disabled){background:#2b3038}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--post);color:#1a1d22;border-color:var(--post)}.btn.primary:hover:not(:disabled){background:#ffe27a}.btn.wide{width:100%}.btn.sm{padding:6px 10px;font-size:12px;border-radius:8px}.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:30px;letter-spacing:.06em;line-height:1}.logo i{font-style:normal;font-size:.8em}.logo.big{font-size:96px;letter-spacing:.04em}.logo.big span{background:linear-gradient(180deg,#fff 0%,var(--post) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.home{min-height:100%;display:grid;place-items:center;padding:24px 16px}.home-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}.tag{color:var(--muted);margin:0 0 8px;font-size:15px}.field{display:flex;flex-direction:column;gap:6px}.field span{font:400 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.field input[type=range]{padding:0;accent-color:var(--post)}.join-row{display:flex;gap:8px}.join-row input{flex:1;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase}.err{color:var(--red)}.room-code{display:flex;align-items:baseline;justify-content:space-between;border:1px dashed var(--line);border-radius:12px;padding:10px 14px}.room-code .lbl{font:400 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.room-code .code{font:400 40px var(--display);letter-spacing:.25em;color:var(--post)}.lobby-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lobby-players li{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px}.lobby-players li.empty{color:var(--muted);border-style:dashed;background:none}.lobby-players .pname{flex:1}.rules{border-top:1px solid var(--line);padding-top:10px;color:var(--muted)}.rules summary{cursor:pointer;color:var(--ink)}.rules ul{padding-left:18px;margin:8px 0 0;display:flex;flex-direction:column;gap:6px;font-size:13px}.game{height:100%;display:grid;grid-template-rows:auto 1fr auto}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);background:#16191ee6}.top-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.main{display:grid;grid-template-columns:1fr 330px;min-height:0}.board-wrap{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px}.board{width:100%;height:100%;max-height:calc(100vh - 230px)}.side{border-left:1px solid var(--line);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.banner{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--post);color:#1a1d22;padding:8px 14px;border-radius:99px;z-index:5;white-space:nowrap;box-shadow:0 6px 24px #0006}.banner .link{color:#1a1d22}.hex.pick,.pick{cursor:pointer}.pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.skate{filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}.clock{display:flex;align-items:center;gap:12px}.clock.hurry svg{animation:pulse .5s infinite}.dice{display:flex;align-items:center;gap:6px}.dice.rolling .die{animation:roll .5s ease-out}@keyframes roll{0%{transform:rotate(-200deg) scale(.4)}to{transform:none}}.sum{font:400 30px var(--display);margin-left:6px;min-width:30px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.panel-h{font:400 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.pl{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 -12px;padding:4px 12px}.pl.me{background:#ffd84d0f}.pl.off{opacity:.5}.pbar{width:4px;align-self:stretch;border-radius:4px}.pl-main{flex:1;min-width:0}.pl-name{font-size:15px}.pl-stats{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);margin-top:2px}.vp{font:400 26px var(--display)}.vp small{font:400 11px var(--mono);color:var(--muted)}.bank{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bank select{padding:6px 8px;flex:1;min-width:0}.offer{border-left:3px solid;padding:6px 0 6px 10px;display:flex;flex-direction:column;gap:4px}.ofx{display:flex;gap:14px;font-size:13px}.new-offer summary{cursor:pointer;font-size:13px}.new-offer[open]{display:flex;flex-direction:column;gap:6px}.new-offer select{padding:6px 8px}.stepper{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.st{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:2px}.st button{background:none;border:none;width:30px;height:30px;font-size:16px}.st span{font-family:var(--mono);font-size:12px}.cost{display:inline-flex;gap:1px;font-size:13px}.log-panel{flex:1;min-height:140px}.log{overflow-y:auto;max-height:220px;font-size:12.5px;display:flex;flex-direction:column;gap:3px}.log .hot{color:var(--red)!important;font-family:var(--display);letter-spacing:.04em}.dock{border-top:1px solid var(--line);padding:10px 16px;display:flex;gap:16px;align-items:stretch;overflow-x:auto;background:#16191ef2}.hand{display:flex;gap:6px}.card{width:64px;height:84px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1a1d22;position:relative;border:2px solid rgba(0,0,0,.25);flex-shrink:0}.card.r-merda{color:#f6ead8}.card.zero{opacity:.35}.card .ce{font-size:24px}.card .cn{font:400 24px var(--display);line-height:1}.card .cl{font:400 8.5px var(--mono);text-transform:uppercase;letter-spacing:.06em}.build{display:flex;gap:6px}.bbtn{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:104px}.bbtn.on{border-color:var(--post);box-shadow:inset 0 0 0 1px var(--post)}.bbtn:hover:not(:disabled){background:#2b3038}.bl{font-size:14px}.bleft{color:var(--muted);font-size:10px}.devs{display:flex;gap:6px}.devs.empty{align-items:center;font-size:12px}.dev{background:#2a2333;border:1px solid #4a3d5c;border-radius:10px;padding:8px 10px;width:132px;text-align:left;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.dev.d-skate{background:#331f1f;border-color:#6b2f2a}.dev.d-promozione{background:#2c2a1d;border-color:#5e5626}.dn{font-size:13px}.dd{font-size:10.5px;color:var(--muted);line-height:1.25}.porco{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#780000d1;animation:flash .25s steps(2) 4,shake .5s 2;pointer-events:none}.porco-text{font:400 clamp(72px,19vw,300px) var(--display);color:#fff;letter-spacing:.02em;line-height:.9;text-align:center;text-shadow:0 0 40px #ff0000,0 8px 0 #000;animation:zoom .6s cubic-bezier(.2,1.6,.4,1)}.porco-sub{font:400 14px var(--mono);text-transform:uppercase;letter-spacing:.3em;color:#ffd0d0;margin-top:20px}@keyframes flash{50%{background:#ff1e00e6}}@keyframes shake{20%{transform:translate(-14px,6px) rotate(-1deg)}40%{transform:translate(12px,-8px) rotate(1deg)}60%{transform:translate(-8px,-4px)}80%{transform:translate(6px,8px)}}@keyframes zoom{0%{transform:scale(3);opacity:0}to{transform:none;opacity:1}}.rotmann-alert{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:45;background:#141414;border:3px solid var(--red);border-radius:18px;padding:18px 28px;text-align:center;box-shadow:0 20px 60px #0009,0 0 0 6px #ff3b3026;animation:slam .45s cubic-bezier(.2,1.5,.4,1);max-width:calc(100vw - 32px)}.rotmann-alert svg{animation:skate 1.2s ease-in-out infinite alternate}.rt{font:400 clamp(36px,8vw,72px) var(--display);color:var(--red);letter-spacing:.03em;line-height:1}.rs{margin-top:8px;color:var(--ink)}@keyframes slam{0%{transform:translate(-50%) scale(.3) rotate(-8deg);opacity:0}}@keyframes skate{0%{transform:translate(-30px)}to{transform:translate(30px)}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40;display:grid;place-items:center;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.modal-h{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:22px;letter-spacing:.02em}.respick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.respick .card{width:auto}.btnish{cursor:pointer}.win{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0a0cd9;display:grid;place-items:center;padding:16px}.win-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;width:100%;max-width:360px;text-align:center;display:flex;flex-direction:column;gap:8px}.win-k{font:400 11px var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.win-name{font:400 56px var(--display);line-height:1}.score{list-style:none;padding:0;margin:10px 0;text-align:left;display:flex;flex-direction:column;gap:6px}.score li{display:flex;align-items:center;gap:8px}.score .mono{margin-left:auto;font-size:14px}.toast{position:fixed;bottom:130px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;padding:8px 16px;border-radius:99px;z-index:70}@media (max-width: 900px){.game{height:auto;min-height:100%}.main{grid-template-columns:1fr}.board{max-height:none}.side{border-left:none;border-top:1px solid var(--line);overflow:visible}.dock{position:sticky;bottom:0;flex-wrap:nowrap;padding:8px 16px;gap:10px}.top{padding:8px 16px}.logo{font-size:24px}.logo.big{font-size:72px}.top-right{display:none}.banner{white-space:normal;text-align:center;width:calc(100% - 32px);border-radius:12px}.card{width:52px;height:70px}}.game{height:100vh;display:grid;grid-template-columns:1fr 340px;grid-template-rows:1fr auto;grid-template-areas:"board right" "bottom right"}.board-area{grid-area:board;position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px}.board-area .board{max-height:100%}.hud{position:absolute;top:10px;left:14px;display:flex;flex-direction:column;gap:6px;z-index:4}.right{grid-area:right;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.feed{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px;border-bottom:1px solid var(--line)}.feed-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:13px}.feed-item{display:flex;gap:8px;align-items:baseline}.feed-item .dot{flex-shrink:0}.feed-item.hot{color:var(--red);font-family:var(--display);letter-spacing:.03em}.players{padding:10px;display:flex;flex-direction:column;gap:6px}.pcard{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-left:4px solid;border-radius:10px;padding:8px 10px}.pcard.me{background:#2a2f37}.pcard.off{opacity:.5}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#111;font-family:var(--display);font-size:16px;flex-shrink:0}.pinfo{flex:1;min-width:0}.pstats{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-top:2px}.pvp{font:400 26px var(--display);min-width:28px;text-align:right}.bottom{grid-area:bottom;padding:8px 12px 12px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line)}.bar{display:flex;gap:12px;align-items:center;justify-content:space-between}.hand-row{display:flex;align-items:center;gap:6px;overflow-x:auto}.sep{width:1px;align-self:stretch;background:var(--line);margin:0 6px}.rc{position:relative;width:50px;height:68px;border-radius:7px;border:2px solid rgba(0,0,0,.35);background:var(--c);display:grid;place-items:center;padding:0;flex-shrink:0}.rc:disabled{opacity:1;cursor:default}.rc.zero{opacity:.3}.rc.stacked{box-shadow:-5px 0 0 -1px var(--c),-6px 0 #00000059;margin-left:6px}.rc-e{font-size:24px}.rc.small .rc-e{font-size:18px}.rc-n{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;border-radius:0 6px 0 8px;background:#1f5fbf;color:#fff;font:400 12px var(--mono);display:grid;place-items:center;padding:0 4px}button.rc:not(:disabled):hover{transform:translateY(-3px)}.trade-wrap{display:flex;gap:8px;align-items:stretch}.trade-panel{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.tp-row{display:flex;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line)}.tp-row .rates{margin-left:auto}.tp-mid{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.tp-line{display:flex;align-items:center;gap:8px;min-height:54px}.tp-who{width:30px;text-align:center;font-size:20px}.dot.big{width:22px;height:22px}.arrow{font-size:18px;width:20px;text-align:center}.arrow.down{color:#2fbf71}.arrow.up{color:var(--red)}.tp-side{display:flex;flex-direction:column;gap:6px}.side-btn{position:relative;width:64px;flex:1;min-height:48px;border-radius:10px;border:2px solid var(--line);background:#2b3a4a;font-size:24px}.side-btn:not(:disabled):hover{background:#34495e}.side-btn .ck{position:absolute;top:3px;right:6px;font-size:11px;color:#9fe3b0}.actions{display:flex;gap:6px;flex-shrink:0}.act{width:60px;height:68px;border-radius:10px;border:2px solid var(--line);background:#2b3a4a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.act.on{border-color:var(--post)}.act:not(:disabled):hover{background:#34495e}.ai{font-size:24px}.al{font:400 10px var(--mono);color:var(--muted)}.offers{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;z-index:6;max-width:280px}.offer-card{background:var(--panel);border:2px solid;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.offer-card .tp-line{min-height:0}.devs .dev{width:92px;height:68px;padding:6px 8px}.devs .dd{display:none}@media (max-width: 900px){.game{height:auto;grid-template-columns:1fr;grid-template-areas:"board" "bottom" "right"}.bottom{position:sticky;bottom:0;background:var(--bg);z-index:10}.bar{flex-wrap:wrap}.feed{max-height:240px}}.offers{top:12px;bottom:auto;right:12px;max-width:360px}.offer-pop{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0006}.op-head{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);position:relative;min-height:46px}.op-av{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:#111;font-family:var(--display);border:2px solid #111;vertical-align:middle}.op-toggle{position:absolute;right:8px;background:none;border:none;font-size:18px}.op-body{display:flex;align-items:flex-end;gap:10px;padding:8px 10px}.op-rows{flex:1;display:flex;flex-direction:column;gap:4px}.op-btns{display:flex;gap:6px}.op-btn{width:40px;height:40px;border-radius:8px;border:2px solid rgba(0,0,0,.4);background:var(--pc, #3a414c);color:#fff;font-size:18px}.op-btn.pending{background:#4a515c;color:#c9cfd8}.op-btn.decline:disabled,.op-btn.decline{opacity:1}.op-btn:disabled{opacity:.45}.op-btn.accept:not(:disabled){box-shadow:0 0 0 2px #fff inset}.op-btn.cancel{background:#7fd3e6;color:#123}.right{background:#1a1e24}.feed{padding:8px 12px}.feed-list{margin-top:0;gap:3px}.feed-roll{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:8px;margin-top:6px}.feed-sum{font:400 13px var(--mono);color:var(--muted)}.feed-sum.seven{color:var(--red)}.fi{width:18px;text-align:center;flex-shrink:0}.feed-name{font-weight:500}.bank-row{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.bank-ic{font-size:26px;margin-right:4px}.mini-card{position:relative;width:40px;height:54px;border-radius:7px;border:2px solid rgba(0,0,0,.4);display:grid;place-items:center;font:400 22px var(--display);color:#fff;flex-shrink:0}.mini-card.q{background:#1f5fbf}.mini-card.mine{background:#c0392b}.mini-card.dev{background:#6c4bb4;font-size:18px}.players{padding:8px;gap:8px}.pc{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;position:relative}.pc.off{opacity:.5}.pc-av{display:flex;flex-direction:column;align-items:center;width:70px}.pc-name{font-size:13px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av{position:relative;width:40px;height:40px;border-radius:50%;border:3px solid;display:grid;place-items:center;font-size:20px;margin-top:2px}.crown{position:absolute;top:-12px;font-size:14px}.vp-ribbon{margin-top:-6px;background:#f6f1e6;color:#1a1d22;font:400 13px var(--display);padding:0 8px;border-radius:4px;border:1px solid #111;position:relative}.pc-stat{display:flex;flex-direction:column;align-items:center;gap:2px;width:36px;font:400 14px var(--mono);color:var(--ink)}.pc-stat.lead{color:var(--post)}.badge.pen{position:absolute;top:6px;right:8px}.pc.me{padding:12px 10px}.pc.me .av{width:56px;height:56px;font-size:28px}.pc.me .pc-av{width:80px}.pc.me .pc-name{font-size:16px;max-width:80px}.discard-hand{display:flex;gap:8px;padding:8px 4px;border-top:1px solid var(--line)}:root{--spring: cubic-bezier(.34,1.56,.64,1);--snap: cubic-bezier(.2,.9,.3,1)}.btn,.act,.side-btn,.op-btn,.rc,.mini-card,.dev,.x{transition:transform .14s var(--spring),background .15s,box-shadow .2s,opacity .2s}.btn:not(:disabled):hover,.act:not(:disabled):hover,.side-btn:not(:disabled):hover,.op-btn:not(:disabled):hover,.dev:not(:disabled):hover{transform:translateY(-2px)}.btn:not(:disabled):active,.act:not(:disabled):active,.side-btn:not(:disabled):active,.op-btn:not(:disabled):active,.rc:not(:disabled):active,.dev:not(:disabled):active{transform:scale(.9);transition-duration:.05s}.act.ready{animation:readyIn .45s var(--spring),breathe 1.8s ease-in-out .45s infinite;border-color:#ffd84d88}.act.ready .ai{animation:wiggle 1.8s ease-in-out infinite}@keyframes readyIn{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:none}}@keyframes breathe{50%{box-shadow:0 0 0 4px #ffd84d2e,0 0 18px #ffd84d59}}@keyframes wiggle{0%,80%,to{transform:none}85%{transform:rotate(-12deg) scale(1.15)}90%{transform:rotate(10deg) scale(1.15)}95%{transform:rotate(-4deg)}}.rc{overflow:visible}.rc.gain0,.rc.gain1{animation:cardGain .6s var(--spring)}.rc.gain1{animation-name:cardGain2}@keyframes cardGain{0%{transform:scale(1)}30%{transform:scale(1.28) translateY(-8px);box-shadow:0 0 24px var(--c)}to{transform:none}}@keyframes cardGain2{0%{transform:scale(1)}30%{transform:scale(1.28) translateY(-8px);box-shadow:0 0 24px var(--c)}to{transform:none}}.rc.loss0,.rc.loss1{animation:cardLoss .45s ease}.rc.loss1{animation-name:cardLoss2}@keyframes cardLoss{20%,60%{transform:translate(-5px) rotate(-3deg)}40%,80%{transform:translate(5px) rotate(3deg)}}@keyframes cardLoss2{20%,60%{transform:translate(-5px) rotate(-3deg)}40%,80%{transform:translate(5px) rotate(3deg)}}.rc-n{transition:transform .2s var(--spring)}.rc.gain0 .rc-n,.rc.gain1 .rc-n{animation:badgePop .5s var(--spring)}@keyframes badgePop{40%{transform:scale(1.7);background:#2fbf71}}.float{position:absolute;left:50%;top:-6px;transform:translate(-50%);font:400 18px var(--display);pointer-events:none;text-shadow:0 2px 0 #000;animation:floatUp 1.05s var(--snap) forwards;z-index:3}.float.up{color:#7dffa8}.float.down{color:#ff6b5e}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,6px) scale(.6)}20%{opacity:1;transform:translate(-50%,-14px) scale(1.25)}to{opacity:0;transform:translate(-50%,-46px) scale(1)}}.hand-row[data-shake="1"]{animation:handShake .5s ease}@keyframes handShake{15%,55%{transform:translate(-8px)}35%,75%{transform:translate(8px)}}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.flyer{position:fixed;font-size:30px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));will-change:transform}.hex.hot polygon:first-child{animation:hexHot 1.5s ease-out}.hex.hot .token{animation:tokenBounce .7s var(--spring);transform-box:fill-box;transform-origin:center}@keyframes hexHot{0%{filter:brightness(1)}15%{filter:brightness(1.6) drop-shadow(0 0 14px #fff6)}to{filter:brightness(1)}}@keyframes tokenBounce{0%{transform:scale(1)}35%{transform:scale(1.5)}to{transform:scale(1)}}.hex.hit polygon:first-child{animation:hexHit 1.2s ease-out}@keyframes hexHit{0%,30%,60%{filter:brightness(1.8) saturate(2) hue-rotate(-20deg)}15%,45%,to{filter:none}}.skate-move{transition:transform .75s cubic-bezier(.6,-.35,.3,1.4)}.bld.pop>:not(.shock){animation:popIn .55s var(--spring);transform-box:fill-box;transform-origin:center}@keyframes popIn{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.35) rotate(6deg)}to{transform:none}}.shock{animation:shock .7s ease-out forwards;transform-box:fill-box;transform-origin:center}@keyframes shock{0%{transform:scale(.6);opacity:1;stroke-width:6}to{transform:scale(3.2);opacity:0;stroke-width:1}}.road-fresh line{stroke-dasharray:80;stroke-dashoffset:80;animation:drawRoad .45s var(--snap) forwards}@keyframes drawRoad{to{stroke-dashoffset:0}}.vp-ribbon.jump{animation:vpJump .8s var(--spring)}@keyframes vpJump{0%{transform:scale(1)}30%{transform:scale(1.7) translateY(-6px);background:#ffd84d}to{transform:none}}.crown{animation:crownFloat 2.4s ease-in-out infinite}@keyframes crownFloat{50%{transform:translateY(-3px) rotate(-8deg)}}.sum.pop{animation:sumPop .6s var(--spring)}@keyframes sumPop{0%{transform:scale(0)}60%{transform:scale(1.5)}to{transform:none}}.dice.rolling .die{animation:roll .55s var(--spring)}@keyframes roll{0%{transform:translateY(-20px) rotate(-260deg) scale(.3)}70%{transform:translateY(2px) rotate(15deg) scale(1.15)}to{transform:none}}.clock.hurry svg{animation:heartbeat .5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}30%{transform:scale(1.18)}50%{transform:scale(.96)}}.game.frenzy:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;box-shadow:inset 0 0 0 3px #ffd84d,inset 0 0 90px #ffb42859;animation:frenzy .5s ease-in-out infinite alternate}@keyframes frenzy{0%{opacity:.35}to{opacity:1}}.feed-item,.feed-roll{animation:feedIn .35s var(--snap)}@keyframes feedIn{0%{opacity:0;transform:translate(16px)}}.feed-item.hot{animation:feedIn .35s var(--snap),hotFlash .3s 3 .35s}@keyframes hotFlash{50%{background:#ff3b3040}}.offer-pop{animation:slideIn .4s var(--spring)}@keyframes slideIn{0%{opacity:0;transform:translate(40px) scale(.9)}}.op-btn.accept:not(:disabled),.op-btn:not(.pending):not(.cancel):not(:disabled){animation:okPulse 1s ease-in-out infinite}@keyframes okPulse{50%{transform:scale(1.1);box-shadow:0 0 14px var(--pc)}}.modal{animation:modalIn .35s var(--spring)}@keyframes modalIn{0%{opacity:0;transform:scale(.8) translateY(20px)}}.modal-bg{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}}.toast{animation:toastIn .35s var(--spring)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}}.trade-wrap{animation:slideUp .3s var(--snap)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}}.banner{animation:bannerIn .35s var(--spring)}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-14px) scale(.9)}}.pick circle.pulse{animation:pickPulse 1s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pickPulse{50%{transform:scale(1.35);opacity:.6}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:65;overflow:hidden}.confetti span{position:absolute;top:-20px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(var(--rot))}}.win-card{animation:modalIn .6s var(--spring)}.win-name{animation:sumPop .8s var(--spring) .2s both}.mute{width:34px;padding:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game.danger:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;box-shadow:inset 0 0 0 4px #ff3b30,inset 0 0 110px #ff281e73;animation:frenzy .6s ease-in-out infinite alternate}.game.danger .hand-row .rc:not(.zero){animation:dangerWobble 1.2s ease-in-out infinite}@keyframes dangerWobble{0%,85%,to{transform:none}90%{transform:rotate(-3deg)}95%{transform:rotate(3deg)}}.porco.out .porco-text{animation:porcoTextOut .35s ease-in forwards}@keyframes porcoOut{to{opacity:0}}@keyframes porcoTextOut{to{transform:scale(1.25);filter:blur(6px)}}.modal.discard-modal{animation:discardUp .32s cubic-bezier(.16,1.3,.3,1)}@keyframes discardUp{0%{opacity:0;transform:translateY(120px) scale(.96)}}.countdown{display:flex;flex-direction:column;gap:4px}.cd-bar{height:6px;border-radius:99px;background:#323843;overflow:hidden}.cd-bar span{display:block;height:100%;background:#ffd84d;border-radius:99px;transition:width .2s linear,background .2s}.cd-text{color:var(--muted)}.countdown.urgent .cd-bar span{background:#ff3b30}.countdown.urgent .cd-text{color:#ff6b5e;animation:pulse .5s ease-in-out infinite}.devs.slot{width:92px;height:68px;border-radius:10px;background:#00000038;box-shadow:inset 0 2px 6px #0000008c,inset 0 -1px #ffffff0a}.hex-body{transition:filter .5s ease,opacity .5s ease}.hex-body.rit{filter:grayscale(1) brightness(.42) contrast(1.1)}.hex-body.idle{filter:saturate(.55) brightness(.82)}.hex.hot .hex-body.idle{filter:none}.board-area{perspective:1400px}.board-area .board{transform:rotateX(var(--ty, 0deg)) rotateY(var(--tx, 0deg));transition:transform .35s ease-out}.board-area.bshake0 .board{animation:boardShake .6s ease}.board-area.bshake1 .board{animation:boardShake2 .6s ease}@keyframes boardShake{10%,50%{translate:-10px 4px}30%,70%{translate:10px -4px}90%{translate:-3px 0}}@keyframes boardShake2{10%,50%{translate:-10px 4px}30%,70%{translate:10px -4px}90%{translate:-3px 0}}.pick:hover circle.pulse{fill:var(--me);animation:none;transform:scale(1.5);transform-box:fill-box;transform-origin:center;transition:transform .15s var(--spring)}.pick:hover line.pulse{stroke:var(--me);stroke-width:9;animation:none;opacity:.85}.hex.pick:hover polygon.pulse{fill:#ffd84d52}.kf{animation:kickflip .55s var(--spring) .65s both;transform-box:fill-box;transform-origin:center}@keyframes kickflip{0%{transform:none}40%{transform:translateY(-14px) rotate(200deg) scale(1.2)}to{transform:rotate(360deg)}}.dust{fill:#cfc6b8;opacity:0;transform-box:fill-box;transform-origin:center;animation:dust .6s ease-out .95s}.dust.d2{animation-delay:1s}.dust.d3{animation-delay:1.05s}@keyframes dust{0%{opacity:.7;transform:scale(.3)}to{opacity:0;transform:scale(2.2) translateY(-6px)}}.hex-body.flip{animation:hexFlip .7s var(--spring);transform-box:fill-box;transform-origin:center}@keyframes hexFlip{0%{transform:scaleX(1)}45%{transform:scaleX(0) scaleY(1.1);filter:brightness(2)}to{transform:scaleX(1)}}.boom-ring{fill:none;stroke:#7dff5a;stroke-width:8;transform-box:fill-box;transform-origin:center;animation:boomRing 1s ease-out forwards}.boom-flash{fill:#eaffd8;transform-box:fill-box;transform-origin:center;animation:boomFlash .5s ease-out forwards}.boom-icon{transform-box:fill-box;transform-origin:center;animation:boomIcon 1.1s var(--spring) forwards}@keyframes boomRing{0%{transform:scale(.2);opacity:1}to{transform:scale(4);opacity:0;stroke-width:1}}@keyframes boomFlash{0%{transform:scale(.3);opacity:.95}to{transform:scale(2.6);opacity:0}}@keyframes boomIcon{0%{transform:scale(0) rotate(-90deg)}40%{transform:scale(1.6) rotate(10deg);opacity:1}to{transform:scale(1);opacity:0}}.card-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:42;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;perspective:900px}.cs-card{width:200px;height:270px;border-radius:18px;background:linear-gradient(160deg,#7b57c9,#4a2f8a);border:4px solid;box-shadow:0 30px 80px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;animation:csIn .6s var(--spring)}.cs-ham{font-size:54px}.cs-title{font:400 28px var(--display);letter-spacing:.02em;line-height:1}.cs-desc{font-size:13px;color:#e6dcff}.cs-who{font:400 18px var(--display);letter-spacing:.04em;text-shadow:0 2px 0 #000;animation:fadeIn .4s ease .25s both}@keyframes csIn{0%{transform:rotateY(180deg) scale(.3) translateY(120px);opacity:0}60%{transform:rotateY(-12deg) scale(1.08);opacity:1}to{transform:none}}.card-splash.out .cs-card{animation:csOut .45s cubic-bezier(.6,0,.8,.3) forwards}.card-splash.out .cs-who{animation:porcoOut .3s forwards}@keyframes csOut{to{transform:translate(38vw,-40vh) scale(.15) rotate(25deg);opacity:0}}.claim{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:44;background:var(--panel);border:3px solid;border-radius:99px;padding:10px 22px;font:400 20px var(--display);letter-spacing:.03em;box-shadow:0 12px 40px #00000080;animation:claimIn .5s var(--spring),claimOut .35s ease-in 1.85s forwards}@keyframes claimIn{0%{transform:translate(-50%,-80px) scale(.6);opacity:0}}@keyframes claimOut{to{transform:translate(-50%,-40px);opacity:0}}.pc.gain0,.pc.gain1{animation:pcGain .6s ease}.pc.gain1{animation-name:pcGain2}.pc.loss0,.pc.loss1{animation:pcLoss .6s ease}.pc.loss1{animation-name:pcLoss2}@keyframes pcGain{30%{box-shadow:0 0 0 2px #2fbf71,0 0 22px #2fbf7180}}@keyframes pcGain2{30%{box-shadow:0 0 0 2px #2fbf71,0 0 22px #2fbf7180}}@keyframes pcLoss{20%,60%{transform:translate(-4px);box-shadow:0 0 0 2px #ff3b30}40%,80%{transform:translate(4px)}}@keyframes pcLoss2{20%,60%{transform:translate(-4px);box-shadow:0 0 0 2px #ff3b30}40%,80%{transform:translate(4px)}}.bank-row .rc-n,.mini-card .rc-n{animation:tickPop .35s var(--spring)}@keyframes tickPop{0%{transform:scale(1.6)}to{transform:scale(1)}}.dice.charging .die{animation:charge .12s linear infinite}@keyframes charge{0%{transform:rotate(-6deg) translateY(-1px)}50%{transform:rotate(6deg) translateY(1px)}to{transform:rotate(-6deg)}}.clock svg circle:nth-child(2){transition:stroke-dashoffset .22s linear,stroke .3s}.btn,.act,.side-btn,.op-btn,.dev{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#ffffff59;transform:scale(0);animation:ripple .55s ease-out forwards;pointer-events:none}@keyframes ripple{to{transform:scale(1);opacity:0}}.side-btn .ck{z-index:1}.devs .dev{animation:devIn .5s var(--spring)}@keyframes devIn{0%{transform:rotateY(90deg) translateY(20px);opacity:0}}:root{--bg: #214D43;--panel: #F6F4EB;--paper: #FFFDF5;--line: #DCDDD0;--edge: #253C38;--ink: #253C38;--muted: #74847A;--post: #F2C230;--red: #E8433A;--display: Inter, ui-sans-serif, system-ui, sans-serif;--body: Inter, ui-sans-serif, system-ui, sans-serif;--mono: Inter, ui-sans-serif, system-ui, sans-serif;color-scheme:light}body{background:var(--bg);background-image:none;color:var(--panel);font-family:var(--body)}.mono{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:12px}input,select{background:var(--paper);color:var(--ink);border:2px solid var(--edge);border-radius:10px}input:focus,select:focus{outline:3px solid #2F8CF0;outline-offset:2px}.ico{display:inline-block;vertical-align:middle;flex-shrink:0}.ico.inline{margin:0 1px;vertical-align:-3px}.btn{background:var(--paper);color:var(--ink);border:2px solid var(--edge);border-radius:12px;box-shadow:0 3px 0 var(--edge);font-weight:500}.btn:not(:disabled):hover{background:#fff}.btn.primary{background:var(--post);border-color:var(--edge);color:var(--ink)}.btn.primary:hover:not(:disabled){background:#f6cf55}.btn:disabled{opacity:.45;box-shadow:none}.x{color:var(--ink)}.home-card{background:var(--panel);color:var(--ink);border:3px solid var(--edge);border-radius:20px;box-shadow:0 6px 0 var(--edge);padding:24px}.logo{height:34px;width:auto;display:block}.logo.big{height:auto;width:min(100%,340px);margin:0 auto 4px}.tag,.muted{color:var(--muted)}.field span{color:var(--muted);font-family:var(--body);letter-spacing:.04em}.room-code{border:2px dashed var(--edge)}.room-code .lbl{color:var(--muted);font-family:var(--body)}.room-code .code{font:600 40px var(--body);color:var(--ink);letter-spacing:.2em}.lobby-players li{background:var(--paper);border:2px solid var(--edge);color:var(--ink)}.lobby-players li.empty{background:transparent;border-style:dashed;color:var(--muted)}.chip{border-color:var(--edge);color:var(--ink);font-family:var(--body)}.rules{border-top-color:var(--line);color:var(--muted)}.rules summary{color:var(--ink)}.board-area{color:var(--panel)}.hud .muted{color:#bfd3cb}.right{background:var(--panel);color:var(--ink);border-left:3px solid var(--edge)}.feed{color:var(--ink);border-bottom:2px solid var(--line)}.feed-roll{border-top:2px solid var(--line)}.feed-sum{color:var(--muted);font-family:var(--body)}.feed-item.hot{color:var(--red);font-family:var(--body);font-weight:600}.feed-name{font-weight:600}.bank-row{background:var(--paper);border-bottom:2px solid var(--line)}.players{background:var(--panel)}.pc{background:var(--paper);border:2px solid var(--edge);border-radius:14px;box-shadow:0 3px 0 var(--edge);color:var(--ink)}.pc.me{background:#fffbe8}.pc-name{font-weight:500}.pc-stat{color:var(--ink);font-family:var(--body);font-variant-numeric:tabular-nums}.pc-stat.lead{color:#b7871c}.av-wrap{position:relative;margin-top:2px}.crown{position:absolute;top:-15px;left:50%;translate:-50% 0;z-index:1}.avatar-ring{display:inline-block;border-radius:50%;border:3px solid;overflow:hidden;box-shadow:0 2px 0 var(--edge);vertical-align:middle}.avatar-ring img{width:100%;height:100%;display:block}.vp-ribbon{margin-top:-8px;width:52px;height:28px;display:grid;place-items:center;background:url(/sace/assets/ui-points-ribbon.svg) center / contain no-repeat;border:none;color:var(--ink);font:600 13px var(--body);padding:0 0 4px;border-radius:0}.pen{position:absolute;top:6px;right:8px;display:flex;align-items:center;font-size:11px}.rc{background:transparent;border:none;padding:0;width:50px;height:68px}.rc.small{width:40px;height:54px}.rc-art{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.rc.zero{opacity:.35;filter:grayscale(.7)}.rc.stacked{box-shadow:none;filter:drop-shadow(-4px 0 0 rgba(37,60,56,.35));margin-left:4px}.rc-n{background:#2f8cf0;border:1.5px solid #000;border-radius:8px;color:#fff;font:600 11px var(--body);top:-5px;right:-5px;min-width:20px;height:20px}.mini-card{background:transparent!important;border:none;width:40px;height:54px}@keyframes cardGain{0%{transform:scale(1)}30%{transform:scale(1.25) translateY(-8px);filter:drop-shadow(0 0 10px #F2C230)}to{transform:none}}@keyframes cardGain2{0%{transform:scale(1)}30%{transform:scale(1.25) translateY(-8px);filter:drop-shadow(0 0 10px #F2C230)}to{transform:none}}.bottom{background:var(--panel);color:var(--ink);border-top:3px solid var(--edge)}.bar{align-items:flex-end}.sep{background:var(--line)}.dock-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.act{background:var(--paper);border:2px solid var(--edge);border-radius:12px;box-shadow:0 3px 0 var(--edge);color:var(--ink)}.act:not(:disabled):hover{background:#fff}.act:disabled{opacity:.38;filter:grayscale(1);box-shadow:none}.act.ready{background:#f8e9a7;border-color:var(--edge)}.act.on{background:#9ecbb8;border-color:var(--edge);box-shadow:inset 0 0 0 2px var(--edge)}.al{color:var(--ink);font-family:var(--body);font-size:11px}.devs .dev{background:var(--paper);border:2px solid var(--edge);border-radius:12px;box-shadow:0 3px 0 var(--edge);color:var(--ink);align-items:center;text-align:center;padding:4px 6px;gap:0}.dev.d-skate,.dev.d-promozione{background:var(--paper)}.dicon{margin-bottom:1px}.dn{font-size:10.5px;line-height:1.1}.devs.slot{background:#253c3814;box-shadow:inset 0 3px 6px #253c3859,inset 0 -1px #fff9;border-radius:12px}.clock text{fill:var(--ink);font-family:var(--body)}.clock svg circle:first-child{stroke:var(--line)}.clock svg circle:nth-child(2){stroke:var(--post)}.clock.paused svg circle:nth-child(2){stroke:#b9c3be}.sum{font:600 26px var(--body);color:var(--ink)}.sum.seven{color:var(--red)}.dice .muted{color:var(--muted)}.trade-panel{background:var(--paper);border:2px solid var(--edge);border-radius:14px;box-shadow:0 3px 0 var(--edge);color:var(--ink)}.tp-row{border-bottom:2px solid var(--line)}.rates{display:flex;gap:8px;font-size:12px}.rate{display:inline-flex;align-items:center;gap:2px}.side-btn{background:var(--paper);border:2px solid var(--edge);border-radius:12px;box-shadow:0 3px 0 var(--edge);display:grid;place-items:center}.side-btn:not(:disabled):hover{background:#fff}.side-btn:disabled{opacity:.4;box-shadow:none}.side-btn .ck{position:absolute;top:3px;right:3px}.offer-pop{background:var(--paper);border:2px solid var(--edge);box-shadow:0 4px 0 var(--edge);color:var(--ink)}.op-head{border-bottom:2px solid var(--line)}.op-from{display:inline-flex;align-items:center;gap:8px}.op-toggle{color:var(--ink)}.op-btn{border:2px solid #000;display:grid;place-items:center;padding:0}.op-btn.pending{background:#b9c3be}.op-btn.cancel{background:#9ecbb8}.arrow{width:24px}.modal-bg{background:#1428238c}.modal{background:var(--panel);color:var(--ink);border:3px solid var(--edge);box-shadow:0 6px 0 var(--edge)}.modal-h{font:600 20px var(--body);letter-spacing:0}.discard-hand{border-top:2px solid var(--line)}.pick-card{background:none;border:none;padding:0}.pick-card img{width:64px;display:block;transition:transform .14s var(--spring)}.pick-card:hover img{transform:translateY(-4px) rotate(-2deg)}.respick{grid-template-columns:repeat(4,auto);justify-content:center}.banner{background:var(--post);color:var(--ink);border:2px solid var(--edge);box-shadow:0 3px 0 var(--edge)}.banner .link{color:var(--ink)}.toast{background:var(--red);border:2px solid var(--edge)}.cd-bar{background:var(--line)}.porco{background:#e8433ae6}.porco-text{width:min(92vw,900px);height:auto;text-shadow:none;filter:drop-shadow(0 8px 0 rgba(0,0,0,.35))}.porco-sub{font-family:var(--body);color:#fff}@keyframes flash{50%{background:#f07862f2}}.rotmann-alert{background:var(--ink);border:3px solid var(--post);color:var(--panel)}.rt-img{display:block;width:min(80vw,520px);height:auto;margin:4px auto 0}.rs{color:var(--panel)}.ra-skate{animation:skate 1.2s ease-in-out infinite alternate}.cs-card{background:var(--paper);color:var(--ink);border-width:4px;box-shadow:0 8px 0 var(--edge),0 30px 80px #0006}.cs-title{font:600 24px var(--body);letter-spacing:0}.cs-desc{color:var(--muted)}.cs-who{font:600 18px var(--body);text-shadow:0 2px 0 rgba(0,0,0,.4)}.claim{background:var(--paper);color:var(--ink);font:600 18px var(--body);display:flex;align-items:center;gap:8px;box-shadow:0 4px 0 var(--edge)}.win{background:#142823cc}.win-card{background:var(--panel);color:var(--ink);border:3px solid var(--edge);box-shadow:0 6px 0 var(--edge)}.win-name{font:600 48px var(--body)}.trophy{margin:0 auto}.hex.hot .tile{animation:hexHot 1.5s ease-out}.hex.hit .tile{animation:hexHit 1.2s ease-out}.hex-body.rit{filter:grayscale(1) brightness(.55)}.hex-body.idle{filter:saturate(.6) brightness(.9)}.flyer{width:38px;height:38px;font-size:0}.dust{fill:#f6f4eb}.mini-card.imp{width:40px;height:54px;padding:0}.hud .logo{height:30px;background:var(--panel);border:2px solid var(--edge);border-radius:12px;padding:4px 10px;box-shadow:0 3px 0 var(--edge);box-sizing:content-box}.hand-row{gap:8px;align-items:center}.hand-row .rc{width:58px;height:76px;padding:4px;border-radius:12px;background:#253c3814;box-shadow:inset 0 3px 6px #253c3859,inset 0 -1px #fff9;margin:0;filter:none}.hand-row .rc.stacked{filter:none;margin:0}.hand-row .rc .rc-art{width:50px;height:68px;transition:transform .14s var(--spring)}.hand-row .rc.zero{opacity:1;filter:none}.hand-row .rc.zero .rc-art{opacity:.28;filter:grayscale(1)}.hand-row button.rc:not(:disabled):hover{transform:none}.hand-row button.rc:not(:disabled):hover .rc-art{transform:translateY(-3px)}.hand-row .rc-n{top:1px;right:1px}.devs.slot{width:96px;height:76px}.devs .dev{height:76px}.tok-num{font:600 19px "Fredoka",var(--body);fill:#253c38;dominant-baseline:middle}.tok-num.hot{fill:#e8433a}.tok-pip{fill:#253c38}.tok-pip.hot{fill:#e8433a}.tok-num{font-size:17px}.porco-text{width:auto;font:600 clamp(80px,17vw,260px) "Fredoka",var(--body);color:#fffdf5;letter-spacing:0;line-height:.95;text-align:center;-webkit-text-stroke:6px #253C38;paint-order:stroke fill;text-shadow:0 10px 0 #253C38;filter:none}.porco-sub{font:600 clamp(22px,3.6vw,44px) "Fredoka",var(--body);color:#fffdf5;letter-spacing:.02em;text-transform:none;margin-top:18px;-webkit-text-stroke:3px #253C38;paint-order:stroke fill;text-shadow:0 4px 0 #253C38}.tok-num{font-size:22px;font-weight:600}.flyer{width:36px;height:auto;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.pc{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px}.pc .av-wrap{margin:0}.pc-info{min-width:0;display:flex;flex-direction:column;gap:6px}.pc-name{font-size:15px;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc.me .pc-name{font-size:16px;max-width:none}.pc-row{display:flex;align-items:center;gap:10px}.pc-row .mini-card{width:32px;height:44px}.pc-stat{flex-direction:row;gap:4px;width:auto;font-size:14px}.pc-vp{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:14px}.pc-vp .crown{position:absolute;top:-6px;left:50%;translate:-50% 0}.vp-ribbon{margin:0;width:58px;height:34px;font:600 17px "Fredoka",var(--body);padding-bottom:5px}.pc.me .av-wrap .avatar-ring{box-shadow:0 3px 0 var(--edge)}.tok-num{dominant-baseline:central}.board .token,.board .bld image,.board .road,.board .port image,.board .kf,.board .pick circle.pulse{filter:drop-shadow(0 3px 0 rgba(20,40,35,.5))}.board .road{filter:drop-shadow(0 2.5px 0 rgba(20,40,35,.5))}.tok-num{font-size:19px}.board .token{filter:none}.tok-num{dominant-baseline:alphabetic}.vp-ribbon{background:#2f8cf0;border:1.5px solid #000;border-radius:9px;width:auto;min-width:34px;height:30px;padding:0 8px;color:#fff;font:600 18px "Fredoka",var(--body);box-shadow:0 2px #000;display:grid;place-items:center}@keyframes vpJump{0%{transform:scale(1)}30%{transform:scale(1.5) translateY(-6px);background:#f2c230;color:#253c38}to{transform:none}}.tipwrap{position:relative;display:inline-flex}.tip{position:absolute;bottom:calc(100% + 14px);left:50%;translate:-50% 0;z-index:30;background:var(--paper);color:var(--ink);border:2px solid var(--edge);border-radius:14px;box-shadow:0 3px 0 var(--edge);padding:9px 12px;display:flex;flex-direction:column;gap:4px;min-width:150px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(6px) scale(.92);transform-origin:50% 100%;transition:opacity .14s ease,transform .2s var(--spring)}.tip:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;background:var(--paper);border-right:2px solid var(--edge);border-bottom:2px solid var(--edge);transform:translate(-50%) rotate(45deg);border-bottom-right-radius:3px}.tipwrap:hover .tip{opacity:1;transform:none}.actions .tipwrap:last-child .tip{left:auto;right:-6px;translate:0 0}.actions .tipwrap:last-child .tip:after{left:auto;right:22px;transform:rotate(45deg)}.tip-title{font:600 14px "Fredoka",var(--body)}.tip-desc{font-size:12px;color:var(--muted)}.tip-cost{display:flex;gap:10px;margin-top:2px}.tip-res{display:inline-flex;align-items:center;gap:3px;font:600 13px "Fredoka",var(--body)}.tip-res.ok{color:#2a9d5c}.tip-res.miss{color:var(--red)}html,body{overflow-x:hidden}.tip{flex-direction:row;gap:12px;min-width:0;padding:10px 14px}.tip-res{gap:4px;font:600 17px "Fredoka",var(--body)}.danger{animation:dangerGlow 1.1s ease-in-out infinite alternate}.danger-ants{animation:ants .9s linear infinite}@keyframes ants{to{stroke-dashoffset:-32}}@keyframes dangerGlow{0%{filter:drop-shadow(0 0 2px rgba(242,194,48,.35))}to{filter:drop-shadow(0 0 9px rgba(242,194,48,.95))}}.hand-row,.bottom,.bar{overflow:visible}.hand-row .slot{position:relative;width:58px;height:76px;border-radius:12px;background:#253c3814;box-shadow:inset 0 3px 6px #253c3859,inset 0 -1px #fff9;display:grid;place-items:center;flex-shrink:0}.hand-row .slot .rc{width:50px;height:68px;padding:0;background:none;box-shadow:none;border-radius:0;position:relative;z-index:2}.hand-row .slot .rc .rc-art{transition:none}.hand-row .slot button.rc:not(:disabled):hover{transform:translateY(-3px)}.hand-row .slot .rc-n{top:-5px;right:-5px}.board .roads{filter:drop-shadow(0 2.5px 0 rgba(20,40,35,.5))}.road-fresh{stroke-dasharray:80;stroke-dashoffset:80;animation:drawRoad .45s var(--snap) forwards}.dice{gap:10px}.board-clock{position:absolute;right:18px;bottom:16px;z-index:5}.board-clock .clock text{fill:var(--panel)}.board-clock .clock svg circle:first-child{stroke:#f6f4eb40}.board-clock .dice .muted{color:#bfd3cb}.board-clock .die{filter:drop-shadow(0 3px 0 rgba(20,40,35,.5))}.board-clock .dice{gap:14px}.rotmann-alert{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 18px 12px;border-radius:16px;max-width:320px;top:14%;background:var(--paper);color:var(--ink);border:3px solid var(--edge);box-shadow:0 4px 0 var(--edge)}.rotmann-alert .rt{font:600 30px "Fredoka",var(--body);color:var(--red);letter-spacing:0;line-height:1}.rotmann-alert .rs{font-size:13px;color:var(--ink);text-align:center;margin-top:2px}.ghost-build{opacity:0;pointer-events:none;transition:opacity .15s ease}.bld.pick:hover .ghost-build{opacity:1}.bld.pick:hover>image{opacity:0}.gb-body{animation:gbBuild .55s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%;filter:drop-shadow(0 4px 0 rgba(20,40,35,.5))}@keyframes gbBuild{0%{transform:scale(.88,1.06) translateY(2px)}to{transform:scale(1.06,.94) translateY(-3px)}}.gb-hammer{animation:gbHammer .28s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:20% 80%}@keyframes gbHammer{0%{transform:rotate(-35deg)}to{transform:rotate(15deg)}}.gb-spark{fill:#f2c230;stroke:#253c38;stroke-width:1;animation:gbSpark .6s ease-out infinite;transform-box:fill-box;transform-origin:center}.gb-spark.s2{animation-delay:.2s}.gb-spark.s3{animation-delay:.4s}@keyframes gbSpark{0%{transform:scale(0);opacity:1}to{transform:scale(2.2) translateY(-8px);opacity:0}}.ghost-skate{opacity:0;pointer-events:none;transition:opacity .12s ease}.hex.pick:hover .ghost-skate{opacity:.9}.hex.pick:hover .ghost-skate image{animation:ghostSkate .5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 6px 0 rgba(20,40,35,.45))}@keyframes ghostSkate{0%{transform:translateY(2px) rotate(-6deg)}to{transform:translateY(-5px) rotate(6deg)}}.respick{grid-template-columns:repeat(5,auto)}.card-splash{inset:auto;top:76px;right:356px;align-items:center;justify-content:flex-start}.card-splash .cs-card{width:176px;height:236px}@keyframes csIn{0%{transform:rotateY(180deg) scale(.3) translate(160px);opacity:0}60%{transform:rotateY(-12deg) scale(1.06);opacity:1}to{transform:none}}@keyframes csOut{to{transform:translate(240px) scale(.2) rotate(12deg);opacity:0}}@media (max-width: 900px){.card-splash{top:0;right:0;bottom:0;left:0;justify-content:center}}.porco{top:-60px;right:-60px;bottom:-60px;left:-60px;animation:flash .25s steps(2) 4;background:#e8433a}.porco-text{animation:zoom .6s cubic-bezier(.2,1.6,.4,1),shake .5s .1s 2}.porco-sub{animation:shake .5s .1s 2}.porco.out{animation:porcoOut .35s ease-in forwards}@keyframes flash{50%{background:#f06a55}}:root{--body: "Fredoka", ui-sans-serif, system-ui, sans-serif;--display: "Fredoka", ui-sans-serif, system-ui, sans-serif;--mono: "Fredoka", ui-sans-serif, system-ui, sans-serif}body{font-weight:500;font-size:14.5px}.btn,.act .al,.pc-name,.feed-name,.modal-h,.room-code .code,.banner,.claim,.tip-res{font-weight:600}.feed-list{font-size:13.5px}.vp-ribbon{min-width:46px;height:40px;font:700 25px "Fredoka",var(--body);border-radius:11px;padding:0 10px}.pc.me .vp-ribbon{min-width:52px;height:44px;font-size:28px}.board-area .rotmann-alert{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:slamC .45s cubic-bezier(.2,1.5,.4,1);z-index:8}@keyframes slamC{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}}.offers{max-width:420px}.offer-pop .op-head{min-height:54px;padding:10px 12px}.offer-pop .op-body{padding:10px 12px;gap:12px}.offer-pop .rc.small{width:46px;height:62px}.offer-pop .op-btn{width:48px;height:48px}.offer-pop .op-btn .ico{width:28px;height:28px}.offer-pop .avatar-ring{width:38px!important;height:38px!important}.offer-pop .small{font-size:14px}.op-btn.peer,.op-btn.mine-resp{cursor:default;animation:none!important}.op-btn.peer.decline,.op-btn.mine-resp.decline{opacity:.45}.op-btn.peer.pending{background:#b9c3be}.op-btn.mine-resp{box-shadow:inset 0 0 0 3px #fff}.op-btn.pending{background:#eef1ee;border:3px solid var(--pc)}.op-btn.decline:not(.cancel){border:3px solid var(--pc)}.op-btn.pending .ico{opacity:.7}.hex.hot .hex-body{animation:hotBody 1.6s cubic-bezier(.2,.9,.3,1);transform-box:fill-box;transform-origin:center}@keyframes hotBody{0%{transform:scale(1);filter:brightness(1)}12%{transform:scale(1.09);filter:brightness(1.55) saturate(1.3)}30%{transform:scale(1.02);filter:brightness(1.25)}45%{transform:scale(1.06);filter:brightness(1.45) saturate(1.2)}to{transform:scale(1);filter:brightness(1)}}.hex.hot .tile{animation:none}.hot-ring{fill:#ffe67840;stroke:#ffd84d;stroke-width:6;stroke-linejoin:round;opacity:0;animation:hotRing 1.6s ease-out;filter:drop-shadow(0 0 10px #FFD84D) drop-shadow(0 0 22px rgba(255,216,77,.8))}@keyframes hotRing{0%{opacity:0}10%{opacity:1}28%{opacity:.35}42%{opacity:1}75%{opacity:.8}to{opacity:0}}.hot-wave{fill:none;stroke:#fff3b0;stroke-width:5;stroke-linejoin:round;opacity:0;transform-box:fill-box;transform-origin:center;animation:hotWave 1.1s ease-out .1s}@keyframes hotWave{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35);stroke-width:1}}.hex.hot .token{animation:tokenJump .8s cubic-bezier(.3,1.8,.5,1);transform-box:fill-box;transform-origin:center}@keyframes tokenJump{0%{transform:none}30%{transform:translateY(-12px) scale(1.45)}60%{transform:translateY(0) scale(.95)}to{transform:none}}.op-btn .ico.white{filter:brightness(0) invert(1) drop-shadow(0 1px 0 rgba(0,0,0,.35));opacity:1}.op-btn.pending{background:color-mix(in srgb,var(--pc) 70%,#fff);border:2px solid #000}.op-btn.decline:not(.cancel){background:var(--pc);border:2px solid #000;opacity:.5}.op-btn.accept{background:var(--pc)}.dots{display:inline-flex;gap:4px;align-items:center;height:24px}.dots i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 1px #00000059;animation:dotJump 1.1s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dotJump{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.mark path{fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.dots i{box-shadow:none}.op-btn.pending,.op-btn.accept,.op-btn.decline-btn,.op-btn.decline:not(.cancel){background:var(--pc)}.op-btn.pending,.op-btn.decline-btn{border:2px solid #000}.feed{position:relative}.feed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#142823b8;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:3}.feed.dimmed:after{opacity:1}.feed .card-splash{position:absolute;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;perspective:900px;right:auto;top:auto;width:100%}.feed .card-splash .cs-card{width:170px;height:228px}.feed .cs-who{color:#fff!important;text-shadow:0 2px 0 rgba(0,0,0,.5)}@keyframes csIn{0%{transform:rotateY(180deg) scale(.3) translateY(80px);opacity:0}60%{transform:rotateY(-12deg) scale(1.06);opacity:1}to{transform:none}}@keyframes csOut{to{transform:translateY(-60px) scale(.3) rotate(10deg);opacity:0}}.pc.leader{background:#e4f2ff;border-color:#2f8cf0;animation:leaderGlow 1.8s ease-in-out infinite}@keyframes leaderGlow{0%,to{box-shadow:0 3px 0 var(--edge),0 0 #2f8cf000}50%{box-shadow:0 3px 0 var(--edge),0 0 0 4px #2f8cf040,0 0 18px #2f8cf08c}}.op-btn.cancel,.op-btn.neutral{background:#9aa6a0!important;border:2px solid #000;animation:none!important;box-shadow:none}.op-btn.cancel:hover,.op-btn.neutral:hover{background:#87948d!important}.op-btn:not(.pending):not(.cancel):not(:disabled){animation:none}.op-btn.accept:not(:disabled):not(.peer):not(.mine-resp){animation:okPulse 1.6s ease-in-out infinite}@keyframes okPulse{50%{transform:scale(1.06);box-shadow:0 0 10px var(--pc)}}.game.danger .act.ready{background:#ffe3de;animation:readyIn .45s var(--spring),breatheRed 1.2s ease-in-out .45s infinite}@keyframes breatheRed{50%{box-shadow:0 3px 0 var(--edge),0 0 0 4px #e8433a38,0 0 18px #e8433a8c}}.game.danger .rc.gain0 .rc-art,.game.danger .rc.gain1 .rc-art{filter:drop-shadow(0 0 10px #E8433A)}.discard-slots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dslot{width:46px;height:62px;border-radius:10px;background:#253c3814;box-shadow:inset 0 3px 6px #253c3859,inset 0 -1px #fff9;display:grid;place-items:center}.dcard{background:none;border:none;padding:0;width:40px;height:54px;animation:dropIn .28s var(--spring)}.dcard img{width:100%;height:100%;display:block}.dcard:hover{transform:translateY(-3px) rotate(-3deg)}@keyframes dropIn{0%{transform:translateY(-18px) scale(.8);opacity:0}}.discard-modal{max-width:420px}.feed .card-splash{position:absolute;width:auto;right:0;top:0;left:0;bottom:0;padding:12px}.feed .card-splash .cs-card{width:180px;height:auto;min-height:220px;padding:16px 14px 18px;gap:8px}.feed .card-splash .cs-ham{width:96px;height:96px}.feed .card-splash .cs-title{font-size:21px;line-height:1.1;text-align:center}.feed .card-splash .cs-desc{font-size:13px;line-height:1.3;text-align:center}.dev-drawer{display:flex;gap:8px;align-items:center}.dev-slot{width:76px;height:76px;border-radius:12px}.dev-card{width:68px;height:68px;border-radius:10px;background:var(--paper);border:2px solid var(--edge);box-shadow:0 3px 0 var(--edge);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px;color:var(--ink);animation:devIn .5s var(--spring)}.dev-card .dn{font-size:9.5px;line-height:1.05;text-align:center;font-weight:600;max-width:62px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dev-card:disabled{opacity:.55;box-shadow:none}.dev-card.playable{background:#f8e9a7}.overflow-cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.dev-card.big{width:88px;height:100px;position:relative;cursor:pointer}.dev-card.big .dn{font-size:11px;max-width:80px}.dev-card.big:hover{background:#ffe3de;transform:translateY(-4px)}.new-tag{position:absolute;top:-9px;right:-8px;background:#2f8cf0;color:#fff;border:1.5px solid #000;border-radius:8px;font-size:10px;padding:1px 6px}.board .pick circle.spot{filter:none;opacity:.85;animation:spotPulse 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes spotPulse{50%{transform:scale(1.25);opacity:.55}}.pick:hover circle.spot{opacity:1;animation:none;transform:scale(1.8);fill:var(--me)}.rc{position:relative}.rc-under{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform:translate(calc(var(--k) * 2.5px),calc(var(--k) * 3px));filter:brightness(.82);pointer-events:none;z-index:0}.rc .rc-art{position:relative;z-index:1}.rc .rc-n{z-index:2}.dslot.dev-slot{width:58px;height:76px;border-radius:12px;position:relative;overflow:visible}.dev-card{width:50px;height:68px;border-radius:8px;padding:8px 0 0;position:relative;overflow:hidden;background:#f3eefb;border:2px solid var(--edge);box-shadow:0 2px 0 var(--edge);display:grid;place-items:center}.dev-card:before{content:"";position:absolute;left:4px;right:4px;top:4px;height:9px;border-radius:4px;background:#8e6fc9}.dev-card.playable{background:#fff6cf}.dev-card.playable:before{background:#f2c230}.dev-card.playable:hover{transform:translateY(-4px) rotate(-2deg)}.dev-card:disabled{opacity:.7;box-shadow:none}.dev-tip{flex-direction:column;gap:3px;align-items:flex-start;min-width:190px;white-space:normal;max-width:220px}.dev-tip .tip-desc{font-size:13px;color:var(--ink)}.tip-state{font-size:12px;color:var(--muted);font-weight:600}.tip-state.ok{color:#2a9d5c}.tipwrap:hover .dev-tip{opacity:1;transform:none}.ghost-piece{opacity:0;pointer-events:none;transition:opacity .12s ease}.pick:hover .ghost-piece{opacity:.8;animation:ghostBob .5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 4px 0 rgba(20,40,35,.45))}.pick:hover circle.spot{opacity:0}@keyframes ghostBob{0%{transform:translateY(1px) scale(.96)}to{transform:translateY(-3px) scale(1.04)}}.board.passive .pick line.pulse{stroke-width:4;opacity:.45;stroke-dasharray:2 6;animation:none}.board.passive .pick:hover line.pulse{stroke:var(--me);stroke-width:8;opacity:.9;stroke-dasharray:none}.board.passive circle.spot{opacity:.6}.board.passive .bld.pick circle.pulse{stroke-width:2.5;opacity:.5}.board-area{perspective:none}.board-area .board{transform:none!important;transition:none}.side-btn.close{background:#e8433a;border-color:var(--edge)}.side-btn.close:hover{background:#d63a31!important}.side-btn.close .mark path{stroke-width:3.6}.rc-under{transform:translateY(calc(var(--k) * 3.5px))}.glyph{display:inline-block;vertical-align:middle;filter:drop-shadow(0 2.5px 0 rgba(20,40,35,.35));flex-shrink:0}.tp-who{width:38px;display:inline-grid;place-items:center}.hand-row .slot button.rc:not(:disabled):hover{transform:none}.hand-row .slot button.rc:not(:disabled):hover .rc-art{animation:cardHover .9s ease-in-out infinite;transform-origin:50% 90%}.hand-row .slot button.rc:not(:disabled):hover .rc-under{transform:translateY(calc(var(--k) * 3.5px)) scale(1.06)}@keyframes cardHover{0%,to{transform:translateY(-4px) scale(1.08) rotate(-10deg)}50%{transform:translateY(-8px) scale(1.1) rotate(-7deg)}}.act{height:76px}.av-wrap .crown{position:absolute;top:-14px;left:50%;translate:-50% 0;z-index:2}.kickflip.crazy .kf{animation:crazySkate 1.4s cubic-bezier(.3,1.4,.5,1) both}.kickflip.crazy .dust{animation-delay:.2s}@keyframes crazySkate{0%{transform:none}12%{transform:translate(-10px,-26px) rotate(-200deg) scale(1.4)}28%{transform:translate(12px,-6px) rotate(-380deg) scale(1.1)}42%{transform:translate(-8px,-20px) rotate(-560deg) scale(1.35)}58%{transform:translate(6px) rotate(-720deg) scale(1)}70%{transform:rotate(-735deg) scale(1.08)}82%{transform:rotate(-712deg)}to{transform:rotate(-720deg)}}.op-accepted{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font:600 16px "Fredoka",var(--body);padding:14px 12px;animation:acceptIn .35s var(--spring);text-shadow:0 1px 0 rgba(0,0,0,.3)}@keyframes acceptIn{0%{transform:scale(.8);opacity:0}}.side-btn.bank.ok{background:#2fbf71;animation:okPulse 1.6s ease-in-out infinite;--pc: #2FBF71}.side-btn.bank.ok:hover{background:#28a862!important}.side-btn.bank.ok .ico{filter:brightness(0) invert(1)}.op-btn.peer.decline,.op-btn.mine-resp.decline,.op-btn.decline:not(.cancel){opacity:.75}.longest{position:fixed;top:-60px;right:-60px;bottom:-60px;left:-60px;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#214d43eb;pointer-events:none;animation:fadeIn .2s ease;text-align:center;padding:0 80px}.lg-title{font:700 clamp(40px,7vw,104px) "Fredoka",var(--body);color:#fffdf5;line-height:1;-webkit-text-stroke:5px #253C38;paint-order:stroke fill;text-shadow:0 8px 0 #253C38;animation:zoom .6s cubic-bezier(.2,1.6,.4,1)}.lg-title span{-webkit-text-stroke:5px #253C38}.lg-sub{font:600 clamp(20px,3vw,36px) "Fredoka",var(--body);color:#f2c230;-webkit-text-stroke:3px #253C38;paint-order:stroke fill;text-shadow:0 4px 0 #253C38;animation:zoom .6s .15s cubic-bezier(.2,1.6,.4,1) both}.longest.out{animation:porcoOut .35s ease-in forwards}.flyer{width:48px;filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 6px rgba(255,255,255,.95)) drop-shadow(0 8px 10px rgba(0,0,0,.35));z-index:31}.fly-spark{position:fixed;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:radial-gradient(circle,#fff6bef2,#f2c23099 40%,#f2c23000 70%);pointer-events:none;opacity:0;animation:flySpark .5s ease-out both}@keyframes flySpark{0%{opacity:0;transform:scale(.3)}30%{opacity:1}to{opacity:0;transform:scale(1.6)}}.hand-row .slot:has(.rc.gain0),.hand-row .slot:has(.rc.gain1){animation:slotCatch .7s var(--spring)}@keyframes slotCatch{0%{box-shadow:inset 0 3px 6px #253c3859,0 0 #f2c23000;transform:scale(1)}30%{box-shadow:inset 0 3px 6px #253c3859,0 0 0 4px #f2c230,0 0 22px #f2c230e6;transform:scale(1.1)}to{box-shadow:inset 0 3px 6px #253c3859,0 0 #f2c23000;transform:scale(1)}}.float{font:700 26px "Fredoka",var(--body);-webkit-text-stroke:3px #253C38;paint-order:stroke fill;text-shadow:none;top:-14px}.float.up{color:#45d17e}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,8px) scale(.5)}20%{opacity:1;transform:translate(-50%,-18px) scale(1.4)}70%{opacity:1;transform:translate(-50%,-34px) scale(1.1)}to{opacity:0;transform:translate(-50%,-52px) scale(1)}}.float{animation-duration:1.3s}.offer-pop{width:300px}.op-head{justify-content:flex-start;min-height:0;padding:9px 12px}.op-from{font:600 15px "Fredoka",var(--body);display:flex;align-items:center;gap:8px}.op-rows{padding:8px 12px 4px;display:flex;flex-direction:column;gap:4px}.op-lbl{width:44px;font-size:12px;color:var(--muted);font-weight:600}.op-list{border-top:2px solid var(--line);padding:6px 8px;display:flex;flex-direction:column;gap:4px}.op-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:10px;min-height:36px}.op-row.accept{background:#e2f6ea}.op-row.decline{background:#f3f1ec}.op-name{flex:1;font-weight:600;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-row.decline .op-name{color:var(--muted)}.op-state{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;padding:4px 9px;border-radius:99px;color:#fff;background:var(--pc)}.op-state.pending{background:#9aa6a0}.op-state.decline{background:#c7cec9;color:#fff}.op-state.accept{background:#2fbf71}.op-state .mark{width:16px;height:16px}.op-state .dots{height:16px}.op-state .dots i{width:5px;height:5px}.op-actions{display:inline-flex;gap:6px}.op-actions .op-btn{width:40px;height:34px}.op-withdraw{margin:2px 12px 10px;width:calc(100% - 24px);display:flex;align-items:center;justify-content:center;gap:6px;background:#9aa6a0;color:#fff;border:2px solid #000;border-radius:10px;padding:6px;font-weight:600}.op-withdraw:hover{background:#87948d}.op-withdraw .mark{width:16px;height:16px}.bottom{position:relative}.taken-bubble{position:absolute;left:14px;bottom:calc(100% + 10px);z-index:25;display:flex;align-items:center;gap:10px;background:var(--paper);color:var(--ink);border:2px solid var(--edge);border-radius:14px;box-shadow:0 3px 0 var(--edge);padding:8px 12px;animation:takenIn .35s var(--spring),takenOut .3s ease-in 2.5s forwards}.taken-bubble:after{content:"";position:absolute;left:34px;bottom:-9px;width:14px;height:14px;background:var(--paper);border-right:2px solid var(--edge);border-bottom:2px solid var(--edge);transform:rotate(45deg);border-bottom-right-radius:3px}.tb-text{font:600 15px "Fredoka",var(--body)}.tb-cards{display:inline-flex;gap:8px}.tb-res{display:inline-flex;align-items:center;gap:2px;font:700 16px "Fredoka",var(--body);color:var(--red)}@keyframes takenIn{0%{opacity:0;transform:translateY(10px) scale(.85)}}@keyframes takenOut{to{opacity:0;transform:translateY(6px)}}.dev-card.stip{background:#fff3c9;overflow:visible}.dev-card.stip:before{background:#f2c230}.dev-card.stip .rc-n{top:-7px;right:-7px}.stip-under{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:8px;background:#f4e3a6;border:2px solid var(--edge);transform:translateY(calc(var(--k) * 3.5px));z-index:-1}.stip-slot:not(:has(.dev-card)){background:#f2c2301a}.longest.wasted{background:#e8433ae6}.longest.wasted .lg-sub{color:#fffdf5;max-width:760px}.board-area.my-setup:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 0 4px #ffffffe6,inset 0 0 60px #ffffff8c;animation:setupPulse 1s ease-in-out infinite alternate}@keyframes setupPulse{0%{opacity:.25}to{opacity:1}}.setup-tip{position:absolute;top:14px;right:14px;z-index:7;display:flex;align-items:center;gap:10px;background:var(--paper);color:var(--ink);border:2px solid var(--edge);border-radius:14px;box-shadow:0 3px 0 var(--edge);padding:10px 14px;font:600 16px "Fredoka",var(--body);animation:takenIn .35s var(--spring),tipBob 1.6s ease-in-out .35s infinite}.setup-tip:after{content:"";position:absolute;left:26px;bottom:-9px;width:14px;height:14px;background:var(--paper);border-right:2px solid var(--edge);border-bottom:2px solid var(--edge);transform:rotate(45deg);border-bottom-right-radius:3px}@keyframes tipBob{50%{transform:translateY(-3px)}}.taken-bubble{padding:14px 20px;gap:16px;border-width:3px;border-radius:18px;box-shadow:0 4px 0 var(--edge),0 10px 30px #00000040;animation:takenIn .4s var(--spring),takenOut .35s ease-in 3.2s forwards}.tb-text{font:700 22px "Fredoka",var(--body)}.tb-cards{gap:12px}.tb-res{font:700 24px "Fredoka",var(--body);gap:4px}.tb-res .ico{width:36px!important;height:36px!important}.taken-bubble:after{width:18px;height:18px;bottom:-11px;border-width:3px}.game,.game *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game input,.game textarea{-webkit-user-select:text;user-select:text}.board text,.board .token,.board image{pointer-events:none}.board .hex,.board .pick{cursor:default}.board .hex.pick,.board .pick{cursor:pointer}.taken-bubble{flex-direction:column;align-items:flex-start;gap:4px}.tb-main{display:flex;align-items:center;gap:12px}.tb-text{font:700 24px "Fredoka",var(--body)}.tb-res{color:var(--red);font:700 26px "Fredoka",var(--body)}.tb-why{font:500 15px "Fredoka",var(--body);color:var(--muted)}.tb-cause{color:var(--ink);font-weight:700}.tb-by{font-weight:700}.race-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;pointer-events:none;font:700 clamp(90px,14vw,200px) "Fredoka",var(--body);color:#fffdf5;-webkit-text-stroke:7px #253C38;paint-order:stroke fill;text-shadow:0 10px 0 #253C38;animation:countPop .9s cubic-bezier(.2,1.6,.4,1) both}@keyframes countPop{0%{transform:translate(-50%,-50%) scale(2.2);opacity:0}25%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.peer-cursor{position:absolute;left:0;top:0;z-index:10;pointer-events:none;transition:transform .09s linear;display:flex;align-items:flex-start;gap:2px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.pc-tag{margin-top:14px;background:var(--pc);color:#fff;font:600 12px "Fredoka",var(--body);padding:2px 8px;border-radius:8px;border:1.5px solid #fff;white-space:nowrap}.placed-bubble{position:absolute;z-index:8;pointer-events:none;background:var(--paper);color:var(--ink);border:2px solid var(--edge);border-radius:14px;box-shadow:0 3px 0 var(--edge);padding:8px 12px;font:600 14px "Fredoka",var(--body);max-width:210px;animation:takenIn .35s var(--spring),takenOut .35s ease-in 2.8s forwards}.placed-bubble:before{content:"";position:absolute;left:-9px;top:16px;width:14px;height:14px;background:var(--paper);border-left:2px solid var(--edge);border-bottom:2px solid var(--edge);transform:rotate(45deg)}.placed-bubble span{font-weight:700}.race-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:8;pointer-events:none;animation:fadeIn .2s ease}.race-dim.out{animation:porcoOut .5s ease-in forwards}.race-count{z-index:9}.hud .clock text{fill:var(--panel);font:600 16px "Fredoka",var(--body)}.hud .clock svg circle:first-child{stroke:#f6f4eb40}.dice-sum{font:700 54px "Fredoka",var(--body);color:#fffdf5;-webkit-text-stroke:4px #253C38;paint-order:stroke fill;text-shadow:0 4px 0 #253C38;margin-left:6px;min-width:44px;line-height:1}.dice-sum.seven{color:var(--red)}.dice-sum.pop{animation:sumPop .6s var(--spring)}.board-area .rotmann-alert{background:#e8433a;border:3px solid #253C38;box-shadow:0 5px #253c38,0 0 #e8433a80;color:#fffdf5;max-width:380px;padding:12px 22px 16px;animation:slamC .45s cubic-bezier(.2,1.5,.4,1),rotmannShake .5s .45s 2,rotmannGlow 1s ease-in-out infinite alternate}@keyframes rotmannShake{20%,60%{translate:-6px 0;rotate:-1.5deg}40%,80%{translate:6px 0;rotate:1.5deg}}@keyframes rotmannGlow{to{box-shadow:0 5px #253c38,0 0 0 8px #e8433a40,0 0 30px #e8433a99}}.board-area .rotmann-alert .rt{color:#fffdf5;font-size:36px;-webkit-text-stroke:4px #253C38;paint-order:stroke fill;text-shadow:0 4px 0 #253C38}.board-area .rotmann-alert .rs{display:flex;flex-direction:column;gap:6px;margin-top:8px;color:#fffdf5}.rs-row{display:flex;align-items:center;gap:6px;background:#fffdf5f2;color:var(--ink);border:2px solid #253C38;border-radius:10px;padding:4px 10px;font:600 15px "Fredoka",var(--body);animation:takenIn .35s var(--spring) both}.rs-row:nth-child(2){animation-delay:.12s}.rs-row:nth-child(3){animation-delay:.24s}.rs-name{font-weight:700}.rs-res{font-weight:700;color:var(--red)}.hud .clock.tone-white text{fill:#fffdf5}.hud .clock.tone-yellow text{fill:#f2c230}.hud .clock.tone-red text{fill:#ff5a4e}.hud .clock.tone-white svg circle:nth-child(2){stroke:#fffdf5}.hud .clock.tone-yellow svg circle:nth-child(2){stroke:#f2c230}.hud .clock.tone-red svg circle:nth-child(2){stroke:#ff5a4e}.hud .clock text{transition:fill .2s;font-size:18px}.race-count.n2{color:#f2c230}.race-count.n1{color:#ff5a4e}.hex-body{transition:filter 1.2s ease,opacity 1.2s ease}.board-clock .dice{gap:2px}.dice-sum{margin-left:10px}.race-count.go{color:#e8433a;font-size:clamp(64px,10vw,140px)}.board-area.race-out,.board-area.race-out *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M5 5l18 18M23 5L5 23' stroke='white' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M5 5l18 18M23 5L5 23' stroke='%23E8433A' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") 14 14,not-allowed!important}.peer-cursor.out .pc-tag{background:#e8433a;text-decoration:line-through}.out-tag{position:absolute;left:0;top:0;z-index:11;pointer-events:none;background:#e8433a;color:#fff;border:2px solid #fff;border-radius:10px;padding:3px 10px;font:700 14px "Fredoka",var(--body);white-space:nowrap;box-shadow:0 3px #0000004d}.board-clock .dice .die+.die{margin-left:-14px}.hud .clock svg{width:104px;height:104px}.hud .clock svg circle{stroke-width:4.5}.hud .clock text{font-size:20px}.act.card-act{position:relative;width:64px;height:76px;padding:12px 3px 4px;gap:1px;justify-content:flex-start;overflow:visible;background:var(--paper)}.act-strip{position:absolute;left:4px;right:4px;top:4px;height:6px;border-radius:3px;background:var(--pc)}.card-act .ai{margin-top:1px;filter:drop-shadow(0 2px 0 rgba(20,40,35,.3))}.act-name{font:600 9.5px "Fredoka",var(--body);color:var(--ink);line-height:1;white-space:nowrap}.act-cost{display:flex;gap:0;justify-content:center;flex-wrap:wrap;max-width:58px;margin-top:2px}.act-cost .ico{margin:0 -1px}.act-cost .ico.missing{opacity:.3;filter:grayscale(1)}.act-left{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;border-radius:8px;background:#2f8cf0;border:1.5px solid #000;color:#fff;font:600 11px "Fredoka",var(--body);display:grid;place-items:center;padding:0 4px}.act.card-act:disabled{opacity:.8;filter:saturate(.55);box-shadow:0 2px 0 var(--edge)}.act.card-act.ready{background:#fff6cf}.act.card-act.on{background:#ddf3e6}.game.danger .act.card-act.ready{background:#ffe3de}.act.card-act{justify-content:center;padding-top:14px;gap:4px}.card-act .ai{width:34px!important;height:34px!important}.act-name{font-size:10.5px}.pc-road{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 6px;border-radius:99px;background:#f2efe4;border:2px solid var(--line);font:700 16px "Fredoka",var(--body);color:var(--ink)}.pc-road.lead{background:#ffe58a;border-color:#253c38;box-shadow:0 2px #253c38;animation:roadGlow 1.6s ease-in-out infinite alternate}.pc-road-tag{background:#2fbf71;color:#fff;border-radius:99px;padding:0 6px;font-size:11px;border:1.5px solid #253C38}@keyframes roadGlow{to{box-shadow:0 2px #253c38,0 0 12px #f2c230cc}}.players.compact{gap:5px;padding:6px}.players.compact .pc{padding:5px 8px;gap:8px}.players.compact .avatar-ring{width:34px!important;height:34px!important}.players.compact .pc-name{font-size:13px}.players.compact .pc-row{gap:6px}.players.compact .pc-row .mini-card{width:24px;height:33px}.players.compact .pc-row .rc-n{min-width:16px;height:16px;font-size:9.5px;top:-5px;right:-6px}.players.compact .vp-ribbon{min-width:36px;height:30px;font-size:19px}.players.compact .pc.me .vp-ribbon{min-width:40px;height:32px;font-size:21px}.players.compact .pc-road{font-size:13px;padding:1px 7px 1px 4px}.players.compact .pc-name+.pc-row{margin-top:-2px}.players.compact .pc-info{gap:3px}.players{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.players-scroll{display:flex;flex-direction:column;gap:8px}.players-scroll.many{max-height:376px;overflow-y:auto;padding:4px 4px 4px 2px;margin:-4px -4px -4px -2px;scrollbar-width:thin}.players>.pc.me{box-shadow:0 3px 0 var(--edge),0 -6px 14px #253c381f}.port-ratio{font:700 11px "Fredoka",var(--body);fill:#253c38}.port-ratio.big{font-size:16px}.board .port-badge{filter:drop-shadow(0 3px 0 rgba(20,40,35,.5))}.board .port-badge image{filter:none}:root{--bg: #1C443A}body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg fill='%23ffffff' fill-opacity='0.028'%3E%3Ccircle cx='6' cy='8' r='1.4'/%3E%3Ccircle cx='29' cy='3' r='1'/%3E%3Ccircle cx='38' cy='24' r='1.5'/%3E%3Ccircle cx='17' cy='31' r='1.1'/%3E%3Ccircle cx='9' cy='41' r='0.9'/%3E%3Ccircle cx='33' cy='41' r='1.2'/%3E%3C/g%3E%3C/svg%3E");background-size:46px 46px}.peer-cursor.light .pc-tag{color:#3a4440;border-color:#3a4440}.bank-hint{display:flex;align-items:center;gap:6px;margin:0 10px;padding:6px 10px;border-radius:10px;background:#f2efe4;color:var(--muted);font:600 13px "Fredoka",var(--body)}.bank-hint.ok{background:#2fbf71;color:#fff;animation:okPulse 1.6s ease-in-out infinite;--pc: #2FBF71}.bank-hint .mark{width:16px;height:16px}.bank-meter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 10px;padding:6px 10px;border-radius:12px;background:#f2efe4;border:2px solid transparent;transition:background .2s,border-color .2s}.bank-meter.ok{background:#2fbf71;border-color:#253c38;animation:okPulse 1.6s ease-in-out infinite;--pc: #2FBF71}.bank-meter.ok .bm-bank{filter:brightness(0) invert(1)}.bm-res{display:inline-flex;gap:6px}.bm-group{display:inline-flex;gap:2px;padding:2px;border-radius:7px;background:#253c3814}.bank-meter.ok .bm-group{background:#ffffff59}.bm-slot{width:20px;height:20px;border-radius:5px;border:1.5px dashed rgba(37,60,56,.35);display:grid;place-items:center}.bm-slot.full{border:1.5px solid #253C38;background:#fffdf5}.bm-slot.extra{border-color:#e8433a;background:#ffe3de}.bank-meter .mark{width:20px;height:20px}.tp-pick{gap:10px;align-items:flex-start}.pick-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.rate-pill{font:700 13px "Fredoka",var(--body);padding:1px 8px;border-radius:99px;border:2px solid #253C38;background:#e4e6e1;color:#253c38;line-height:1.2}.rate-pill.r3{background:#2f8cf0;color:#fff}.rate-pill.r2{background:#2fbf71;color:#fff}.trade-wrap.bank-ready .trade-panel{border-color:#2fbf71;box-shadow:0 3px #1e8c50,0 0 0 3px #2fbf7159;transition:box-shadow .2s,border-color .2s}.bank-ready-ico{position:relative;display:inline-grid;place-items:center;animation:takenIn .3s var(--spring)}.bank-ready-ico .brc{position:absolute;right:-10px;bottom:-6px;width:20px;height:20px;border-radius:50%;background:#2fbf71;border:2px solid #253C38;display:grid;place-items:center;animation:okPulse 1.2s ease-in-out infinite;--pc: #2FBF71}.bank-ready-ico .brc .mark{width:13px;height:13px}.bank-ready-ico .brc .mark path{stroke-width:4.5}.op-declined{display:flex;align-items:center;gap:8px;padding:12px;background:#9aa6a0;color:#fff;font:700 16px "Fredoka",var(--body)}.op-declined .mark{width:18px;height:18px}.op-close{margin-left:auto;width:32px;height:32px;border-radius:9px;border:2px solid #253C38;background:#e8433a;display:grid;place-items:center;padding:0}.op-close .mark{width:16px;height:16px}.op-back{margin-left:auto;display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:9px;border:2px solid #253C38;background:#fffdf5;color:#253c38;font:600 13px "Fredoka",var(--body)}.op-back .ico{filter:none}.board-area.race-wait .hex.pick polygon.pulse{opacity:0;animation:none}.board-area.race-wait .hex.pick{cursor:not-allowed}.board-area.race-go .hex.pick polygon.pulse{animation:goWave .7s ease-out,pulse 1s ease-in-out .7s infinite;stroke-width:5;fill:#ffd84d52}@keyframes goWave{0%{opacity:0}30%{opacity:1;fill:#fff6bed9}to{opacity:1}}.race-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:#ffffffbf;animation:raceFlash .55s ease-out forwards}@keyframes raceFlash{0%{opacity:1}to{opacity:0}}.race-count.go{display:flex;flex-direction:column;align-items:center;line-height:.95}.race-go-sub{font-size:clamp(24px,3.4vw,46px);color:#fffdf5;-webkit-text-stroke:4px #253C38;paint-order:stroke fill;letter-spacing:.04em;margin-top:6px}.hex.pick polygon.hex-pick{animation:hexPickPulse 2.2s ease-in-out infinite}@keyframes hexPickPulse{0%,to{opacity:.55}50%{opacity:1}}.hex.pick:hover polygon.hex-pick{fill:#ffffff52;opacity:1;animation:none}.board-area.race-go .hex.pick polygon.pulse{animation:goWaveW .6s ease-out,hexPickPulse 2.2s ease-in-out .6s infinite;stroke-width:2.5;fill:#ffffff29}@keyframes goWaveW{0%{opacity:0}35%{opacity:1;fill:#fff9}to{opacity:1}}.board.passive .pick line.pulse{stroke:#f2c230;stroke-width:4.5;stroke-dasharray:2 7;opacity:.8;animation:pulse 1.1s ease-in-out infinite}.board.passive .pick:hover line.pulse{stroke:var(--me);stroke-width:8;stroke-dasharray:none;opacity:1;animation:none}.edge-outline{opacity:0;pointer-events:none}.board .pick:hover .edge-outline{opacity:1;animation:outlinePulse 1s ease-in-out infinite}@keyframes outlinePulse{0%,to{opacity:.55}50%{opacity:1}}.board .pick:hover line.pulse,.board.passive .pick:hover line.pulse{opacity:0!important;animation:none}.board .pick:hover .edge-outline{filter:drop-shadow(0 0 4px rgba(255,255,255,.9))}.board .pick circle.spot{opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.85));animation:spotRing 1.1s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes spotRing{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.3);opacity:1}}.board.passive circle.spot{opacity:1}.pick:hover circle.spot{opacity:0!important;animation:none}@keyframes spotRing{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.55);opacity:1}}.board .pick:hover .edge-outline{transform-box:fill-box;transform-origin:center;animation:outlinePulseBig 1s ease-in-out infinite}@keyframes outlinePulseBig{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.board-area.race-go .hex.pick polygon.pulse,.hex.pick polygon.hex-pick{transform-box:fill-box;transform-origin:center}@keyframes hexPickPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.pc-vp{gap:5px}.vp-bar{width:52px;height:7px;border-radius:99px;background:#e4e6e1;border:1.5px solid #253C38;overflow:hidden}.vp-bar span{display:block;height:100%;border-radius:99px;transition:width .6s var(--spring)}.pc-income{display:inline-flex;align-items:center;gap:3px;padding:2px 8px 2px 4px;border-radius:99px;background:#f2efe4;border:2px solid var(--line);font:700 14px "Fredoka",var(--body);color:var(--ink)}.feed-item.mine{background:#fff2c4;border-radius:8px;margin:0 -6px;padding:2px 6px}.err-shake{animation:errShake .45s ease!important}g.err-shake{animation:errShakeG .45s ease!important;transform-box:fill-box}@keyframes errShake{15%,55%{transform:translate(-6px) rotate(-2deg)}35%,75%{transform:translate(6px) rotate(2deg)}}@keyframes errShakeG{15%,55%{transform:translate(-4px)}35%,75%{transform:translate(4px)}}.btn.err-shake,.act.err-shake,.side-btn.err-shake{box-shadow:0 0 0 3px #e8433a,0 3px 0 var(--edge)!important}.win-card{max-width:560px}.end-stats{width:100%;border-collapse:collapse;margin:10px 0 4px;font-size:14px}.end-stats th{font:600 11px "Fredoka",var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 6px;text-align:center}.end-stats td{padding:7px 6px;text-align:center;border-top:2px solid var(--line);font-weight:600}.end-stats td.es-name{text-align:left;display:flex;align-items:center;gap:8px}.end-stats tr.winner td{background:#fff2c4}.es-rank{width:22px;height:22px;border-radius:50%;background:#253c38;color:#fff;display:inline-grid;place-items:center;font-size:12px}.es-vp{font:700 18px "Fredoka",var(--body)}.end-facts{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:6px 0 12px;color:var(--muted);font-size:13px}.end-facts b{color:var(--red);font-size:16px}.pc-row{gap:6px;flex-wrap:nowrap;min-width:0}.pc-income,.pc-road{font-size:13px;padding:1px 7px 1px 4px;gap:2px;flex-shrink:0}.pc-income .ico,.pc-road .ico{width:16px!important;height:16px!important}.pc-road-tag{font-size:10px;padding:0 4px}.pc{grid-template-columns:auto minmax(0,1fr) auto}.pc-vp{min-width:56px}.ico.ink-black{filter:brightness(0)}.board .pick circle.spot{filter:none}@keyframes spotRing{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.25);opacity:.75}}.board .pick line.pulse,.board.passive .pick line.pulse{stroke:#fff}.board.passive .pick line.pulse{opacity:.6}.danger-ants{stroke-dashoffset:4.5;animation:none}@keyframes antsHex{0%{stroke-dashoffset:4.5}to{stroke-dashoffset:-27.5}}.board-area .rotmann-alert.long-alert{background:#fffdf5;color:var(--ink);animation:slamC .45s cubic-bezier(.2,1.5,.4,1);box-shadow:0 5px #253c38}.board-area .rotmann-alert.long-alert .rt{color:#f2c230}.board-area .rotmann-alert.long-alert .rs-row{background:#f4efe2}.board-area .rotmann-alert.long-alert.out{animation:porcoOut .35s ease-in forwards}.nuke-glow{animation:nukeGlow 1.2s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px #B6F25A)}@keyframes nukeGlow{0%{opacity:.35}to{opacity:1}}.nuke-skull{animation:nukeSkull 2.4s ease-in-out infinite}@keyframes nukeSkull{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}.nuke-eye{animation:nukeEye 1s steps(2) infinite}@keyframes nukeEye{50%{opacity:.2}}.nuke-spark{transform-box:fill-box;animation:nukeSpark 1.65s ease-out infinite;opacity:0}@keyframes nukeSpark{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(1.2)}}.race-dim{background:#0009}.nuke-token{transform-box:fill-box;transform-origin:center}.nuke-token.nuke-hurry{animation:nukeHurry .4s ease-in-out infinite alternate}@keyframes nukeHurry{0%{filter:drop-shadow(0 0 2px #B6F25A)}to{filter:drop-shadow(0 0 10px #B6F25A) drop-shadow(0 0 4px #B6F25A);transform:scale(1.08)}}.pick-wrap{position:relative;display:inline-flex}.pick-wrap .rate-pill{position:absolute;left:50%;bottom:4px;transform:translate(-50%);font:700 15px "Fredoka",var(--body);padding:2px 9px;background:#fffdf5eb;color:#253c38;border:2px solid #253C38;box-shadow:0 2px #253c3859;pointer-events:none;white-space:nowrap}.pick-wrap .rate-pill.r3{background:#2f8cf0;color:#fff}.pick-wrap .rate-pill.r2{background:#2fbf71;color:#fff}.danger.spin .danger-ants{animation:antsHex .45s linear infinite}.pick-wrap .rate-pill{z-index:3}.offers{zoom:.78}.offers-more{align-self:flex-end;background:var(--paper);color:var(--ink);border:2px solid var(--edge);border-radius:99px;padding:3px 12px;font:600 14px "Fredoka",var(--body);box-shadow:0 3px 0 var(--edge)}.port-mine-ring{animation:portMine 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes portMine{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.hand-row .slot{position:relative}.hand-rate{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);z-index:4;font:700 13px "Fredoka",var(--body);padding:1px 8px;border-radius:99px;border:2px solid #253C38;background:#fffdf5;color:#253c38;line-height:1.2;pointer-events:auto;white-space:nowrap}.hand-rate.r3{background:#2f8cf0;color:#fff}.hand-rate.r2{background:#2fbf71;color:#fff}.hand-rate.ready{animation:rateReady 1.1s ease-in-out infinite;box-shadow:0 0 #2fbf7199}@keyframes rateReady{0%,to{box-shadow:0 0 #2fbf7100}50%{box-shadow:0 0 0 5px #2fbf7173}}.port-ratio.chip{font-size:10.5px}.cr-wrap{display:inline-flex}.cr-wrap.trade-ok .rc{animation:tradeBuzz 1.4s ease-in-out infinite}.cr-wrap.trade-ok .rc .rc-art{filter:drop-shadow(0 0 4px rgba(47,191,113,.9)) drop-shadow(0 0 8px rgba(47,191,113,.5))}@keyframes tradeBuzz{0%,70%,to{transform:none}74%{transform:rotate(-4deg)}78%{transform:rotate(4deg)}82%{transform:rotate(-3deg)}86%{transform:rotate(3deg)}90%{transform:none}}.port.port-pick{cursor:pointer}.port.port-pick .port-badge{animation:portPick 1s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.port.port-pick:hover .port-badge{animation:none;transform:scale(1.18)}@keyframes portPick{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(95,179,230,0))}50%{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(95,179,230,.95))}}.port.port-chosen .port-badge{transform-box:fill-box;transform-origin:center;transform:scale(1.15);filter:drop-shadow(0 0 8px #5FB3E6)}.lobby-players li.empty{border-color:#d9dcd6;color:#b7bdb8;background:transparent}.pc{grid-template-columns:22px auto 1fr auto;gap:10px}.pc-rank{font:700 15px "Fredoka",var(--body);color:#8b9792;text-align:center}.pc-vp{padding-top:0}.pc-points{font:700 38px/1 "Fredoka",var(--body);color:var(--ink);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.pc.me .pc-points{font-size:42px}.pc-points.jump{animation:vpJump .8s var(--spring)}.pc.leader{background:#253c38;border-color:#000;color:#fffdf5;animation:none;box-shadow:0 3px #000}.pc.leader .pc-name{color:#fffdf5}.pc.leader .pc-rank,.pc.leader .pc-points{color:#ffd84d}.pc.leader .pc-road{background:#33504a;border-color:#46655e;color:#fffdf5}.board.drunk .token{animation:drunkBlur 2.6s ease-in-out infinite}@keyframes drunkBlur{0%,to{filter:blur(0)}20%{filter:blur(3.5px)}45%{filter:blur(1px)}60%{filter:blur(5px)}80%{filter:blur(.5px)}}.board.drunk .bld-img{transform-box:fill-box;transform-origin:center;animation:drunkSpin 2.8s linear infinite}@keyframes drunkSpin{to{transform:rotate(360deg)}}.raid-track{display:flex;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;background:#0f1f1b8c;border-radius:99px;width:max-content}.rt-dot{position:relative;width:14px;height:14px;border-radius:50%;background:#fffdf540;border:2px solid rgba(255,253,245,.5)}.rt-dot.on{background:#5fb3e6;border-color:#fffdf5}.rt-dot.last{background:#e8433a55;border-color:#e8433a}.rt-ship{position:absolute;left:50%;bottom:6px;transform:translate(-50%);filter:drop-shadow(0 2px 0 rgba(0,0,0,.4));animation:shipIn .8s var(--spring),shipBob 1.6s ease-in-out .8s infinite}@keyframes shipIn{0%{transform:translate(-130%) rotate(-10deg);opacity:0}}@keyframes shipBob{0%,to{transform:translate(-50%) rotate(-4deg)}50%{transform:translate(-50%,-3px) rotate(4deg)}}.raid-track.step4{background:#e8433a73;animation:raidDanger .8s ease-in-out infinite alternate}@keyframes raidDanger{to{box-shadow:0 0 0 4px #e8433a59}}.board-area .rotmann-alert.raid-alert{background:#1f3550}.armed-sword{filter:drop-shadow(0 2px 0 rgba(20,40,35,.5))}.raid-track{gap:12px;margin-top:30px;padding:8px 14px}.rt-label{font:700 15px "Fredoka",var(--body);color:#fffdf5;letter-spacing:.02em}.rt-dot{width:20px;height:20px;border-width:2.5px}.rt-ship{bottom:4px}.raid-track{flex-direction:column;gap:12px;margin-top:18px;margin-left:12px;padding:12px 10px;border-radius:22px}.rt-label{writing-mode:horizontal-tb;font-size:13px}.rt-dot{width:26px;height:26px;border-width:3px}.rt-ship{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);animation:buoyIn .7s var(--spring),buoyBob 1.6s ease-in-out .7s infinite}@keyframes buoyIn{0%{transform:translate(-50%,-160%) scale(.6);opacity:0}}@keyframes buoyBob{0%,to{transform:translate(-50%,-50%) rotate(-10deg)}50%{transform:translate(-50%,-62%) rotate(10deg)}}.armed-sword{filter:drop-shadow(0 3px 0 rgba(20,40,35,.5))}.raid-hint{margin-top:8px;font:600 13px "Fredoka",var(--body);color:#cfe3f5}.raid-track{position:relative}.raid-tip{position:absolute;left:calc(100% + 12px);top:0;width:210px;background:#fffdf5;color:var(--ink);border:2px solid #253C38;border-radius:12px;box-shadow:0 3px #253c38;padding:8px 10px;font:600 13px/1.3 "Fredoka",var(--body);z-index:6;animation:tipIn .4s var(--spring),tipNudge 2.4s ease-in-out .4s infinite}.raid-tip:before{content:"";position:absolute;left:-8px;top:14px;width:12px;height:12px;background:#fffdf5;border-left:2px solid #253C38;border-bottom:2px solid #253C38;transform:rotate(45deg)}@keyframes tipIn{0%{opacity:0;transform:translate(-8px)}}@keyframes tipNudge{0%,85%,to{transform:none}90%{transform:translate(3px)}95%{transform:translate(-2px)}}.raid-tip{width:230px;display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.rt-title{font:700 16px/1.15 "Fredoka",var(--body);color:#e8433a}.rt-body{font:500 13px/1.3 "Fredoka",var(--body);color:var(--ink)}.btn.rt-ok{margin-top:6px;width:100%;padding:8px 0;font:700 17px "Fredoka",var(--body)}.act.spotlight{animation:wallsSpot 2s ease-in-out both;z-index:20;position:relative}@keyframes wallsSpot{0%{transform:none;box-shadow:none}12%{transform:scale(1.45) translateY(-10px) rotate(-5deg);box-shadow:0 0 0 6px #f2c230b3,0 10px 24px #00000059}20%{transform:scale(1.45) translateY(-10px) rotate(5deg)}28%{transform:scale(1.45) translateY(-10px) rotate(-4deg)}36%{transform:scale(1.45) translateY(-10px) rotate(4deg)}44%,80%{transform:scale(1.4) translateY(-10px) rotate(0);box-shadow:0 0 0 6px #f2c230b3,0 10px 24px #00000059}to{transform:none;box-shadow:none}}.act.blocked{opacity:.75}.no-spot{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:190px;background:#fffdf5;color:var(--ink);border:2px solid #253C38;border-radius:12px;box-shadow:0 3px #253c38;padding:7px 10px;font:600 13px/1.3 "Fredoka",var(--body);text-align:center;z-index:30;animation:tipIn .3s var(--spring);pointer-events:none}.no-spot:after{content:"";position:absolute;left:50%;bottom:-8px;width:12px;height:12px;background:#fffdf5;border-right:2px solid #253C38;border-bottom:2px solid #253C38;transform:translate(-50%) rotate(45deg)}.board-area .board{box-sizing:border-box;padding-left:78px}.lg-pts{margin-left:4px;background:#2fbf71;color:#fff;border:2px solid #253C38;border-radius:99px;padding:0 9px;font:700 15px "Fredoka",var(--body);box-shadow:0 2px #253c38}.board.drunk .token{transform-box:fill-box;transform-origin:center;animation:drunkTok 2.4s ease-in-out infinite}@keyframes drunkTok{0%,to{filter:blur(0);transform:scale(1) rotate(0)}20%{filter:blur(6px);transform:scale(1.55) rotate(-14deg)}40%{filter:blur(1.5px);transform:scale(.65) rotate(10deg)}60%{filter:blur(8px);transform:scale(1.35) rotate(18deg)}80%{filter:blur(2px);transform:scale(.8) rotate(-8deg)}}.board.drunk .bld-img{animation:drunkSpinBig 2.2s ease-in-out infinite}@keyframes drunkSpinBig{0%{transform:rotate(0) scale(1)}25%{transform:rotate(140deg) scale(1.45)}50%{transform:rotate(200deg) scale(.7)}75%{transform:rotate(320deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}.board.drunk .hex-body>image{transform-box:fill-box;transform-origin:center;animation:drunkIcon 3s ease-in-out infinite}.board.drunk .hex:nth-child(odd) .hex-body>image{animation-duration:2.3s;animation-direction:reverse}@keyframes drunkIcon{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(6px,-4px) scale(1.25) rotate(12deg)}66%{transform:translate(-6px,4px) scale(.8) rotate(-12deg)}}.board-area:has(.board.drunk) .board{animation:drunkBoard 5s ease-in-out infinite;transform-origin:50% 50%}@keyframes drunkBoard{0%,to{rotate:0deg;scale:1}25%{rotate:2.5deg;scale:1.04}50%{rotate:-1.5deg;scale:.97}75%{rotate:-3deg;scale:1.05}}.game.drunk-all>*{animation:drunkAll 3.2s ease-in-out infinite}.game.drunk-all>*:nth-child(2n){animation-delay:-1.1s}@keyframes drunkAll{0%,to{filter:blur(0)}25%{filter:blur(3.5px)}50%{filter:blur(1px)}70%{filter:blur(5px)}85%{filter:blur(1.5px)}}.board-area .rotmann-alert.drunk-alert{background:#8e6fc9}.drunk-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:60}.game.drunk-all>.drunk-wrap{animation:none;filter:none}.drunk-alert{display:flex;flex-direction:column;align-items:center;gap:4px;background:#8e6fc9;border:3px solid #253C38;border-radius:18px;box-shadow:0 5px #253c38;padding:14px 26px;animation:slamC2 .45s cubic-bezier(.2,1.5,.4,1)}.drunk-alert .rt{font:700 34px "Fredoka",var(--body);color:#fffdf5;-webkit-text-stroke:4px #253C38;paint-order:stroke fill;text-shadow:0 4px 0 #253C38}@keyframes slamC2{0%{transform:scale(.3) rotate(-8deg);opacity:0}}.w98-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;pointer-events:none}.game.drunk-all>.w98-layer{animation:none;filter:none}.w98{position:absolute;width:260px;background:silver;border:2px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;box-shadow:1px 1px #000,4px 6px #00000059;pointer-events:auto;animation:w98In .12s steps(2);font-family:"MS Sans Serif",Tahoma,Geneva,sans-serif}@keyframes w98In{0%{transform:scale(.6);opacity:0}}.w98-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 3px 3px 6px;background:linear-gradient(90deg,navy,#1084d0);color:#fff;font-size:12px;font-weight:700}.w98-bar span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w98-btns{display:flex;gap:2px}.w98-btns i{font-style:normal;width:16px;height:14px;display:grid;place-items:center;background:silver;color:#000;font-size:10px;border:1px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;cursor:default}.w98-body{margin:4px;height:180px;background:#fff;border:2px solid;border-color:#808080 #FFFFFF #FFFFFF #808080;overflow:hidden;display:grid;place-items:center}.w98-body>img{width:100%;height:100%;object-fit:cover}.w98-body video{width:100%;height:100%;object-fit:cover}.w98-body{height:auto;min-height:120px;display:block}.w98-body>img,.w98-body>video{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:#000}.w98-body:empty{height:180px}.meme{position:relative;height:190px;overflow:hidden;display:grid;place-items:center}.mm-ico{position:relative}.mm-t{position:absolute;bottom:8px;left:6px;right:6px;text-align:center;font:700 20px/1.05 Fredoka,Impact,sans-serif;color:#fff;-webkit-text-stroke:4px #000;paint-order:stroke fill;text-transform:uppercase}.mm-bob{animation:mmBob .5s ease-in-out infinite alternate}@keyframes mmBob{to{transform:translateY(-18px) rotate(8deg)}}.mm-zoom{animation:mmZoom .7s ease-in-out infinite alternate}@keyframes mmZoom{0%{transform:scale(.7)}to{transform:scale(1.5) rotate(-6deg)}}.mm-spin3d{animation:mmSpin3d 1s linear infinite}@keyframes mmSpin3d{to{transform:rotateY(360deg)}}.mm-spin{animation:mmSpin .6s linear infinite}@keyframes mmSpin{to{transform:rotate(360deg)}}.mm-beat{animation:mmBeat .35s cubic-bezier(.3,1.8,.5,1) infinite}@keyframes mmBeat{0%{transform:scale(1)}30%{transform:scale(1.35,.8)}60%{transform:scale(.85,1.25)}}.mm-fly{animation:mmFly 1s linear infinite}@keyframes mmFly{0%{transform:translate(-180px) rotate(-30deg)}to{transform:translate(180px) rotate(30deg)}}.mm-dance{animation:mmDance .5s ease-in-out infinite}@keyframes mmDance{0%,to{transform:translate(-30px) rotate(-20deg)}50%{transform:translate(30px) rotate(20deg) scale(1.2)}}.mm-glitch{animation:mmGlitch .25s steps(2) infinite}@keyframes mmGlitch{0%{transform:translate(-6px,2px);filter:hue-rotate(90deg)}50%{transform:translate(6px,-3px) skew(12deg);filter:invert(1)}to{transform:none}}.mm-squash{animation:mmSquash .4s ease-in-out infinite alternate}@keyframes mmSquash{0%{transform:scale(1.4,.6)}to{transform:scale(.6,1.5)}}.mm-brr{animation:mmBrr .06s linear infinite}@keyframes mmBrr{0%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}}.mm-rain{position:absolute;top:-50px;animation:mmRain 1.1s linear infinite}@keyframes mmRain{to{transform:translateY(260px) rotate(360deg)}}.mm-disco{animation:mmSpin .8s linear infinite}.meme:has(.mm-disco){animation:mmDiscoBg .4s steps(1) infinite}@keyframes mmDiscoBg{0%{background:#ff4fa3}33%{background:#19c3c9}66%{background:#f2c230}}.mm-creep{animation:mmCreep 2s ease-in forwards}@keyframes mmCreep{0%{transform:scale(.4)}to{transform:scale(2.6)}}.mm-rainbow{animation:mmRainbow .5s linear infinite}@keyframes mmRainbow{0%{color:#ff5a4e}25%{color:#f2c230}50%{color:#2fbf71}75%{color:#2f8cf0}to{color:#ff4fa3}}.mm-gold{color:#ffd84d}.mm-red{color:#e8433a}.mm-shake{animation:mmBrr .08s linear infinite}.mm-glitchtxt{animation:mmGlitch .3s steps(2) infinite;color:#2fbf71}.meme .mm-ico{width:96px;height:96px;max-height:none;background:none}.meme .mm-rain{width:40px;height:40px}.w98-body .meme{width:100%}.w98{cursor:pointer}.w98.closing{animation:w98Out .22s ease-in forwards;pointer-events:none}@keyframes w98Out{to{transform:scale(.4) translateY(30px);opacity:0}}.w98{width:calc(260px * var(--k, 1))}.w98 .meme{height:calc(190px * var(--k, 1))}.w98 .mm-t{font-size:calc(20px * var(--k, 1))}.meme .mm-ico,.meme .mm-rain{width:auto;height:auto}.raid-rebuild{margin-top:10px;background:#f2c230;color:#253c38;border:2px solid #253C38;border-radius:10px;padding:6px 12px;font:700 14px "Fredoka",var(--body);box-shadow:0 3px #253c38;animation:takenIn .35s var(--spring) .3s both}.lobby-players li{position:relative}.color-pick{display:inline-flex;align-items:center;gap:10px;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.color-pick .dot{box-shadow:0 0 0 3px #253c3826;transition:transform .15s var(--spring)}.color-pick:hover .dot{transform:scale(1.3)}.color-pick:after{content:"✎";font-size:13px;color:#8b9792}.color-pop{position:absolute;left:6px;top:calc(100% + 6px);z-index:20;display:grid;grid-template-columns:repeat(4,30px);gap:8px;padding:10px;background:#fffdf5;border:2px solid #253C38;border-radius:12px;box-shadow:0 4px #253c38;animation:tipIn .25s var(--spring)}.color-pop:before{content:"";position:absolute;left:14px;top:-8px;width:12px;height:12px;background:#fffdf5;border-left:2px solid #253C38;border-top:2px solid #253C38;transform:rotate(45deg)}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid #253C38;cursor:pointer;transition:transform .15s var(--spring)}.swatch:not(:disabled):hover{transform:scale(1.18)}.swatch.on{box-shadow:0 0 0 3px #fffdf5,0 0 0 5px #253c38}.swatch.taken{opacity:.2;cursor:not-allowed}.lobby-players li.mine{padding:14px;font-size:18px;border-width:3px;background:#fff7da;box-shadow:0 4px 0 var(--edge)}.lobby-players li.mine .pname{font:700 19px "Fredoka",var(--body)}.chip.you{background:#253c38;color:#fffdf5;border-color:#253c38}.color-pick{position:relative;display:inline-grid;place-items:center;background:none;border:none;padding:0;cursor:pointer}.color-pick:after{content:none}.cp-dot{position:relative;width:34px;height:34px;border-radius:50%;border:3px solid #253C38;display:grid;place-items:center;box-shadow:0 2px #253c38;transition:transform .15s var(--spring)}.cp-dot:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:3px solid currentColor;color:#253c38;opacity:0}.cp-pen{width:18px;height:18px;fill:none;stroke:#fffdf5;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .15s;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}.color-pick:hover .cp-dot{transform:scale(1.08)}.color-pick:hover .cp-dot:before{animation:cpRing 1s ease-out infinite}.color-pick:hover .cp-pen{opacity:.85}@keyframes cpRing{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.cp-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);white-space:nowrap;background:#253c38;color:#fffdf5;font:600 12px "Fredoka",var(--body);padding:4px 9px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s}.color-pick:hover .cp-tip{opacity:1}.color-pop{grid-template-columns:repeat(4,34px)}.cp-head{grid-column:1 / -1;font:700 13px "Fredoka",var(--body);color:var(--ink)}.swatch{width:34px;height:34px}.lobby-players li.mine{gap:12px}.w98.w98-center{position:relative;width:min(520px,90vw);animation:slamC2 .35s cubic-bezier(.2,1.5,.4,1)}.w98-rob{margin:4px;padding:26px 18px;background:#e8433a;border:2px solid;border-color:#808080 #FFFFFF #FFFFFF #808080;text-align:center;font:700 30px/1.1 Fredoka,Impact,sans-serif;color:#fff;-webkit-text-stroke:5px #000;paint-order:stroke fill;animation:mmBrr .08s linear infinite}.op-btn.decline-btn{background:#e8433a;opacity:1}.op-btn.accept:not(:disabled):not(.peer):not(.mine-resp){animation:optAlt 1.6s ease-in-out infinite;box-shadow:none}.op-btn.decline-btn:not(:disabled){animation:optAlt 1.6s ease-in-out .8s infinite}@keyframes optAlt{0%,50%,to{transform:none;box-shadow:0 0 #fff0}20%{transform:scale(1.08);box-shadow:0 0 0 3px #fffdf5,0 0 0 5px #253c3859}}.offer-pop .op-btn.accept:not(:disabled):not(.peer):not(.mine-resp),.offer-pop .op-btn.decline-btn:not(:disabled):not(.peer):not(.mine-resp){animation:optRing 1.6s ease-in-out infinite}.offer-pop .op-btn.decline-btn:not(:disabled):not(.peer):not(.mine-resp){animation-delay:.8s}@keyframes optRing{0%,50%,to{transform:none;box-shadow:0 0 #253c3800}15%{transform:scale(1.08);box-shadow:0 0 0 4px #253c38}35%{transform:scale(1.02);box-shadow:0 0 0 2px #253c3866}}.board-area .rotmann-alert.long-alert{padding:22px 34px 24px;gap:10px;max-width:460px}.board-area .rotmann-alert.long-alert .rt{font-size:40px;line-height:1.05;margin:4px 0 2px}.lg-body{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}.lg-who{font:600 19px/1.3 "Fredoka",var(--body);color:var(--ink);text-align:center}.lg-who .rs-name{font-weight:700}.lg-body .lg-pts{margin:0;font-size:18px;padding:3px 14px}.offers{zoom:.95}.offer-pop .op-head{font-size:15px}.offer-pop .op-from{font:700 15px "Fredoka",var(--body)}.ico-count{position:relative;display:inline-flex;margin-right:4px;vertical-align:middle}.ico-n{position:absolute;top:-7px;right:-8px;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:#2f8cf0;color:#fff;border:1.5px solid #253C38;font:700 10px/12px "Fredoka",var(--body);text-align:center}.ico-count{margin-right:9px}.pc-bounty{position:absolute;top:-9px;left:50%;transform:translate(-50%) rotate(-3deg);background:#e8433a;color:#fffdf5;border:2px solid #253C38;border-radius:6px;padding:0 8px;font:700 11px/16px "Fredoka",var(--body);letter-spacing:.08em;box-shadow:0 2px #253c38;z-index:2;animation:bountySwing 2s ease-in-out infinite}@keyframes bountySwing{0%,to{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}}.pc-ninja.lead{background:#26292e;color:#fffdf5;border-color:#000}.pc-row .pc-road{position:relative;width:40px;height:40px;padding:0;border-radius:10px;display:grid;place-items:center;background:#f2efe4;border:2px solid #253C38;box-shadow:0 2px #253c38;align-self:center}.pc-row .pc-road>span:not(.pc-road-tag){position:absolute;bottom:-7px;right:-7px;min-width:20px;height:20px;padding:0 4px;border-radius:99px;background:#253c38;color:#fffdf5;border:2px solid #FFFDF5;font:700 11px/16px "Fredoka",var(--body);text-align:center}.pc-row .pc-road .pc-road-tag{position:absolute;top:-9px;left:50%;transform:translate(-50%);font-size:10px;padding:0 5px;line-height:14px}.pc-row .pc-road.lead{background:#ffe58a;animation:roadGlow 1.6s ease-in-out infinite alternate}.pc-row .pc-ninja.lead{background:#26292e}.pc.leader .pc-row .pc-road{background:#33504a;border-color:#0f1d1a}.pc.leader .pc-row .pc-road.lead{background:#ffe58a}.pc-row .pc-ninja.lead,.pc-row .pc-road.lead,.pc.leader .pc-row .pc-road.lead{background:#ffd84d;border-color:#253c38}.pc{grid-template-columns:22px 18px 1fr auto}.pc-dot{width:18px;height:18px;border-radius:50%;border:2.5px solid #253C38;box-shadow:0 2px #253c3866}.pc.leader .pc-dot{border-color:#fffdf5}.pc-bounty{font-size:14px;line-height:20px;padding:1px 12px;top:-13px;border-width:2.5px;letter-spacing:.1em}.pc{grid-template-columns:22px 1fr auto}.pc-name{display:flex;align-items:center;gap:8px}.pc-name .pc-dot{width:14px;height:14px;border-width:2px;flex-shrink:0}.board-area .rotmann-alert.long-alert.lead-alert{border-color:#e8433a;box-shadow:0 5px #e8433a,0 0 0 6px #e8433a40}.board-area .rotmann-alert.long-alert.lead-alert .rt{color:#e8433a}.players .pc{border:3px solid var(--pc, var(--edge));box-shadow:0 3px 0 var(--pc, var(--edge))}.players .pc.leader{border-color:var(--pc);box-shadow:0 3px 0 var(--pc)}.pc.can-embargo{cursor:pointer}.pc.can-embargo:hover{filter:brightness(.97)}.pc.embargo{opacity:.55;background-image:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(37,60,56,.08) 10px 20px)}.pc-embargo{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(-8deg);background:#253c38;color:#fffdf5;border:2px solid #FFFDF5;border-radius:6px;padding:1px 8px;font:700 12px/16px "Fredoka",var(--body);letter-spacing:.1em;z-index:2;box-shadow:0 2px #0000004d}.tp-line .side-btn.tp-act{width:54px;height:54px;flex-shrink:0;position:relative}.tp-line .side-btn.tp-act .ck{position:absolute;right:4px;top:4px}.tp-line>.side-btn.tp-act{flex:0 0 54px;width:54px;min-height:0;height:54px}.tp-line>.side-btn.tp-act.bank.ok{background:#2fbf71}.tp-side{justify-content:flex-start}.tp-side .side-btn.close{flex:0 0 auto;height:54px}.trade-wrap .tp-line>button.side-btn.tp-act{flex:0 0 52px!important;width:52px!important;max-width:52px;height:64px;min-height:0;padding:0;border-radius:10px}.trade-wrap .tp-line>button.side-btn.tp-act.bank.ok{background:#2fbf71;border-color:#253c38}.trade-wrap .tp-line>button.side-btn.tp-act.bank.ok .ico{filter:brightness(0) invert(1)}.trade-wrap .tp-side{align-self:flex-end;justify-content:flex-end;flex:0 0 auto}.trade-wrap .tp-side .side-btn.close{flex:0 0 40px!important;width:40px!important;height:40px!important;min-height:0;border-radius:10px}.trade-wrap .tp-side .side-btn.close .mark{width:18px;height:18px}.trade-wrap .tp-line>button.side-btn.tp-act{height:52px!important}.trade-wrap .tp-side{align-self:stretch;justify-content:stretch}.trade-wrap .tp-side .side-btn.close{flex:1 1 auto!important;width:44px!important;height:auto!important;background:#c9cec9;color:#253c38;border-color:#253c38}.trade-wrap .tp-side .side-btn.close:hover{background:#b9bfba}.pc-points.jump{animation:pcPointsPop .7s cubic-bezier(.3,1.6,.5,1);background:none!important;transform-origin:50% 70%}@keyframes pcPointsPop{0%{transform:scale(1);text-shadow:none}35%{transform:translateY(-6px) scale(1.35);text-shadow:0 0 14px rgba(47,191,113,.85),0 0 4px rgba(47,191,113,.9)}70%{transform:translateY(1px) scale(.95)}to{transform:none;text-shadow:none}}.trade-wrap .tp-line>button.side-btn.tp-act{flex:0 0 78px!important;width:78px!important;max-width:78px;height:52px!important}.trade-strip{margin:-8px -12px 0;padding:10px 12px;background:#1c443a;border-bottom:3px solid var(--edge)}.trade-strip.closing .trade-wrap{animation:tradeOut .2s ease-in forwards}@keyframes tradeOut{to{transform:translateY(24px);opacity:0}}.tip.tip-wrap{white-space:normal;width:210px}.game.frenzy:after,.game.danger:after{content:none}.game.frenzy .board-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 0 3px #ffd84dcc,inset 0 0 90px #ffb4284d;animation:frenzy .5s ease-in-out infinite alternate}.game.danger .board-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 0 4px #ff3b30d9,inset 0 0 110px #ff281e66;animation:frenzy .6s ease-in-out infinite alternate}.tip.tip-wrap{flex-direction:column;align-items:flex-start;left:auto;right:0;translate:none}.tip.tip-wrap .tip-desc{white-space:normal}.trade-strip{position:absolute;left:0;right:0;bottom:100%;margin:0;padding:0 12px 10px;background:transparent;border-bottom:none;z-index:15;pointer-events:none}.trade-strip>*{pointer-events:auto}.trade-strip .trade-panel{box-shadow:0 3px 0 var(--edge),0 10px 30px #00000059}.tp-none{order:5;margin-left:10px;background:#fde3df;color:#b3261e;border:2px solid #E8433A;border-radius:10px;padding:4px 10px;font:600 13px "Fredoka",var(--body)}.tp-none{display:inline-flex;align-items:center;gap:7px;padding-left:5px!important}.tp-none-i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e8433a;color:#fff;font:700 13px/1 "Fredoka",var(--body);flex:none}.feed-list,.feed-item,.feed-roll,.feed-item .feed-name,.feed-sum{color:#a3aba6!important}.feed-item.hot{color:#e8433a!important}.feed-item.mine{background:#fbf4dc}.feed-order{display:flex;flex-direction:column;gap:5px;padding:6px 0 4px}.fo-label{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#b4bbb6}.fo-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.fo-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 3px;border-radius:999px;background:#efebe1;color:#8e9792;font-size:12.5px}.fo-chip.me{background:#fff2c4;color:#7e7650}.fo-n{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;font:600 10.5px var(--mono);color:#8e9792}.fo-dot{width:8px;height:8px;border-radius:50%;flex:none}.fo-back{font-size:12px;color:#b4bbb6}.discard-sub{margin:-6px 0 10px;color:var(--muted);font-size:14px}.fo-chips{flex-direction:column;align-items:flex-start;gap:4px}.banner.has-bar{padding-bottom:14px;overflow:hidden}.setup-bar{position:absolute;left:14px;right:14px;bottom:5px;height:6px;border-radius:99px;background:#1f2a2a26;overflow:hidden}.setup-bar i{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f2a2a;border-radius:99px;transform-origin:left center;transition:transform .25s linear}.setup-bar.mine i{background:#2fbf71}.setup-bar.low i{background:#e8433a}.banner.has-bar{width:440px;max-width:calc(100% - 32px);box-sizing:border-box;text-align:center;background:#fff!important;color:var(--ink);padding:9px 16px 17px;border-radius:16px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:setupBannerIn .45s var(--spring)}.setup-bar{left:16px;right:16px;bottom:7px;height:6px;background:#ece8de}.setup-bar i{transition:none;transform-origin:left center;animation-name:setupDrain;animation-timing-function:linear;animation-fill-mode:both}.setup-bar i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);background-size:60px 100%;background-repeat:no-repeat;animation:setupShine 1.4s linear infinite}.setup-bar.low i{box-shadow:0 0 8px #e8433ab3}.setup-bar.low{animation:setupLow .5s ease-in-out infinite alternate}@keyframes setupDrain{0%{transform:scaleX(1);background:#2fbf71}45%{background:#2fbf71}55%{background:#f39c33}70%{background:#f39c33}80%{background:#e8433a}to{transform:scaleX(0);background:#e8433a}}@keyframes setupShine{0%{background-position:-60px 0}to{background-position:calc(100% + 60px) 0}}@keyframes setupLow{0%{transform:scaleY(1)}to{transform:scaleY(1.35)}}@keyframes setupBannerIn{0%{opacity:0;transform:translate(-50%,-14px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.embargo-tip{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,calc(-100% - 16px));background:#fff;color:var(--ink);border:2px solid var(--edge);border-radius:12px;padding:6px 12px;font:600 13px "Fredoka",var(--body);white-space:nowrap;box-shadow:0 3px 0 var(--edge);animation:embTipIn .18s var(--spring)}.embargo-tip:after{content:"";position:absolute;left:50%;bottom:-8px;width:12px;height:12px;background:#fff;border-right:2px solid var(--edge);border-bottom:2px solid var(--edge);transform:translate(-50%) rotate(45deg)}@keyframes embTipIn{0%{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}.banner.has-bar{text-align:left;padding-left:10px}.setup-row{display:flex;align-items:center;gap:10px;min-width:0}.setup-secs{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#2fbf71;color:#fff;font:700 18px/1 "Fredoka",var(--body);font-variant-numeric:tabular-nums;transition:background .4s;overflow:hidden}.setup-secs.mid{background:#f39c33}.setup-secs.low{background:#e8433a;animation:secsPulse .5s ease-in-out infinite alternate}@keyframes secsPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.setup-secs b{font-weight:inherit;display:block;animation:secsTick .35s var(--spring)}.setup-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes secsTick{0%{transform:translateY(-70%) scale(.7);opacity:0}to{transform:none;opacity:1}}.home-card.lobby{max-width:640px}.lobby-players{display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;align-items:stretch}.lobby-players li.mine{padding:10px 12px;font-size:16px}.lobby-players li.mine .pname{font-size:17px}.lobby-players .pname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 560px){.lobby-players{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:1fr}}.audio-btn{flex:none;width:52px;padding-left:0!important;padding-right:0!important;justify-content:center}.audio-btn.off{opacity:.6}.map-pick{display:flex;flex-direction:column;gap:6px}.mp-lbl{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.mp-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-opt{display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto 1fr;column-gap:12px;align-items:center;text-align:left;background:var(--paper);border:2px solid #D9DCD6;border-radius:14px;padding:10px 12px;cursor:pointer;color:var(--ink);transition:border-color .2s,box-shadow .2s,transform .15s}.mp-opt:hover:not(:disabled){transform:translateY(-1px);border-color:var(--edge)}.mp-opt.on{border-color:var(--edge);background:#fff7da;box-shadow:0 3px 0 var(--edge)}.mp-opt:disabled{opacity:.45;cursor:default}.mp-opt:not(:disabled):not(.on){cursor:pointer}.mp-thumb{grid-row:1 / 3;width:92px;height:64px}.mp-thumb polygon{transform-box:fill-box;transform-origin:center}.mp-opt.on .mp-thumb polygon{animation:mpPop .45s var(--spring) both}.mp-name{font:700 16px "Fredoka",var(--body);letter-spacing:.06em;align-self:end}.mp-desc{font-size:12px;color:var(--muted);line-height:1.3;align-self:start}@keyframes mpPop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@media (max-width: 560px){.mp-row{grid-template-columns:1fr}}.volcano .vol-poop{animation:volPoop 2.4s ease-in-out infinite}.volcano .vol-stink{animation:volStink 2.1s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes volPoop{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06,.96)}}@keyframes volStink{0%{opacity:0;transform:translateY(6px) scale(.5)}30%{opacity:.9}to{opacity:0;transform:translate(4px,-16px) scale(1.5)}}.vol-ring{animation:volRing 2s ease-in-out infinite}@keyframes volRing{0%,to{stroke-opacity:1}50%{stroke-opacity:.55}}.vol-badge.ready{animation:volReady .6s ease-in-out infinite alternate}@keyframes volReady{0%{transform:scale(1)}to{transform:scale(1.15)}}.vol-fuse{animation:volFuse .25s steps(2) infinite}@keyframes volFuse{50%{fill:#e8433a}}.vol-bomb-btn{cursor:pointer;animation:bombBob 1s ease-in-out infinite;filter:drop-shadow(0 3px 0 rgba(31,42,42,.6))}.vol-bomb-btn:hover rect{fill:#ff5a4e}@keyframes bombBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pc-volcano.lead{background:#fff2c4}.bomb-alert .rt{color:#6b8e23}.gas-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;background:radial-gradient(circle at 50% 55%,#96be3c00,#8cb43273 55%,#5a781ebf);animation:gasVeil 3.6s ease-out both;-webkit-backdrop-filter:blur(3px) hue-rotate(40deg);backdrop-filter:blur(3px) hue-rotate(40deg)}@keyframes gasVeil{0%{opacity:0}12%{opacity:1}70%{opacity:.9}to{opacity:0}}.vol-bomb-btn{animation:bombFloat 1.6s ease-in-out infinite,bombShake 1.1s linear infinite}@keyframes bombFloat{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes bombShake{0%,52%,to{rotate:0deg;scale:1}4%{rotate:-2deg}8%{rotate:2deg}12%{rotate:-1.5deg}16%{rotate:1.5deg}20%{rotate:0deg}60%{rotate:-9deg;scale:1.1}66%{rotate:9deg;scale:1.12}72%{rotate:-7deg;scale:1.08}78%{rotate:6deg;scale:1.05}84%{rotate:-3deg}90%{rotate:0deg;scale:1}}.bomb-alert .lg-pts{background:#e8433a!important;color:#fff!important}.volcano .vol-lava{animation:none}.volcano .vol-drop{animation:volDrop 1.8s ease-in infinite;transform-box:fill-box;transform-origin:top center}@keyframes volDrop{0%,40%{transform:translateY(0) scaleY(1);opacity:1}75%{transform:translateY(3px) scaleY(1.4);opacity:1}to{transform:translateY(9px) scaleY(1);opacity:0}}.ghost-poop{opacity:.75;pointer-events:none;animation:ghostPoop .9s ease-in-out infinite alternate}@keyframes ghostPoop{0%{transform-origin:center}to{opacity:.95}}.pooped-pile{animation:none}.bomb-victims{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.bomb-alert .lg-pts.miss{background:#dcd8cc!important;color:#5b6560!important}.ghost-poop{opacity:0!important;pointer-events:none;transition:opacity .12s ease;animation:none!important}.hex.pick:hover .ghost-poop{opacity:.95!important}.hex.pick:hover .ghost-poop>g{animation:ghostPoopBob .5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 6px 0 rgba(20,40,35,.45))}@keyframes ghostPoopBob{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-6px) rotate(4deg)}}.board-area .bomb-alert,.bomb-alert{z-index:70}.gas-veil{-webkit-backdrop-filter:blur(2px) hue-rotate(40deg);backdrop-filter:blur(2px) hue-rotate(40deg)}.offer-pop{position:relative;overflow:hidden}.op-timer{position:absolute;left:0;right:0;top:0;height:4px;background:#1f2a2a14}.op-timer i{position:absolute;top:0;right:0;bottom:0;left:0;background:#2fbf71;transform-origin:left center;animation-name:opDrain;animation-timing-function:linear;animation-fill-mode:both}@keyframes opDrain{0%{transform:scaleX(1);background:#2fbf71}55%{background:#f39c33}80%{background:#e8433a}to{transform:scaleX(0);background:#e8433a}}.sunk-wave{animation:sunkWave 2.4s ease-in-out infinite}@keyframes sunkWave{0%,to{transform:translate(-3px);opacity:.8}50%{transform:translate(3px);opacity:1}}.fog-cloud{animation:fogDrift 4s ease-in-out infinite alternate}@keyframes fogDrift{0%{transform:translate(-4px)}to{transform:translate(4px)}}.tide-warn{animation:tideWarn .7s ease-in-out infinite alternate}@keyframes tideWarn{0%{stroke-opacity:.35;fill-opacity:.1}to{stroke-opacity:1;fill-opacity:.45}}.port-sunk{opacity:.3;filter:grayscale(1);pointer-events:none}.raid-track.off{display:none!important}.sea-pill{position:absolute;left:16px;bottom:16px;z-index:6;display:inline-flex;align-items:center;gap:8px;background:#fffdf5;color:var(--ink);border:2px solid var(--edge);border-radius:999px;padding:6px 14px 6px 8px;font:600 14px "Fredoka",var(--body);box-shadow:0 3px 0 var(--edge)}.sea-pill.hot{background:#dceefa;border-color:#1f4e6e;animation:seaHot .6s ease-in-out infinite alternate}.sea-pill.last{padding-left:14px;background:#fff2c4}@keyframes seaHot{0%{transform:scale(1)}to{transform:scale(1.05)}}.pc.drowned{opacity:.55;filter:grayscale(.6)}.pc-drowned{background:#e8433a!important;color:#fff!important}.board-area.sea-mode{background-color:#2f6e9c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='48' viewBox='0 0 120 48'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M4 14q8-7 16 0t16 0' stroke='%2389C2E8' stroke-opacity='.45' stroke-width='2.4'/%3E%3Cpath d='M64 38q8-7 16 0t16 0' stroke='%2389C2E8' stroke-opacity='.35' stroke-width='2.4'/%3E%3Cpath d='M78 10q5-4 10 0' stroke='%23BFE0F5' stroke-opacity='.3' stroke-width='2'/%3E%3Cpath d='M20 34q5-4 10 0' stroke='%23BFE0F5' stroke-opacity='.25' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 45%,#3e86b8,#2f6e9c 55%,#1f4f75);background-size:120px 48px,100% 100%;animation:seaDrift 14s linear infinite}@keyframes seaDrift{0%{background-position:0 0,0 0}to{background-position:120px 48px,0 0}}.board-area.sea-mode .field-veil{fill-opacity:0}.fog.fading{animation:fogGone 1.1s ease-out forwards;transform-box:view-box}@keyframes fogGone{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.35);filter:blur(6px)}}.mp-opt.mp-soon{border:2px dashed #D3D7D2;background:transparent;cursor:default;color:#a3aba6}.mp-opt.mp-soon:hover{transform:none;border-color:#d3d7d2}.mp-soon .mp-name{color:#a3aba6}.mp-soon .mp-desc{color:#b7bdb8}.sea-pill .sea-rate{margin-left:4px;padding:1px 8px;border-radius:999px;background:#253c38;color:#fffdf5;font-size:12px}.bld.wreck{opacity:.45;filter:saturate(.3) hue-rotate(160deg)}