.piece-bounce{transform-box:fill-box;transform-origin:50% 100%}.piece-bounce.tapped{animation:.65s cubic-bezier(.3,1.5,.5,1) piece-jelly}@keyframes piece-jelly{0%{transform:scale(1)}18%{transform:scale(1.18,.78)}38%{transform:translateY(-9px)scale(.88,1.16)}60%{transform:translateY(0)scale(1.08,.92)}80%{transform:scale(.97,1.03)}to{transform:scale(1)}}svg.board .piece.tappable{cursor:pointer}.tapfx-p{transform-box:fill-box;transform-origin:50%;opacity:0;filter:drop-shadow(0 1.5px #00000059);-webkit-user-select:none;user-select:none;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:both}.tapfx-p.burst{animation-name:tap-burst;animation-duration:.95s}.tapfx-p.rise{animation-name:tap-rise;animation-duration:1.2s;animation-timing-function:ease-out}.tapfx-p.fall{animation-name:tap-fall;animation-duration:1.35s;animation-timing-function:ease-in}.tapfx-p.fly{animation-name:tap-fly;animation-duration:1.3s;animation-timing-function:ease-in}@keyframes tap-burst{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1) rotate(var(--rot))}}@keyframes tap-rise{0%{opacity:0;transform:translate(0)scale(.5)}20%{opacity:1;transform:translate(calc(var(--dx) * .3), calc(var(--dy) * .25)) scale(1)}60%{opacity:.95;transform:translate(calc(var(--dx) * -.4), calc(var(--dy) * .65)) scale(1.1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1.25)}}@keyframes tap-fall{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}50%{transform:translate(calc(var(--dx) * .5 + 6px), calc(var(--dy) * .5)) rotate(calc(var(--rot) * .5))}85%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot))}}@keyframes tap-fly{0%{opacity:0;transform:translateY(4px)scale(.4)}18%{opacity:1;transform:translateY(-6px)scale(1.1)}40%{transform:translate(calc(var(--dx) * .15), calc(var(--dy) * .25)) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.8)}}@media (prefers-reduced-motion:reduce){.tapfx{display:none}.piece-bounce.tapped{animation-duration:.3s}}.tapfx-ring{fill:none;stroke:#fff;stroke-width:4px;transform-box:fill-box;transform-origin:50%;animation:.6s ease-out both tap-ring}@keyframes tap-ring{0%{opacity:.95;transform:scale(.4)}to{opacity:0;stroke-width:1px;transform:scale(2.8)}}.trade-dock.td{background:var(--paper);gap:8px;padding:12px 12px 14px}.td-head{align-items:center;gap:10px;display:flex}.td-title{margin-inline-end:auto;font-size:20px}.td-link{font:inherit;color:#8a6d4c;cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px 4px;font-size:14px;font-weight:600}.td-link:hover{color:var(--ink)}.td-label{margin-top:2px;font-size:14px;font-weight:700}.td-missing{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.td-missing-lbl{color:#8a6d4c;font-size:13px;font-weight:600}.td-chip{border:2px solid var(--ink);font:inherit;cursor:pointer;min-height:36px;color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:0 2px #3b24104d}.td-chip:hover{background:#fff3c4}.td-chip:active{box-shadow:none;translate:0 2px}.td-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.td-row.wide{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.td-cell{background:#fff;border:2px solid #e2cfa4;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 2px 5px;transition:border-color .12s,background .12s;display:flex}.td-cell.picked{border-color:var(--ink);background:color-mix(in srgb, var(--rc,#ffd24d) 22%, #fff);box-shadow:0 2px #3b24104d}.td-cell.none .td-pic{opacity:.35}.td-pic{cursor:pointer;background:0 0;border:none;place-items:center;width:100%;min-height:44px;padding:0;display:grid;position:relative}.td-pic:disabled{cursor:default}.td-art{width:40px;height:40px;display:block}.td-step{align-items:center;gap:3px;width:100%;padding:0 3px;display:flex}.td-btn{border:2px solid var(--ink);min-width:0;height:30px;font:inherit;cursor:pointer;color:var(--ink);touch-action:manipulation;background:#fff;border-radius:8px;flex:1;padding:0;font-size:15px;font-weight:700;line-height:1}.td-btn:disabled{opacity:.3;cursor:default}.td-n{top:-2px;border:2px solid var(--ink);text-align:center;background:#fff;border-radius:999px;min-width:22px;height:22px;padding:0 5px;font-size:13px;line-height:18px;position:absolute;inset-inline-end:2px}.td-cell.picked .td-n{background:var(--accent)}.td-cell:not(.picked) .td-n{opacity:.45;border-color:#c9b48a}.td-have{color:#8a6d4c;font-size:11px;line-height:1.1}@media (width<=380px){.td-art{width:34px;height:34px}}.td-actions{gap:8px;margin-top:4px;display:flex}.td-actions>.btn{flex:1;justify-content:center;min-height:46px}.td-actions.two>.btn:first-child{flex:1}.td-actions.two>.btn:last-child{flex:1.4}.btn.td-bank{white-space:nowrap;background:#fff}.td-hint{color:#8a6d4c;text-align:center;font-size:12px;line-height:1.3}.td-offer{border:2px solid var(--ink);background:#fff7dc;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.td-offer-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.td-offer-lbl{color:#8a6d4c;min-width:84px;font-size:12px;font-weight:700}.td-goods{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.td-good{align-items:center;gap:1px;font-size:15px;display:inline-flex}.td-good .td-art{width:30px;height:30px}.td-answers{flex-direction:column;gap:6px;display:flex}.td-answer{border:3px solid var(--ink);background:#fff;border-radius:14px;align-items:center;gap:8px;min-height:48px;padding:6px 8px;display:flex}.td-answer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.td-answer-status{color:#8a6d4c;font-size:13px;font-weight:600}.td-answer.accept .td-answer-status{color:#1f8a43}.td-answer.decline .td-answer-status{color:#b23a2b}.td-answer.decline{opacity:.7}.btn.td-go,.btn.td-accept{color:#fff;text-shadow:0 1px #00000059;background:linear-gradient(#7ee08f,#2fb35a);font-weight:700}.btn.td-go{min-height:36px}.btn.td-go:hover:not(:disabled),.btn.td-accept:hover:not(:disabled){background:linear-gradient(#8ff09f,#36c464)}.td-who{background:var(--pc);border:2px solid var(--ink);color:#fff;text-shadow:0 1px #00000059;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:15px;font-weight:700;line-height:1;display:grid}.td-who.emoji{box-shadow:0 0 0 2px var(--pc);text-shadow:none;background:#fff8e7;font-size:17px}.td-edit{border-top:2px dashed #e2cfa4;flex-direction:column;gap:8px;padding-top:8px;display:flex}.incoming-offer.td-in{background:var(--paper);align-items:stretch;gap:8px;width:min(420px,100% - 16px);padding:10px 12px 12px}.td-in-head{align-items:center;gap:8px;font-size:15px;display:flex}.td-in-sides{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.td-in-side{flex-direction:column;align-items:center;gap:2px;display:flex}.td-in-side .td-offer-lbl{min-width:0}.td-in-arrow{font-size:20px;font-weight:700}.td-in-warn{color:#b23a2b;text-align:center;font-size:12px}.td-in-btns{gap:8px;display:flex}.td-in-btns>.btn{flex:1;justify-content:center;min-height:44px}.td-row.wide .td-art{width:32px;height:32px}.td-row.wide .td-pic{min-height:38px}.td-row.wide .td-btn{height:28px}.td-actions{flex-wrap:wrap}.td-actions>.btn{white-space:normal;text-align:center;overflow-wrap:anywhere;flex:140px;min-width:0;padding-inline:10px;line-height:1.15}.td-actions.two>.btn:first-child,.td-actions.two>.btn:last-child{flex:140px}@media (width<=360px){.td-actions>.btn{flex-basis:100%}}.mode-panel{max-height:100%;font-size:13px}.mode-panel-body{flex-direction:column;gap:6px;padding:6px 8px;display:flex;overflow-y:auto}.mode-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mode-row-label{min-width:22px;font-weight:700}.mode-count{background:#fff;border:2px solid #e2cf9f;border-radius:8px;align-items:center;gap:3px;padding:0 5px;display:inline-flex}.mode-count.me{border-color:var(--ink)}.mode-dot{border:2px solid var(--ink);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-inline-end:3px;display:inline-block}.mode-ok{color:var(--green);font-weight:700}.mode-bad{color:var(--red);font-weight:700}.mode-hint{border:2px solid var(--ink);background:#fff3c4;border-radius:10px;padding:4px 8px}.mode-track{gap:2px;display:flex}.mode-step{background:var(--sea);border:2px solid var(--sea-dark);border-radius:6px;flex:1;place-items:center;height:24px;font-size:15px;display:grid}.mode-step.land{background:#f6e3b4;border-color:#a8884c}.mode-step.ship{border-color:var(--ink);background:#ffb3a8}.mode-coms{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-com{border:2px solid var(--ink);background:#fff;border-radius:10px;padding:1px 7px;font-size:15px}.mode-tracks{flex-direction:column;gap:3px;display:flex}.mode-track-row{border-inline-start:6px solid var(--tc);grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding-inline-start:6px;display:grid}.mode-track-name{font-weight:700}.mode-pips{gap:3px;display:inline-flex}.mode-pip{border:2px solid var(--ink);background:#fff;border-radius:3px;width:11px;height:11px}.mode-pip.on{background:var(--tc)}.mode-pip.ability{border-radius:50%}.mode-progress{flex-wrap:wrap;gap:4px;display:flex}.mode-pcard{border:3px solid var(--ink);border-top:8px solid var(--tc);cursor:pointer;background:#fffaf0;border-radius:8px;padding:3px 6px;font-size:12px;font-weight:700;box-shadow:0 2px #3b241059}.mode-pcard:hover{transform:translateY(-2px)}.mode-choices{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.mode-dice-row{align-items:center;gap:4px;margin:4px 0;display:flex}.mode-dice-row>span{width:70px}.mode-die{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:8px;width:32px;height:32px;font-weight:800}.mode-die.red.on{color:#fff;background:#e84a3c}.mode-die.yellow.on{background:#f2c641}.mode-com-selector{justify-content:center;gap:10px;margin:6px 0;display:flex}.mode-com-col{flex-direction:column;align-items:center;gap:3px;display:flex}.mode-com-card{border:3px solid var(--ink);background:#fff;border-radius:10px;padding:6px 10px;font-size:18px}.mode-com-card.dim{opacity:.45}.mode-pickbar{z-index:7;background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:6px 10px;font-weight:700;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@media (width<=900px),(orientation:landscape) and (height<=520px){.mode-pickbar{bottom:76px}}[dir=rtl] .mode-count,[dir=rtl] .mode-com,[dir=rtl] .mode-die{unicode-bidi:isolate}.cost-pips{white-space:nowrap;letter-spacing:0;align-items:center;display:inline-flex}.pip{border:1.5px solid var(--ink);background:color-mix(in srgb, var(--rc) 38%, #fffaf0);border-radius:5px;width:17px;height:19px;display:inline-flex;box-shadow:0 1.5px #3b241059}.pip+.pip{margin-inline-start:-3px}.pip svg{width:100%;height:100%;overflow:visible}.pip.miss{box-shadow:none;background:#f1ece2;border:1.5px dashed #a99d8b}.pip.miss svg{opacity:.5;filter:grayscale()}.cost-groups{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.cg{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.cg-tile{border:2px solid var(--ink);background:color-mix(in srgb, var(--rc) 38%, #fffaf0);border-radius:8px;width:30px;height:32px;display:inline-flex;box-shadow:0 2px #3b241059}.cg-tile svg{width:100%;height:100%;overflow:visible}.cg-n{color:var(--ink);font-size:12.5px;font-weight:800;line-height:1}.cg.ok .cg-n{color:#1f8a46}.cg-check{font-style:normal}.cg.miss .cg-tile{box-shadow:none;background:#f4efe5;border:2px dashed #b8432f}.cg.miss .cg-tile svg{opacity:.55;filter:grayscale(.7)}.cg.miss .cg-n{color:#c2321f}.cost-groups.cg-mini{gap:3px;padding-bottom:4px}.cost-groups.cg-mini .cg{position:relative}.cost-groups.cg-mini .cg-tile{width:18px;height:19px;box-shadow:none;border-width:1.5px;border-radius:5px}.cost-groups.cg-mini .cg.miss .cg-tile{border-width:1.5px}.cost-groups.cg-mini .cg-n{z-index:1;color:var(--ink);background:#fff;border:1px solid;border-radius:5px;padding:1px 2px;font-size:9px;position:absolute;bottom:-6px;right:-5px}.cost-groups.cg-mini .cg.miss .cg-n{color:#fff;background:#c2321f;border-color:#c2321f}.piece-row .cost-pips .pip{border-radius:4px;width:13px;height:15px}.build-btn.piece-row{grid-template-columns:66px auto 20px 56px}.build-btn.piece-row.off .cost{opacity:1}.cost-card.cost2{cursor:default;min-width:0;padding:4px 6px 6px}.cost2-title{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;color:#8a6d4c;background:0 0;border:0;align-items:center;gap:6px;width:100%;padding:1px 3px;font-size:12px;font-weight:800;display:flex}.cost2-caret{margin-inline-start:auto}.cost2-ready{background:var(--green);border:1.5px solid var(--ink);color:#fff;text-align:center;letter-spacing:0;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:11px;line-height:15px}.cost2-rows{flex-direction:column;gap:2px;margin-top:2px;display:flex}.cost2-row{border:1.5px solid #0000;border-radius:9px;grid-template-columns:26px minmax(0,auto) auto;align-items:center;gap:6px;padding:2px 6px 2px 3px;display:grid}.cost2-row.ok{background:#e3f7d6;border-color:#7cc55b}.cost2-piece{justify-content:center;align-items:center;height:24px;display:flex}.cost2-piece .piece-icon.road{width:7px;height:22px;transform:rotate(35deg)}.cost2-piece .piece-icon.dev{width:16px;height:22px}.cost2-label{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.piece-strip.dev .piece-icon.dev{width:14px;height:19px}@media (width<=900px){.cost-card.cost2{padding:3px 4px 4px}.cost2-label{display:none}.cost2-row{grid-template-columns:22px auto;gap:4px;padding:1px 4px 1px 2px}.cost2-piece{height:20px}.pip{width:15px;height:17px}}.deck.deck-pile{width:58px;height:80px;position:relative;overflow:visible}.deck-layer{width:100%;height:100%;transform:translate(calc(var(--i) * -3px), calc(var(--i) * -3px)) rotate(calc(var(--i) * -3deg));filter:drop-shadow(0 3px #0000004d);transition:transform .15s;position:absolute;inset:0;overflow:visible}.deck-pile.can .deck-layer:last-of-type{filter:drop-shadow(0 0 #ffe14d)drop-shadow(0 0 6px #ffe14d)drop-shadow(0 3px #0000004d)}.deck-pile.can:hover .deck-layer:last-of-type{transform:translateY(-7px)rotate(3deg)}.deck-pile.empty{opacity:1;border:3px dashed #fff9;border-radius:10px}.deck-n{border:2px solid var(--ink);background:#fff;border-radius:999px;min-width:26px;padding:0 6px;font-size:14px;font-weight:800;line-height:18px;position:absolute;bottom:-8px;left:50%;translate:-50%;box-shadow:0 2px #3b241059}.deck-buy{top:-9px;background:var(--green);border:2px solid var(--ink);color:#fff;border-radius:50%;width:22px;height:22px;font-size:17px;font-weight:900;line-height:17px;animation:1.6s ease-in-out infinite deck-buy;position:absolute;inset-inline-end:-9px}@keyframes deck-buy{50%{transform:scale(1.18)}}@media (width<=900px){.deck.deck-pile{width:42px;height:58px}.deck-n{min-width:22px;font-size:12px;line-height:15px}}.dev-fan{flex-shrink:0;align-items:flex-end;padding-inline:4px 8px;display:flex}.dev-fan-slot{transform:rotate(calc(var(--k) * 3deg));transform-origin:50% 100%;transition:transform .15s;display:inline-flex;position:relative}.dev-fan-slot:hover,.dev-fan-slot:focus-within{z-index:2;transform:translateY(-8px)}.dcard{cursor:pointer;background:0 0;border:0;flex-shrink:0;width:56px;height:76px;padding:0;position:relative}.dcard-face{border:2.5px solid var(--ink);background:linear-gradient(#fffaf0,#f3e2b8);border-radius:10px;flex-direction:column;align-items:center;transition:box-shadow .15s,filter .15s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 3px #3b241066}.dcard-band{background:var(--dc);border-bottom:2px solid var(--ink);flex-shrink:0;align-self:stretch;height:10px}.dcard-art{width:42px;height:42px;margin-top:1px;overflow:visible}.dcard-name{text-align:center;overflow-wrap:anywhere;margin-top:auto;margin-bottom:3px;padding:0 2px;font-size:9px;font-weight:800;line-height:1}.dcard.stack:before{content:"";border:2.5px solid var(--ink);background:color-mix(in srgb, var(--dc) 40%, #f3e2b8);border-radius:10px;position:absolute;inset:0;transform:translate(4px,-4px)rotate(5deg)}.dcard.ready .dcard-face{box-shadow:0 0 0 3px #6fdc4f,0 0 12px 3px #6fdc4fbf,0 3px #3b241066}.dcard.fresh .dcard-face{filter:saturate(.3);opacity:.75}.dcard.fresh,.dcard.wait,.dcard.owned{cursor:help}.dcard.owned .dcard-face{background:linear-gradient(#fff6d0,#ffd76a)}.dcard-count{top:-8px;z-index:1;border:2px solid var(--ink);background:#fff;border-radius:999px;min-width:24px;height:22px;padding:0 4px;font-size:13px;font-weight:800;line-height:18px;position:absolute;inset-inline-end:-8px;box-shadow:0 2px #3b241059}.dcard-new,.dcard-owned{bottom:-7px;z-index:1;border:1.5px solid var(--ink);background:#fff;border-radius:8px;padding:0 4px;font-size:10.5px;font-weight:800;line-height:16px;position:absolute;inset-inline-start:-6px}.dcard-owned{background:var(--green);color:#fff;inset-inline-start:50%;translate:-50%}@media (prefers-reduced-motion:no-preference){.dcard.ready .dcard-face{animation:1.8s ease-in-out infinite dcard-ready}}@keyframes dcard-ready{50%{box-shadow:0 0 0 3px #6fdc4f,0 0 18px 6px #6fdc4f8c,0 3px #3b241066}}@media (width<=900px){.dcard{width:46px;height:64px}.dcard-art{width:34px;height:34px}.dcard-band{height:6px}.dcard-name{font-size:7.5px}}.dev-pile{cursor:pointer;background:0 0;border:0;flex-shrink:0;width:58px;height:58px;margin-inline:2px 6px;padding:0;position:relative}.dev-pile-card{border:2px solid var(--ink);border-top:6px solid var(--dc);width:32px;height:44px;transform:translateX(calc(var(--k) * 10px)) rotate(calc(var(--k) * 12deg));transform-origin:50% 110%;background:linear-gradient(#fffaf0,#f3e2b8);border-radius:7px;justify-content:center;align-items:center;margin-left:-16px;display:flex;position:absolute;bottom:0;left:50%;box-shadow:0 2px #3b241066}.dev-pile-card svg{width:26px;height:26px}.dev-pile.ready .dev-pile-card:last-of-type{box-shadow:0 0 0 2.5px #6fdc4f,0 0 10px 2px #6fdc4fbf}.dev-pile .dcard-count{top:-4px;inset-inline-end:-2px}.dev-sheet-backdrop{z-index:60;background:#140c0473;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dev-sheet{background:var(--paper);border:3px solid var(--ink);width:min(520px,100%);max-height:75vh;padding:10px 16px calc(14px + env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;overflow:auto;box-shadow:0 -6px 18px #0000004d}.dev-sheet-list{flex-direction:column;gap:12px;margin-top:8px;display:flex}.dev-sheet-item{align-items:center;gap:14px;display:flex}.dcard.big{width:64px;height:88px}.dcard.big .dcard-art{width:50px;height:50px}.dcard.big .dcard-name{font-size:9px}.dev-sheet-text{flex-direction:column;gap:2px;min-width:0;font-size:13px;line-height:1.25;display:flex}.dev-sheet-text b{font-size:15px}.dev-sheet-why{color:#8c1f14;font-size:12px;font-weight:600}.pc2{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);background-image:linear-gradient(var(--pc), var(--pc));background-repeat:no-repeat;background-size:100% 6px;border-radius:16px;flex-direction:column;flex-shrink:0;gap:7px;padding:8px 9px 9px;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.pc2.active{box-shadow:0 0 0 4px var(--accent), 0 0 18px 4px #ffb7038c, 0 6px 0 #3b241059;background-color:#fff6d6;transform:translate(3px)}.pc2.is-resigned{opacity:.6;filter:grayscale(.7)}.pc2-turn{top:-11px;z-index:1;background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;line-height:18px;position:absolute;inset-inline-end:12px}.pc2-head{align-items:center;gap:9px;min-width:0;padding-top:3px;display:flex}.pc2-avatar{flex-shrink:0;width:44px;height:44px;position:relative}.pc2-avatar-img{background:radial-gradient(circle at 35% 30%, #fff8 0 18%, transparent 19%), var(--pc);border:3px solid var(--ink);width:100%;height:100%;box-shadow:0 0 0 2.5px var(--pc);color:#fff;text-shadow:0 1.5px 0 var(--pcd);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;overflow:hidden}.pc2-avatar-img>img,.pc2-avatar-img>svg{object-fit:cover;width:100%;height:100%}.pc2-emblem{bottom:-4px;border:2px solid var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;inset-inline-start:-5px;overflow:hidden}.pc2-dot{bottom:-1px;border:2px solid var(--ink);border-radius:50%;width:13px;height:13px;position:absolute;inset-inline-end:-1px}.pc2-dot.on{background:#39d353}.pc2-dot.off{background:#e84a3c;animation:1.4s ease-in-out infinite pc2-off}.pc2-dot.resigned{background:#b9ae9c}@keyframes pc2-off{50%{opacity:.35}}.pc2.is-offline .pc2-avatar-img{filter:grayscale(.85);opacity:.75}.pc2-crown{filter:drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 0 3px #ffd23ce6);font-size:16px;line-height:1;position:absolute;top:-14px;left:50%;translate:-50%}.pc2-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pc2-name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.15;overflow:hidden}[dir=rtl] .pc2-name{text-align:right}.pc2-sub{flex-wrap:wrap;gap:4px;font-size:11px;font-weight:700;line-height:16px;display:flex}.pc2-sub:empty{display:none}.pc2-you{border:1.5px solid var(--ink);background:color-mix(in srgb, var(--pc) 28%, #fff);border-radius:999px;padding:0 6px}.pc2-off{color:#a3281b}.pc2-isl{border:1.5px solid var(--ink);cursor:help;background:#d2f0ff;border-radius:999px;padding:0 5px}.pc2-vp{border:3px solid var(--ink);cursor:help;background:linear-gradient(#ffe27a,#ffb703);border-radius:14px;flex-shrink:0;align-items:center;gap:2px;padding:1px 8px 2px 5px;display:inline-flex;box-shadow:0 3px #3b241059}.pc2-star{width:18px;height:18px}.pc2-vp b{font-size:25px;line-height:1}.pc2-goal{color:#7a5a1a;align-self:flex-end;padding-bottom:2px;font-size:11px;font-weight:700}.pc2-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.pc2-stat{cursor:help;background:#fff;border:2px solid #e4d3ad;border-radius:10px;grid-template-columns:auto auto;grid-template-areas:"icon n""label label";justify-content:center;align-items:center;column-gap:3px;min-width:0;padding:2px 3px 1px;display:grid;position:relative}.pc2-stat .mini-icon{grid-area:icon;width:17px;height:17px}.pc2-stat b{grid-area:n;font-size:16px;line-height:1.1}.pc2-stat-label{color:#8a6d4c;text-align:center;white-space:nowrap;text-overflow:ellipsis;grid-area:label;font-size:9.5px;font-weight:700;line-height:1.1;overflow:hidden}.pc2-stat.award{border-color:var(--ink);background:linear-gradient(#ffe27a,#ffb703)}.pc2-stat.award .pc2-stat-label{color:var(--ink)}.pc2-plus2{top:-8px;border:1.5px solid var(--ink);background:var(--green);color:#fff;border-radius:6px;padding:0 3px;font-size:9.5px;font-weight:800;line-height:13px;position:absolute;inset-inline-end:-5px}.pc2-stat.warn{background:#ffe3df;border-color:#e84a3c}.pc2-stat.warn b{color:#b3261b}@media (width<=900px){.pc2{flex:1 0 180px}.pc2.active{transform:none}.pc2-stat-label{display:none}.pc2-stat{grid-template-areas:"icon n";padding:2px}}@media (width<=600px),(orientation:landscape) and (height<=520px){.pc2{background-size:100% 4px;border-width:2.5px;border-radius:12px;flex:1 1 0;gap:3px;min-width:78px;padding:5px 4px 4px}.pc2.active{box-shadow:0 0 0 3px var(--accent), 0 0 10px 2px #ffb7038c, 0 4px 0 #3b241059}.pc2-turn{top:-9px;padding:0 5px;font-size:9px;line-height:14px;inset-inline-end:50%;translate:50%}.pc2-head{grid-template-columns:auto 1fr;grid-template-areas:"av vp""who who";gap:2px 4px;padding-top:1px;display:grid}.pc2-avatar{grid-area:av;width:24px;height:24px}.pc2-avatar-img{box-shadow:0 0 0 1.5px var(--pc);border-width:2px;font-size:12px}.pc2-dot{bottom:-2px;border-width:1.5px;width:9px;height:9px;inset-inline-end:-2px}.pc2-emblem{border-width:1.5px;width:12px;height:12px;font-size:7px}.pc2-crown{font-size:11px;top:-9px}.pc2-who{grid-area:who}.pc2-name{font-size:11.5px}.pc2.me .pc2-name{text-decoration:underline;-webkit-text-decoration-color:var(--pc);text-decoration-color:var(--pc);text-underline-offset:2px;text-decoration-thickness:2px}.pc2-sub{display:none}.pc2-vp{border-width:2px;border-radius:9px;grid-area:vp;justify-self:end;padding:0 4px 0 2px;box-shadow:0 2px #3b241059}.pc2-star{width:12px;height:12px}.pc2-vp b{font-size:16px}.pc2-goal{display:none}.pc2-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.pc2-stat{border-width:1.5px;border-radius:6px;column-gap:1px;padding:0 1px}.pc2-stat .mini-icon{width:12px;height:12px}.pc2-stat b{font-size:12px}.pc2-plus2{padding:0 2px;font-size:8px;line-height:10px;top:-6px}}@media (width<=600px){.dev-pile{width:46px;height:54px;margin-inline:0 4px}.dev-pile-card{width:28px;height:40px;transform:translateX(calc(var(--k) * 7px)) rotate(calc(var(--k) * 10deg));margin-left:-14px}.dev-pile-card svg{width:22px;height:22px}}.dev-sheet-why.info{color:#6e5235}.dcard .dcard-count{top:2px;border-width:1.5px;min-width:0;height:16px;padding:0 4px;font-size:11px;line-height:13px;inset-inline-end:2px}.dcard-new,.dcard-owned{top:2px;bottom:auto;padding:0 3px;font-size:9.5px;line-height:13px;inset-inline-start:2px}.dcard-owned{translate:none}.dev-fan-slot+.dev-fan-slot{margin-inline-start:-3px}.dev-pile .dcard-count{top:0;min-width:18px;height:18px;font-size:11px;line-height:14px;inset-inline-end:0}.dev-pile{margin-top:4px}.pc2-emoji{background:#fff8e7;place-items:center;width:100%;height:100%;font-size:1.35em;line-height:1;display:grid}.pc2.active{background-color:#dff6e4;border-color:#1e7a3c;animation:1.6s ease-in-out infinite pc2-turn-glow;box-shadow:0 0 0 4px #2fb35a,0 0 22px 6px #2fb35a8c,0 6px #3b241059}@keyframes pc2-turn-glow{50%{box-shadow:0 0 0 4px #2fb35a,0 0 8px 2px #2fb35a59,0 6px #3b241059}}.pc2.active .pc2-turn{color:#fff;background:#1e9a4a;border:2px solid #0f4f25;font-weight:700}.pc2.active .pc2-stat{background:#f3fcf5}@media (width<=900px){.pc2.active{box-shadow:0 0 0 3px #2fb35a,0 0 12px 3px #2fb35a80,0 4px #3b241059}}@media (prefers-reduced-motion:reduce){.pc2.active{animation:none}}.pc2.active.alert,.pc2.alert{background-color:#ffe1dc;border-color:#8f1d12;animation:.9s ease-in-out infinite pc2-alert-glow;box-shadow:0 0 0 4px #e84a3c,0 0 22px 6px #e84a3c8c,0 6px #3b241059}@keyframes pc2-alert-glow{50%{box-shadow:0 0 0 4px #e84a3c,0 0 6px 2px #e84a3c59,0 6px #3b241059}}.pc2.alert .pc2-turn{background:#c92a1c;border:2px solid #6e140b}.pc2.alert .pc2-stat{background:#fff4f2}@media (prefers-reduced-motion:reduce){.pc2.alert{animation:none}}.game.g2 kbd,.hk-row kbd,.bd-key{opacity:.6;text-align:center;vertical-align:middle;border:1.5px solid;border-bottom-width:2.5px;border-radius:5px;min-width:1.5em;padding:0 4px;font:700 10px/1.4 ui-monospace,Consolas,monospace;display:inline-block}.phasebar{pointer-events:auto;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.ph-steps{flex:1;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ph-step{color:#7a6650;white-space:nowrap;background:#fff8e7d9;border:2px solid #3b241059;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-width:0;padding:4px 8px;font-size:13px;font-weight:700;display:flex}.ph-step .ph-label{text-overflow:ellipsis;overflow:hidden}.ph-n{width:18px;height:18px;color:var(--ink);background:#eadbb8;border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:inline-grid}.ph-step.on{border-color:var(--ink);color:var(--ink);background:linear-gradient(#ffe48a,#ffc21a);box-shadow:0 3px #3b241059}.ph-step.on .ph-n{background:var(--ink);color:#fff}.ph-step.done{color:#2f7a46}.ph-step.done .ph-n{color:#1d5d32;background:#bfe8c9}.phasebar.alert .ph-step.on{background:linear-gradient(#ffd8cf,#ff9e8c)}.ph-pill{border:3px solid var(--ink);background:var(--paper);min-width:0;box-shadow:var(--shadow);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:5px 14px;font-size:15px;font-weight:700;display:flex}.phasebar.alert .ph-pill{background:linear-gradient(#ffe7e2,#ffad9f)}.phasebar.mine .ph-pill{background:linear-gradient(#fff3c4,#ffd24d)}.ph-pill-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ph-pill .dot{border:2px solid var(--ink);border-radius:50%;flex-shrink:0;width:12px;height:12px}.ph-help{border:2.5px solid var(--ink);width:30px;height:30px;font:inherit;cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;font-weight:800;box-shadow:0 2px #3b241059}.hintcard{pointer-events:auto;border:3px solid var(--ink);text-align:start;background:#fffaf0;border-radius:16px;align-items:flex-start;gap:10px;width:100%;padding:9px 12px 10px;display:flex;position:relative;box-shadow:0 4px #3b24104d}.hc-icon{flex-shrink:0;padding-top:2px;font-size:24px;line-height:1}.hc-body{flex:1;min-width:0}.hc-title{padding-inline-end:56px;font-size:15.5px;font-weight:800}.hc-text{color:#4a3a2a;margin-top:2px;font-family:Nunito,Fredoka,system-ui,sans-serif;font-size:14px;line-height:1.35}.hc-hide{top:7px;font:inherit;color:#8a6d4c;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12.5px;position:absolute;inset-inline-end:10px}.hc-hide:hover{color:var(--ink);text-decoration:underline}.pick-pill{pointer-events:auto;animation:none}.feed{background:var(--paper);border:3px solid var(--ink);min-height:0;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden}.feed-tabs{gap:4px;padding:6px 6px 0;display:flex}.feed-tab{font:inherit;color:#7a6650;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex:1;padding:5px 6px;font-size:13px;font-weight:700;position:relative}.feed-tab.on{background:var(--accent);border-color:var(--ink);color:var(--ink)}.feed-tab .unread{top:-6px;position:absolute;inset-inline-end:-2px}.feed-list{flex-direction:column;flex:1;gap:3px;min-height:0;padding:6px 8px;display:flex;overflow-y:auto}.feed-item{overflow-wrap:anywhere;background:#ffffff8c;border-inline-start:4px solid #d8c59a;border-radius:6px;padding:3px 8px;font-family:Nunito,Fredoka,system-ui,sans-serif;font-size:13.5px;line-height:1.3}.feed-item.chat{background:#eaf4ff}.feed-empty{padding:8px}.feed-form{border-top:2px solid #ecdcb5;gap:6px;padding:6px;display:flex}.feed-form input{border:2.5px solid var(--ink);min-width:0;font:inherit;background:#fff;border-radius:10px;flex:1;padding:6px 10px;font-size:14px}.ribbon{z-index:5;pointer-events:none;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#24160ae0;border-inline-start:6px solid #ffd24d;border-radius:12px;max-width:calc(100% - 24px);padding:6px 14px;font-size:14px;font-weight:700;animation:4.2s ease-in forwards ribbon-life;position:absolute;bottom:12px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 4px 14px #0000004d}.ribbon.good{border-inline-start-color:#39d353}@keyframes ribbon-life{0%{opacity:0;transform:translateY(8px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.build-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;min-width:330px;display:grid}.build-dock.flash{animation:.6s ease-out 2 dock-flash}@keyframes dock-flash{50%{box-shadow:0 0 0 4px var(--accent);border-radius:12px}}.game.g2 .bd-row{text-align:start;min-height:40px;font:inherit;color:var(--ink);cursor:pointer;box-shadow:none;background:#fff9;border:2px solid #e2cf9f;border-radius:12px;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon main";align-items:center;gap:6px;padding:3px 8px 3px 4px;display:grid}.game.g2 .bd-row.can{background:#ecfbef;border-color:#2f9e57}.game.g2 .bd-row.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent);background:#fff1b8}.game.g2 .bd-row:hover{border-color:var(--ink)}.bd-icon{grid-area:icon;place-items:center;height:30px;display:grid}.bd-icon .piece-icon{max-width:30px;max-height:28px}.bd-icon .piece-icon.road{height:26px;rotate:35deg}.bd-main{flex-direction:column;grid-area:main;min-width:0;line-height:1.15;display:flex}.bd-name{white-space:nowrap;align-items:center;gap:5px;font-size:13.5px;font-weight:800;display:flex}.bd-name .build-label{font-size:inherit}.bd-left{color:#8a6d4c;margin-inline-start:auto;font-size:11.5px;font-weight:600}.bd-state{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.bd-state.yes{color:#2f7a46}.bd-state.lack{color:#b5442f}.bd-state.no{color:#8a6d4c}.bd-cost{display:none}.dock-build{flex-direction:column;gap:4px;display:flex}.dock-build .ck-pieces{flex-wrap:wrap;gap:6px;display:flex}.game.g2.desk{grid-template:"top top""players board"minmax(0,1fr)"hand hand"/250px minmax(0,1fr)}.game.g2.desk.with-turn{grid-template-columns:236px minmax(0,1fr) 300px;grid-template-areas:"top top top""players board turn""hand hand turn"}@media (width>=1500px){.game.g2.desk.with-turn{grid-template-columns:260px minmax(0,1fr) 340px}}.turn-col{flex-direction:column;grid-area:turn;gap:8px;min-height:0;display:flex}.turn-col .hintcard{box-shadow:var(--shadow)}.turn-col .resign-banner,.turn-col .pick-pill{justify-content:center}.game.g2 .game-chip .sep{opacity:.45;margin:0 6px}.game.g2 .topinfo{align-items:center}.hotkeys .hk-pop{min-width:230px;padding:8px 12px}.hk-row{align-items:center;gap:10px;padding:3px 0;font-size:14px;display:flex}.hk-row kbd{opacity:.9;min-width:52px}.game.g2 .status-area.turn-top{align-items:stretch;gap:6px;width:min(560px,100% - 120px);max-width:none}.game.g2.with-turn .status-area{display:none}.game.g2 .desk-hand{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"cards build turn";gap:12px;width:100%;min-width:0;padding:8px 12px}.game.g2 .desk-hand .hand-cards{grid-area:cards;min-width:0}.game.g2 .desk-hand .dock-build{border-inline:2px dashed #e2cf9f;grid-area:build;padding-inline:10px}.game.g2 .desk-hand .hand-turn{grid-area:turn}.game.g2 .act-btn kbd{margin-inline-start:6px;font-size:10px}@media (width>=901px) and (width<=1250px){.build-dock{min-width:270px}.bd-left{display:none}}.game.g2.desk .players{gap:10px}.game.g2.desk .pc2{gap:4px;padding:6px 8px}.game.g2.desk .pc2-avatar{width:36px;height:36px}.game.g2.desk .pc2-avatar-img{font-size:16px}.game.g2.desk .pc2-stats{gap:3px;display:flex}.game.g2.desk .pc2-stat{flex-direction:row;flex:1 1 0;justify-content:center;gap:3px;min-width:0;min-height:0;padding:1px 3px}.game.g2.desk .pc2-stat-label{display:none}.game.g2.desk .pc2-stat .mini-icon,.game.g2.desk .pc2-stat svg{width:15px;height:15px}.game.g2.desk .pc2-stat b{font-size:13px}.game.g2.desk .pc2-plus2{font-size:9px}.game.g2.compact{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));grid-template:"players""skip""board"minmax(0,1fr)"hand"/minmax(0,1fr);gap:6px}.pstrip{grid-area:players;align-items:center;gap:6px;min-width:0;display:flex}.pstrip-list{scrollbar-width:none;flex:1;gap:5px;min-width:0;padding:3px 2px 4px;display:flex;overflow-x:auto}.ps-chip{background:var(--paper);border:2.5px solid var(--ink);border-bottom:5px solid var(--pc);border-radius:14px;flex:1 1 0;align-items:center;gap:5px;min-width:88px;padding:3px 6px 3px 3px;display:flex;box-shadow:0 3px #3b24104d}.ps-chip.active{box-shadow:0 0 0 3px var(--accent), 0 3px 0 #3b24104d;background:#fff6d6}.ps-chip.off,.ps-chip.resigned{opacity:.6;filter:grayscale(.6)}.ps-av{border:2px solid var(--ink);background:var(--pc);color:#fff;text-shadow:0 1px #00000059;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:15px;font-weight:800;display:grid}.ps-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.ps-name{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:800;overflow:hidden}.ps-cards{color:#7a6650;font-size:11px}.ps-vp{white-space:nowrap;margin-inline-start:auto;font-size:15px;font-weight:800}.pstrip>.menu-wrap .chip-btn{justify-content:center;width:42px;height:42px;padding:0;font-size:20px;position:relative}.pstrip>.menu-wrap .unread{position:absolute;top:-6px;right:-6px}.pstrip .menu{min-width:230px;top:calc(100% + 6px);right:0}.skip-row{flex-wrap:wrap;grid-area:skip;justify-content:center;gap:6px;display:flex}.game.g2.compact .status-area.turn-top{align-items:stretch;gap:5px;width:calc(100% - 12px);top:6px}.game.g2.compact .ph-step{gap:4px;padding:3px 6px;font-size:11.5px}.game.g2.compact .ph-pill{border-width:2.5px;padding:4px 10px;font-size:13px}.game.g2.compact .hintcard{border-width:2.5px;gap:8px;padding:7px 10px 8px}.game.g2.compact .hc-icon{font-size:20px}.game.g2.compact .hc-title{font-size:14px}.game.g2.compact .hc-text{font-size:13px}.game.g2.compact .dice-box{inset:auto auto 8px 8px}.game.g2.compact .ribbon{white-space:normal;text-align:center;width:max-content;font-size:13px;bottom:70px}@media (hover:none){.game.g2 .zoom-btn:not(.fit),.game.g2 .zoom-ctl:not(.zoomed){display:none}}.game.g2.compact .zoom-ctl{top:auto;bottom:8px}.game.g2 .compact-hand{border-radius:20px;flex-direction:column;align-items:stretch;gap:6px;width:100%;min-width:0;padding:6px 8px 8px;display:flex}.game.g2 .compact-hand .hand-cards{justify-content:center;gap:2px;min-width:0;padding:10px 2px 0;overflow-x:auto}.game.g2 .compact-hand .res-item{width:62px}.act-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.sec-btn{border:2.5px solid var(--ink);min-height:44px;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:4px 6px;font-size:14px;font-weight:700;display:flex;position:relative;box-shadow:0 3px #3b24104d}.sec-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.sec-btn.on{background:var(--accent)}.sec-icon{font-size:18px}.sec-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sec-badge{top:-8px;background:var(--green);border:2px solid var(--ink);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;inset-inline-end:-6px}.sec-badge.muted{color:var(--ink);background:#fff}.game.g2 .primary-act{width:100%;min-height:54px;font-size:19px}.game.g2 .primary-act.end{background:linear-gradient(#7be08f,#2fb35a)}.game.g2.compact .hint-bubble{bottom:calc(100% + 8px)}@media (orientation:landscape) and (height<=520px){.game.g2.compact{grid-template:"players players""skip skip""board hand"minmax(0,1fr)/minmax(0,1fr) 300px}.game.g2 .compact-hand{justify-content:flex-end;overflow-y:auto}.game.g2 .compact-hand .hand-cards{flex-wrap:wrap}}.sheet-backdrop{z-index:60;background:#140c0473;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);border:3px solid var(--ink);width:min(560px,100%);max-height:80vh;padding:6px 14px calc(14px + env(safe-area-inset-bottom));border-bottom:0;border-radius:22px 22px 0 0;overflow:auto;box-shadow:0 -6px 18px #0000004d}.pop-up{animation:.22s cubic-bezier(.2,.9,.3,1.05) sheet-up}@keyframes sheet-up{0%{opacity:.4;transform:translateY(40%)}}.sheet-grip{background:#d8c59a;border-radius:3px;width:44px;height:5px;margin:2px auto 6px}.bs-note{margin:0 0 8px}.bs-list{flex-direction:column;gap:8px;display:flex}.bs-row{min-height:58px;font:inherit;color:var(--ink);text-align:start;cursor:pointer;background:#fff;border:2.5px solid #e2cf9f;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.bs-row.can{background:#ecfbef;border-color:#2f9e57;box-shadow:0 3px #2f9e5759}.bs-row.off{background:#fbf6ea}.bs-icon{place-items:center;display:grid}.bs-icon .piece-icon{max-width:40px;max-height:38px}.bs-icon .piece-icon.road{height:34px;rotate:35deg}.bs-main{flex-direction:column;min-width:0;line-height:1.2;display:flex}.bs-main b{font-size:16px}.bs-left{color:#8a6d4c;font-size:12px}.bs-main .bd-state{white-space:normal;font-size:13px}.bs-cost .pip{width:22px;height:26px}.bs-extra{border-top:2px dashed #e2cf9f;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;padding-top:10px;display:flex}.bs-extra .hand-extra{flex-wrap:wrap;justify-content:center;gap:6px;max-width:none;display:flex}.sheet-progress{border-top:2px dashed #e2cf9f;flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.over2-backdrop{z-index:55;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));background:radial-gradient(at top,#6fcaf5eb,#1d5f99f2);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.over2{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(480px,100%);max-height:100%;padding:8px 4px 4px;display:flex;position:relative;overflow-y:auto}.over2 .over-close{position:absolute;top:4px;right:4px}.over2-trophy{filter:drop-shadow(0 6px 8px #00000040);font-size:64px;line-height:1;animation:2.4s ease-in-out infinite trophy-bob}@keyframes trophy-bob{50%{transform:translateY(-6px)rotate(-4deg)}}.over2-title{color:#ffd24d;-webkit-text-stroke:1.5px var(--ink);text-shadow:0 3px 0 var(--ink);margin:0;font-size:34px;line-height:1.1}.over2-sub{color:#fff;text-shadow:0 2px #00000059;margin:-4px 0 0;font-weight:700}.over2-list{background:var(--paper);border:3px solid var(--ink);border-radius:18px;width:100%;margin:0;padding:6px 12px;list-style:none;box-shadow:0 5px #3b241059}.over2-row{text-align:start;grid-template-columns:18px 38px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 0;display:grid}.over2-row+.over2-row{border-top:2px dashed #ecdcb5}.over2-place{color:#7a6650;font-weight:800}.over2-av{border:2.5px solid var(--ink);background:var(--pc);color:#fff;width:36px;height:36px;box-shadow:0 0 0 2px var(--pc);border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid}.over2-name{flex-direction:column;min-width:0;display:flex}.over2-name b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.over2-row.me .over2-name b:after{content:" ★";color:var(--accent)}.over2-parts{color:#8a6d4c;flex-wrap:wrap;gap:2px 8px;font-size:11.5px;display:flex}.over2-award{color:#7a6650;text-align:end;max-width:120px;font-size:11.5px}.over2-vp{font-size:18px;font-weight:800}.over2-row.winner .over2-vp{color:#b07800}.over2-save{border:3px solid var(--ink);text-align:start;background:#fff;border-radius:18px;flex-direction:column;gap:8px;width:100%;padding:12px 16px 10px;display:flex;box-shadow:0 5px #3b241059}.over2-save h3{margin:0;font-size:18px}.over2-save p{color:#4a3a2a;margin:0;font-family:Nunito,Fredoka,system-ui,sans-serif;font-size:14px}.over2-save .btn{justify-content:center;width:100%}.over2-google b{color:#4285f4;font-weight:900}.over2-save .pf-link{color:#7a6650;font:inherit;cursor:pointer;background:0 0;border:none;align-self:center;text-decoration:underline}.over2-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px;display:grid}.over2-actions .btn{justify-content:center;width:100%;min-height:54px}.over2-wait{color:#fff;align-self:center;margin:0}@media (width<=420px){.over2-award{display:none}.over2-title{font-size:30px}}.ps-cards2{display:none}@media (width<=520px){.pstrip-list.many .ps-text{display:none}.pstrip-list.many .ps-chip{flex-direction:row;gap:4px;min-width:0;padding-inline-end:4px}.pstrip-list.many .ps-vp{flex-direction:column;margin:0;line-height:1;display:flex}.pstrip-list.many .ps-cards2{color:#7a6650;white-space:nowrap;margin-inline-start:auto;font-size:10.5px;display:block}}.act-row.setup{display:none}.game.g2 .desk-hand{grid-template-columns:minmax(0,1fr) minmax(300px,400px) auto}.game.g2 .desk-hand .dock-build,.build-dock{min-width:0}.game.g2 .bd-row{min-width:0;overflow:hidden}.bs-icon .piece-icon.settlement{width:34px;height:auto}.bs-icon .piece-icon.city{width:40px;height:auto}.bs-icon .piece-icon.road{width:auto;height:36px}.bs-icon .piece-icon.ship{width:42px;height:auto}.bs-icon .piece-icon.dev,.bd-icon .piece-icon.settlement,.bd-icon .piece-icon.city,.bd-icon .piece-icon.ship{width:28px;height:auto}.bd-icon .piece-icon.dev{width:20px;height:auto}.turn-col .ph-step{padding:4px 6px;font-size:12.5px}.turn-col .ph-step:not(.on){flex:0 auto}.turn-col .ph-step.on{flex:auto}@media (width<=520px){.pstrip-list.many .ps-chip{gap:3px;padding:3px 7px 3px 3px}.pstrip-list.many .ps-vp{font-size:14px}.pstrip-list.many .ps-cards2{font-size:10px}}.game.g2 .compact-hand .hand-cards{justify-content:safe center}@media (orientation:landscape) and (height<=520px){.game.g2.compact .hc-text{display:none}.game.g2.compact .phasebar .ph-step{padding-block:2px}}.ps-chip.active{background:#dff6e4;border-color:#1e7a3c;animation:1.6s ease-in-out infinite ps-turn-glow;position:relative;box-shadow:0 0 0 3px #2fb35a,0 0 12px 3px #2fb35a80,0 3px #3b24104d}.ps-chip.active:before{content:"▶";top:-9px;color:#fff;background:#1e9a4a;border:1.5px solid #0f4f25;border-radius:999px;padding:0 5px;font-size:9px;line-height:15px;position:absolute;inset-inline-start:50%;translate:-50%}@keyframes ps-turn-glow{50%{box-shadow:0 0 0 3px #2fb35a,0 0 4px 1px #2fb35a4d,0 3px #3b24104d}}@media (prefers-reduced-motion:reduce){.ps-chip.active{animation:none}}.ps-chip.active.alert{background:#ffe1dc;border-color:#8f1d12;animation:none;box-shadow:0 0 0 3px #e84a3c,0 0 12px 3px #e84a3c80,0 3px #3b24104d}.ps-chip.active.alert:before{content:"✋";background:#c92a1c;border-color:#6e140b}.game.g2 .pc2{background-color:var(--ft-panel,var(--paper));background-image:linear-gradient(var(--pc), var(--pc)), var(--ft-pattern,none);background-size:100% 6px, var(--ft-pattern-size,auto);color:var(--ft-fg,var(--ink));background-repeat:no-repeat,repeat}.game.g2 .ps-chip{background-color:var(--ft-panel,var(--paper));background-image:var(--ft-pattern,none);background-size:var(--ft-pattern-size,auto);color:var(--ft-fg,var(--ink))}.game.g2 .hand,.game.g2 .hintcard{background-color:var(--ft-panel,#fffaf0);background-image:var(--ft-pattern,none);background-size:var(--ft-pattern-size,auto);color:var(--ft-fg,var(--ink))}.game.g2 .hintcard .hc-text{opacity:.9}.game.g2 .primary-act,.game.g2 .primary-act.end,.game.g2 .desk-hand .act-btn.primary,.game.g2 .desk-hand .act-btn.end{background:var(--ft-btn,linear-gradient(#ffd24d, #ffb703));color:#fff;text-shadow:0 2px #00000073,0 0 3px #00000059}.game.g2 .desk-hand .act-btn.primary kbd,.game.g2 .desk-hand .act-btn.end kbd{color:var(--ink);text-shadow:none}.game.g2 .pc2 .pc2-stat,.game.g2 .pc2 .pc2-vp{color:var(--ink)}@media (width<=520px){.pstrip-list.crowd .ps-chip{flex-direction:column;justify-content:center;gap:1px;padding:3px 2px 2px}.pstrip-list.crowd .ps-av{width:24px;height:24px;font-size:13px}.pstrip-list.crowd .ps-vp{flex-direction:row;align-items:baseline;gap:3px;font-size:13px}.pstrip-list.crowd .ps-cards2{display:none}.pstrip-list.crowd .ps-vp:after{content:attr(data-cards);color:#7a6650;font-size:10px;font-weight:600}}.build-bar{gap:5px;display:flex}.bb-chip{min-width:0;font:inherit;color:var(--ink);cursor:pointer;background:#fffaf0;border:2px solid #e2cf9f;border-radius:12px;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:4px 2px 5px;display:flex}.bb-chip.can{background:#ecfbef;border-color:#2f9e57;box-shadow:0 2px #2f9e5759}.bb-chip.off .bb-head{opacity:.6}.bb-chip.on{border-color:var(--ink);background:var(--accent)}.bb-head{align-items:center;gap:3px;max-width:100%;display:flex}.bb-icon{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.bb-icon .piece-icon{max-width:18px;max-height:18px}.bb-icon .piece-icon.road{height:16px;rotate:35deg}.bb-name{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:800;overflow:hidden}@media (height<=780px) and (orientation:portrait){.game.g2 .compact-hand .hand-cards{padding-top:8px}.game.g2 .compact-hand .res-item:before,.game.g2 .compact-hand .item-art{width:42px;height:42px}.game.g2 .compact-hand .act-row .sec-btn{min-height:40px}.game.g2 .compact-hand .primary-act{min-height:48px}}@media (orientation:landscape) and (height<=520px){.game.g2 .compact-hand .hand-cards{flex-wrap:nowrap;padding-top:8px}.game.g2 .compact-hand .res-item{width:52px}.game.g2 .compact-hand .res-item:before,.game.g2 .compact-hand .item-art{width:40px;height:40px}}.game.g2 .compact-hand .res-item:not(.empty) .item-count{background:var(--ink);color:#fff;border-color:var(--ink)}.hintcard.collapsed .hc-body{cursor:pointer}.hc-more{opacity:.55;font-weight:600}.game.g2 .side-status{flex-direction:column;align-items:stretch;gap:5px;margin-bottom:auto;display:flex}.game.move-pending svg.board .target{pointer-events:none;opacity:.45;transition:opacity .15s}.game.move-pending .primary-act,.game.move-pending .act-btn{pointer-events:none;filter:saturate(.6)brightness(.95)}.ps-chip{cursor:pointer;position:relative}.ps-dev{white-space:nowrap}@media (width<=520px){.pstrip-list.many .ps-cards2{flex-direction:column;align-items:flex-end;line-height:1.05;display:flex}}.ps-awards{bottom:-7px;z-index:1;gap:2px;display:flex;position:absolute;inset-inline-end:4px}.ps-awards span{text-align:center;border:1.5px solid var(--ink);background:#ffd24d;border-radius:999px;min-width:18px;font-size:10px;line-height:16px}.ps-sheet .pc2{margin:4px 0 10px}.ps-facts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ps-facts li{background:#fff;border:2px solid #e2cfa4;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:15px;display:flex}.ps-facts b{font-size:16px}@media (width<=520px){.pstrip-list.many .ps-chip{padding-inline-end:5px;overflow:visible}.pstrip-list.many .ps-cards2{letter-spacing:-.2px;flex-shrink:0;min-width:22px;font-size:10px}.pstrip-list.many .ps-vp{margin-inline-start:0;font-size:15px}}.ps-side{flex-direction:column;align-items:flex-end;min-width:0;margin-inline-start:auto;line-height:1.05;display:flex}@media (width<=520px){.pstrip-list.many .ps-cards2{white-space:nowrap;flex-direction:row;min-width:0;font-size:9.5px;display:block}.pstrip-list.many .ps-av{flex-shrink:0;width:30px;height:30px;font-size:17px}.pstrip-list.many .ps-chip{gap:3px;padding-inline:3px 5px}}.ps-awards{inset-inline:18px auto}.save-map-copy{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:6px 0;display:flex}@media (orientation:landscape) and (height<=520px){.game.g2 .compact-hand .act-row .sec-btn{gap:3px;padding:4px 3px}.game.g2 .compact-hand .act-row .sec-icon{font-size:14px}.game.g2 .compact-hand .act-row .sec-label{font-size:12px}}.corner-bar{top:max(12px, env(safe-area-inset-top));z-index:4;align-items:center;gap:8px;display:flex;position:absolute;inset-inline-end:max(12px, env(safe-area-inset-right))}.corner-bar .lang-picker.corner{position:static}.pf-chip{background:var(--paper);border:2px solid var(--ink);font:inherit;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;max-width:260px;min-height:40px;padding:4px 10px 4px 4px;display:inline-flex;box-shadow:0 2px #3b241059}.pf-chip:hover:not(:disabled){background:#fff}.pf-chip.compact{gap:4px;padding:3px 6px 3px 3px}.pf-chip-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.1;display:flex}.pf-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:14px;font-weight:700;overflow:hidden}.pf-chip-sub{color:#8a6d4c;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;overflow:hidden}@media (width<=520px){.pf-chip-text{display:none}.pf-chip{padding-inline-end:6px}}.pf-avatar{background:var(--pc);border:2px solid var(--ink);color:#fff;text-shadow:0 1px #00000059;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;line-height:1;display:inline-grid}.pf-avatar.emoji{text-shadow:none;background:#fff8e7}.pf-tabs,.pf-modes{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pf-tab{border:2px solid var(--ink);min-height:40px;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex:1;padding:6px 10px;font-weight:600}.pf-tab.on{background:var(--accent);box-shadow:inset 0 -3px #3b241040}.pf-section{flex-direction:column;gap:10px;display:flex}.pf-hero{align-items:center;gap:14px;display:flex}.pf-hero-name{font-size:22px;font-weight:700}.pf-label{font-weight:600}.pf-avatars{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;display:grid}.pf-av{cursor:pointer;background:#fff;border:2px solid #e2cfa4;border-radius:12px;height:42px;padding:0;font-size:24px}.pf-av.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent);background:#ffe7a0}.pf-letter{font-size:20px;font-weight:700}.pf-note,.pf-why{background:#fff3cf;border:2px dashed #e2c06a;border-radius:12px;margin:4px 0;padding:8px 12px}.pf-ok{color:var(--green);font-weight:600}.pf-footer{border-top:2px solid #ecdcb5;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;padding-top:12px;display:flex}.pf-footer a.btn{color:inherit;text-decoration:none}.pf-intro{margin:0}.pf-colors{gap:6px;display:flex}.color-dot.small{width:26px;height:26px}.modal:has(.pf-factions){max-width:820px}.pf-factions{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.pf-faction{border:3px solid var(--ink);background:var(--paper);font:inherit;color:var(--ink);cursor:pointer;text-align:start;border-radius:18px;flex-direction:column;gap:8px;padding:10px 10px 12px;transition:transform .12s;display:flex;position:relative;box-shadow:0 4px #3b241066}.pf-faction:hover:not(:disabled){transform:translateY(-2px)}.pf-faction.on{box-shadow:0 0 0 4px var(--accent), 0 4px 0 #3b241066}.pf-faction-head{align-items:center;gap:8px;display:flex}.pf-faction-title{flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.pf-faction-name{font-size:17px;font-weight:700}.pf-faction-num{color:#8a6d4c;font-size:12px}.pf-faction-emoji{font-size:20px}.pf-faction-scene{border:3px solid var(--ink);border-radius:14px;justify-content:center;padding:4px 4px 0;display:flex}.pf-faction-scene svg{aspect-ratio:3/2;width:100%;max-width:230px;height:auto}.pf-faction-pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pf-piece{color:#8a6d4c;background:#fff;border:2px solid #d8c59a;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:3px 2px;font-size:11px;font-weight:600;display:flex}.pf-piece svg{width:44px;height:44px}.pf-faction-desc{font-size:13px;line-height:1.3}@media (width<=480px){.pf-factions{grid-template-columns:1fr 1fr;gap:8px}.pf-faction{gap:6px;padding:6px 6px 8px}.pf-faction-head .pf-faction-num,.pf-faction-emoji,.pf-faction-pieces,.pf-faction-desc{display:none}.pf-faction.on{grid-column:1/-1}.pf-faction.on .pf-faction-pieces,.pf-faction.on .pf-faction-desc{display:grid}.pf-faction.on .pf-faction-desc{display:block}.pf-faction-name{font-size:14px}}.pf-check{background:var(--green);color:#fff;border:2px solid var(--ink);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.pf-auth h3{margin:0}.pf-form{flex-direction:column;gap:10px;display:flex}.pf-google{background:#fff;justify-content:center;align-items:center;gap:10px;display:inline-flex}.pf-link{color:var(--sea-dark);cursor:pointer;font:inherit;background:0 0;border:none;align-self:center;text-decoration:underline}.pf-pending{background:#e6f4ff;border:2px solid #9cc9ee;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.pf-signed{align-items:center;gap:12px;display:flex}.pf-signed-icon{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid}.pf-row{flex-wrap:wrap;gap:8px;display:flex}.pf-danger{color:var(--red)}.pf-confirm{border:2px solid var(--red);background:#ffe9e6;border-radius:12px;padding:8px 12px}.pf-details summary{cursor:pointer;font-weight:600}.pf-details form{flex-direction:column;gap:8px;margin-top:8px;display:flex}.fb-form{flex-direction:column;gap:10px;display:flex}.fb-text{border:3px solid var(--ink);font:inherit;resize:vertical;border-radius:12px;min-height:110px;padding:10px 12px}.fb-note{margin:0}.fb-sent{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.toast.ok{border-color:var(--green);background:#e6f8ea}.legal-links{flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:13px;font-weight:700;display:flex}.legal-links a{color:inherit;opacity:.85;text-underline-offset:2px;text-decoration:underline}.legal-links a:hover{opacity:1}.main-menu .legal-links.mm-foot{color:#fff;text-shadow:0 1px #0b1a2eb3;max-width:520px;margin-top:6px;position:relative}.pf-footer .legal-links{width:100%;color:var(--wood-dark,#7a5326);margin-top:4px}.fp-line{text-align:start;gap:2px;font-size:13px;line-height:1.3;display:grid}.fp-line-head b{font-weight:700}.fp-line-text{opacity:.9}.fp-badge-wrap{display:inline-flex;position:relative}.fp-badge{cursor:pointer;background:#fff8e6;border:1px solid #3b241059;border-radius:999px;width:22px;height:22px;padding:0;font-size:12px;line-height:20px}.fp-badge.mine{box-shadow:0 0 0 2px var(--pc,#e7b04a)}.fp-pop{z-index:1000;color:#3b2410;white-space:normal;background:#fffdf6;border-radius:10px;gap:4px;width:min(260px,100vw - 16px);padding:8px 10px;display:grid;position:fixed;box-shadow:0 6px 18px #00000040}.fp-pop-head{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.fp-list ul{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.fp-list li{align-items:flex-start;gap:10px;display:flex}.fp-list-body{gap:2px;display:grid}.fp-list-name{opacity:.75;font-size:12px}.pf-faction-power{background:#ffffff8c;border-radius:8px;margin-top:6px;padding:6px 8px;display:block}.fp-off-note{opacity:.75;font-size:12px}@media (width<=480px){.pf-faction:not(.on) .pf-faction-power .fp-line-text{display:none}}.lb-powers-help{place-self:flex-start start;width:auto}.fk{inset-inline:12px;z-index:40;border:3px solid var(--ink);background:var(--paper);max-height:62%;color:var(--ink);border-radius:20px;flex-direction:column;gap:8px;padding:12px 12px 10px;display:flex;position:absolute;bottom:12px;overflow:hidden;box-shadow:0 6px #3b241059,0 12px 30px #00000040}.fk-head{align-items:flex-start;gap:10px;display:flex}.fk-titles{flex:1;min-width:0}.fk-titles h2{margin:0 8px 0 0;font-size:19px;display:inline}.fk-titles p{margin:0;display:inline}.fk-hide{flex-shrink:0}.fk-players{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fk-players li{background:var(--paper-2);border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 6px;font-size:13px;display:inline-flex}.fk-players li.done{box-shadow:inset 0 0 0 2px var(--pc)}.fk-dot{background:var(--pc);border:1px solid #00000059;border-radius:50%;width:10px;height:10px}.fk-pname{font-weight:700}.fk-pf{align-items:center;gap:3px;display:inline-flex}.fk-carousel{--cw:440px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:6px;min-height:0;display:grid;position:relative}.fk-track{scroll-snap-type:x mandatory;padding:6px calc(50% - var(--cw) / 2) 10px;scrollbar-width:none;overscroll-behavior-x:contain;grid-column:2;column-gap:14px;display:flex;overflow:auto hidden}.fk-track::-webkit-scrollbar{display:none}.fk-card{flex:0 0 var(--cw);scroll-snap-align:center;border:3px solid var(--ink);opacity:.55;cursor:pointer;background:#fffdf6;border-radius:18px;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:9px;transition:transform .2s,opacity .2s,box-shadow .2s;display:grid;transform:scale(.9);box-shadow:0 4px #3b241059}.fk-card.on{opacity:1;cursor:default;box-shadow:0 0 0 4px var(--accent), 0 5px 0 #3b241066;transform:none}.fk-art{flex-direction:column;gap:4px;min-width:0;display:flex}.fk-info{flex-direction:column;gap:6px;min-width:0;display:flex}.fk-card-head{align-items:center;gap:6px;display:flex}.fk-card-name{flex:1;min-width:0;font-size:17px;font-weight:800;line-height:1.1}.fk-card-emoji{font-size:20px}.fk-scene{border:2px solid var(--ink);border-radius:12px;justify-content:center;padding:2px 2px 0;display:flex}.fk-scene svg{aspect-ratio:3/2;width:100%;height:auto}.fk-pieces{justify-content:space-around;display:flex}.fk-pieces svg{width:34px;height:34px}.fk-power{background:#fff1c9;border:2px solid #e7c46a;border-radius:12px;flex:1;padding:6px 8px}.fk-desc{flex:1;margin:0;font-size:13px;line-height:1.3}.fk-card .fk-play{white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0;line-height:1.15}.fk-also{flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.fk-also-dot{background:var(--pc);border:1px solid #00000059;border-radius:50%;width:10px;height:10px}.fk-arrow{border:3px solid var(--ink);background:var(--accent);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;padding:0;font-size:26px;font-weight:800;line-height:30px}.fk-arrow:disabled{opacity:.35;cursor:default}.fk-arrow.prev{grid-column:1}.fk-arrow.next{grid-column:3}[dir=rtl] .fk-arrow{transform:scaleX(-1)}.fk-counter{text-align:center;grid-column:1/-1}.fk-reopen,.fk-done{z-index:40;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.fk-reopen{padding:10px 18px;font-size:16px}.fk-done{border:3px solid var(--ink);background:var(--paper);max-width:calc(100% - 32px);color:var(--ink);border-radius:16px;align-items:center;gap:10px;padding:8px 14px;display:flex;box-shadow:0 4px #3b241059}.fk-done-text{line-height:1.25;display:grid}@media (width<=640px){.fk{inset-inline:6px;gap:6px;max-height:70%;padding:8px 6px 6px;bottom:6px}.fk-head{align-items:center}.fk-titles h2{font-size:16px}.fk-titles p{display:none}.fk-players{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.fk-players li{flex-shrink:0}.fk-carousel{--cw:min(84vw, 340px);grid-template-columns:minmax(0,1fr)}.fk-track{grid-column:1;column-gap:8px;padding-bottom:6px}.fk-card{grid-template-columns:104px minmax(0,1fr);gap:8px;padding:7px}.fk-arrow{display:none}.fk-pieces svg{width:28px;height:28px}.fk-card-name{font-size:15px}.fk-power .fp-line{font-size:12px}.fk-card .fk-play{padding:6px;font-size:13px}}@media (height<=560px){.fk-pieces,.fk-players{display:none}}@media (prefers-reduced-motion:reduce){.fk-card{transition:none}}@media (height<=560px){.fk{gap:4px;max-height:none;padding:6px 8px;top:6px;bottom:6px}.fk-titles p{display:none}.fk-titles h2{font-size:16px}.fk-carousel{--cw:min(340px, 70vw);flex:1}.fk-track{padding-top:2px;padding-bottom:4px}.fk-card{grid-template-columns:96px minmax(0,1fr);gap:6px;padding:6px}.fk-card-name{font-size:14px}.fk-power .fp-line{font-size:11.5px}.fk-card .fk-play{padding:4px 6px;font-size:12px}.fk-arrow{width:32px;height:32px;font-size:20px;line-height:24px}.fk-counter{display:none}}@media (width<=400px){.fk-card-emoji{display:none}.fk-card-name{overflow-wrap:anywhere}}.admin{color:var(--ink);-webkit-overflow-scrolling:touch;background:#f3e6c4;position:fixed;inset:0;overflow:auto}.ad-head{z-index:5;padding:10px max(16px, env(safe-area-inset-left));background:var(--paper);border-bottom:3px solid var(--ink);align-items:center;gap:12px;display:flex;position:sticky;top:0}.ad-head h1{margin:0;font-size:20px}.ad-home{color:var(--sea-dark);white-space:nowrap;font-weight:600;text-decoration:none}.ad-head-right{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.ad-tabs{scrollbar-width:none;gap:6px;padding:10px 16px 0;display:flex;overflow-x:auto}.ad-tab{border:2px solid var(--ink);font:inherit;color:var(--ink);cursor:pointer;background:#fff8e7;border-radius:12px 12px 0 0;flex-shrink:0;padding:8px 14px;font-weight:600}.ad-tab.on{background:var(--accent)}.ad-main{max-width:1400px;padding:12px 16px 40px}.ad-stack{flex-direction:column;gap:12px;display:flex}.ad-center{text-align:center;place-items:center;padding:40px 16px;display:grid}.ad-card{background:var(--paper);border:2px solid var(--ink);border-radius:16px;min-width:0;padding:12px 14px;box-shadow:0 3px #3b241040}.ad-card h2{margin:0 0 8px;font-size:17px}.ad-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ad-row h2{margin:0}.ad-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.ad-tile{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:10px 12px;box-shadow:0 3px #3b241040}.ad-tile.live{background:#eaf7ee}.ad-tile-label{color:#7a5c3a;align-items:center;gap:6px;font-size:13px;display:flex}.ad-tile-value{font-size:30px;font-weight:700;line-height:1.1}.ad-tile-sub{color:#8a6d4c;font-size:12px}.ad-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.6s infinite ad-blink}@keyframes ad-blink{50%{opacity:.3}}.ad-grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.ad-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ad-chart-head .pf-modes{margin:0}.ad-chart-total b{font-size:20px}.ad-bars{border-bottom:1px solid #d9c49a;align-items:flex-end;gap:2px;height:160px;margin-top:10px;display:flex}.ad-bar-col{cursor:default;flex:1;align-items:flex-end;height:100%;display:flex}.ad-bar{background:var(--sea);border-radius:4px 4px 0 0;width:100%;min-height:1px}.ad-bar-col.hover .ad-bar{background:var(--sea-dark)}.ad-bars-axis{color:#8a6d4c;justify-content:space-between;font-size:12px;display:flex}.ad-barlist{flex-direction:column;gap:6px;display:flex}.ad-barrow{grid-template-columns:minmax(90px,40%) 1fr auto;align-items:center;gap:8px;font-size:14px;display:grid}.ad-barrow-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ad-barrow-track{background:#efe0bb;border-radius:4px;height:10px;overflow:hidden}.ad-barrow-fill{background:var(--sea);border-radius:0 4px 4px 0;height:100%;display:block}.ad-barrow-value{text-align:end;min-width:2ch;font-weight:700}.ad-table-wrap{overflow-x:auto}.ad-table{border-collapse:collapse;width:100%;font-size:14px}.ad-table th{text-align:start;color:#7a5c3a;white-space:nowrap;border-bottom:2px solid #e2cfa4;padding:6px 8px;font-size:12px}.ad-table td{vertical-align:top;border-bottom:1px solid #efe0bb;padding:6px 8px}.ad-click{cursor:pointer}.ad-click:hover{background:#fff3cf}.ad-sub{background:#fbf3dc}.ad-sub .ad-card{margin-top:8px}.ad-seats{flex-wrap:wrap;gap:4px;display:flex}.ad-seat{white-space:nowrap;background:#fff;border:1px solid #e2cfa4;border-radius:8px;padding:1px 6px}.ad-seat.won{background:#fff1b8;border-color:#e2b23a}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.ad-actions{background:#fff;border:1px solid #e2cfa4;border-radius:8px;max-height:360px;margin-top:6px;padding:6px 8px;overflow:auto}.ad-actions .log-error{color:var(--red)}.ad-fb-list{flex-direction:column;gap:6px;display:flex}.ad-fb{text-align:start;font:inherit;color:inherit;cursor:pointer;background:#fff;border:2px solid #e2cfa4;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ad-fb.on{border-color:var(--ink)}.ad-fb.st-new{border-inline-start:6px solid var(--red)}.ad-fb-kind{font-size:22px}.ad-fb-main{flex-direction:column;flex:1;min-width:0;display:flex}.ad-fb-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ad-fb-status{white-space:nowrap;background:#efe0bb;border-radius:8px;padding:2px 8px;font-size:12px}.ad-fb-status.st-new{background:#ffd9d4}.ad-fb-status.st-done{background:#d7f2de}.ad-fb-full{white-space:pre-wrap;background:#fff;border:1px solid #e2cfa4;border-radius:10px;padding:10px 12px}.ad-dl{grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0;display:grid}.ad-dl dt{color:#7a5c3a;font-weight:600}.ad-dl dd{overflow-wrap:anywhere;min-width:0;margin:0}.ad-fb-detail details{margin-top:8px}.ad-fb-detail summary,.ad-err summary{cursor:pointer;font-weight:600}.ad-json{color:#f7e9c6;white-space:pre-wrap;overflow-wrap:anywhere;background:#2b1d10;border-radius:10px;max-height:420px;padding:10px;font-size:12px;overflow:auto}.ad-err{background:#fff;border:1px solid #e2cfa4;border-radius:10px;padding:6px 10px}@media (width<=600px){.ad-head h1{font-size:16px}.ad-head .lang-picker{display:none}.ad-main{padding:10px 10px 40px}.ad-tiles{grid-template-columns:1fr 1fr}.ad-tile-value{font-size:24px}.ad-dl{grid-template-columns:1fr}}.ad-key{text-align:start;flex-direction:column;gap:10px;width:min(360px,100%);margin:12px auto;display:flex}.fn-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fn-head h2{margin:0}.fn-steps{gap:10px;margin-top:10px;display:grid}.fn-step{grid-template-columns:minmax(150px,260px) 1fr;align-items:center;gap:4px 12px;display:grid}.fn-step-label{flex-direction:column;display:flex}.fn-bar{background:#3b241014;border-radius:8px;height:30px;position:relative;overflow:hidden}.fn-bar-fill{background:linear-gradient(90deg,#2f8fd6,#2fb35a);border-radius:8px;height:100%}.fn-return .fn-bar-fill{background:linear-gradient(90deg,#ffb703,#ff9f1c)}.fn-bar-n{text-shadow:0 0 3px #fff,0 0 3px #fff;align-items:center;font-weight:800;display:flex;position:absolute;inset:0 10px}.fn-table td,.fn-table th{white-space:nowrap}.fn-chain{font-variant-numeric:tabular-nums}@media (width<=560px){.fn-step{grid-template-columns:1fr}}.main-menu .mm-btn.mm-editor{background:linear-gradient(#bfe6ff,#6fb8f0)}.ed-start{max-width:1100px;height:100%;margin:0 auto;padding:16px 16px 48px;overflow-y:auto}.ed-start-head{align-items:center;gap:12px;display:flex}.ed-start-head h1{color:#fff;text-shadow:0 2px #00000059;overflow-wrap:anywhere;flex:1;margin:0;font-size:clamp(22px,4vw,34px)}.ed-start-intro{color:#fff;text-shadow:0 1px #0000004d;font-size:17px}.ed-start-card,.ed-start-sec{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:16px;padding:14px 16px}.ed-start-sec h2{margin:0 0 10px;font-size:20px}.ed-start-row{flex-wrap:wrap;gap:10px;display:flex}.ed-size{border:3px solid var(--ink);min-width:120px;box-shadow:var(--shadow);cursor:pointer;font:inherit;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;display:flex}.ed-size:hover{transform:translateY(-2px)}.ed-size-hex{font-size:30px;line-height:1}.ed-continue{border:3px solid var(--ink);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);cursor:pointer;font:inherit;text-align:start;background:linear-gradient(#b4f0bd,#5cc878);align-items:center;gap:14px;margin-top:14px;padding:10px 14px;font-size:18px;display:flex}.ed-continue .ed-card-thumb{width:90px;height:64px}.ed-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.ed-map-card{border:2px solid var(--ink);cursor:pointer;font:inherit;text-align:start;background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex}.ed-map-card:hover{transform:translateY(-1px);box-shadow:0 4px #3b241059}.ed-card-thumb{background:#1f66a6;border-radius:8px;height:96px;display:block;overflow:hidden}.ed-card-thumb .map-preview{width:100%;height:100%;display:block}.ed-muted{color:#7a6650}.ed-status{white-space:nowrap;background:#eee3c8;border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.ed-status.st-published{color:#1c6b33;background:#c9f2d2}.ed-status.st-hidden{color:#9a2a1d;background:#ffd5cf}.ed-page-body{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;margin-top:16px;display:grid}.ed-page-hero{border:3px solid var(--ink);border-radius:var(--radius);aspect-ratio:4/3;background:#1f66a6;overflow:hidden}.ed-page-hero .map-preview{width:100%;height:100%}.ed-page-info{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ed-page-desc{white-space:pre-wrap;margin:0}.ed-page-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=760px){.ed-page-body{grid-template-columns:1fr}}.ed{background:#0f3557;flex-direction:column;display:flex;position:fixed;inset:0}.ed-top{background:var(--paper);border-bottom:3px solid var(--ink);flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;padding:6px 10px;display:flex}.ed-top .lb-back{flex:none}.ed-title-input{min-width:80px;max-width:280px;font:inherit;background:0 0;border:2px solid #0000;border-radius:8px;flex:160px;padding:4px 8px;font-size:18px;font-weight:700}.ed-title-input:hover,.ed-title-input:focus{border-color:var(--wood);background:#fff;outline:none}.ed-save{color:#7a6650;white-space:nowrap;font-size:13px}.ed-save.s-conflict,.ed-save.s-offline{color:var(--red);font-weight:700}.ed-top-gap{flex:1}.btn.ed-icon{justify-content:center;min-width:34px;font-size:16px}.btn.ed-test{background:linear-gradient(#7ee08f,#2fb35a)}.btn.ed-missing{background:linear-gradient(#fff3c4,#ffd76a)}.btn.danger{background:#ffe1dc}.ed-menu-wrap{position:relative}.ed-menu{z-index:30;border:3px solid var(--ink);min-width:200px;box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.ed-menu button{text-align:start;font:inherit;cursor:pointer;background:0 0;border:0;padding:10px 14px}.ed-menu button:hover{background:var(--paper-2)}.ed-menu button.danger{color:#b3261e}.ed-banner{border-bottom:2px solid var(--ink);background:#fff1c2;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.ed-body{flex:1;min-height:0;display:flex}.ed-tools{background:var(--paper-2);border-right:3px solid var(--ink);flex-direction:column;flex:none;gap:4px;width:92px;padding:8px 6px;display:flex;overflow-y:auto}.ed-tool{cursor:pointer;font:inherit;text-align:center;background:0 0;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:11.5px;line-height:1.1;display:flex}.ed-tool:hover{background:#fff8}.ed-tool.on{border-color:var(--ink);background:#fff;box-shadow:0 3px #3b241059}.ed-tool-icon{font-size:22px}.ed-stage{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.ed-optbar{border-bottom:2px solid var(--ink);background:#fff8e7f0;flex-wrap:wrap;align-items:center;gap:6px 12px;max-height:40%;padding:6px 10px;display:flex;overflow-y:auto}.ed-hint{color:#5d4a35;flex:260px;font-size:13px}.ed-opts{flex:10 auto}.ed-sym{align-items:center;gap:6px;font-size:13px;display:flex}.ed-sym select,.ed-harbor-row select{font:inherit;border:2px solid var(--ink);background:#fff;border-radius:8px;padding:2px 6px}.ed-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;flex:1;width:100%;min-height:0;display:block}.ed-canvas.pan{cursor:grab}.ed-outside{fill:#0b1f33;opacity:.38;pointer-events:none}.ed-err-rim{fill:none;stroke:#ff4d3d;stroke-width:4px;stroke-dasharray:8 5;pointer-events:none}.ed-focus{fill:#ff4d3d40;stroke:#ff2d1a;stroke-width:7px;pointer-events:none;animation:.7s ease-in-out infinite alternate ed-blink}.ed-selected{fill:none;stroke:#ffe14d;stroke-width:6px;pointer-events:none}@keyframes ed-blink{0%{opacity:1}to{opacity:.35}}.ed-zoom{gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.ed-panel-toggle{display:none!important}.ed-side{background:var(--paper);border-left:3px solid var(--ink);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.ed-tabs{border-bottom:2px solid var(--ink);background:var(--paper-2);flex-wrap:wrap;gap:2px;padding:6px 6px 0;display:flex}.ed-tab{font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-bottom:0;border-radius:10px 10px 0 0;padding:5px 9px;font-size:13.5px;font-weight:600;position:relative}.ed-tab.on{background:var(--paper);border-color:var(--ink);margin-bottom:-2px}.ed-badge{background:var(--red);color:#fff;border-radius:999px;min-width:18px;margin-inline-start:4px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}.ed-side-body{flex:1;padding:10px 12px 40px;overflow-y:auto}.ed-panel{flex-direction:column;gap:8px;display:flex}.ed-panel .field textarea,.ed-panel .field input{font:inherit}.ed-h{margin:0;font-size:18px}.ed-h4{margin:8px 0 0;font-size:15px}.ed-row{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.ed-row-label{flex-direction:column;font-size:14px;display:flex}.ed-row-hint{color:#7a6650;font-size:12px}.ed-row-ctl{flex:none;align-items:center;gap:4px;display:flex}.ed-stepper{border:2px solid var(--ink);background:#fff;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.ed-stepper button{background:var(--paper-2);cursor:pointer;border:0;width:28px;height:28px;font-size:16px;font-weight:700}.ed-stepper button:disabled{opacity:.35;cursor:default}.ed-stepper b{text-align:center;min-width:30px}.ed-toggle{margin:0}.ed-palette{flex-wrap:wrap;gap:4px;display:flex}.ed-pal{cursor:pointer;font:inherit;background:#fff;border:2px solid #cdb994;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 4px;font-size:13px;display:inline-flex}.ed-pal.on{border-color:var(--ink);background:#fff3c4;box-shadow:0 2px #3b241059}.ed-chip{border:2px solid;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:inline-grid}.ed-chip.random{color:#6e531f;background:#d9c7a2;border-color:#8f7038}.ed-numbers{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ed-numbers.small{margin-top:4px}.ed-mini-label{color:#7a6650;margin-inline-end:2px;font-size:12px}.ed-num{min-width:34px;height:32px;font:inherit;cursor:pointer;background:#fffaf0;border:2px solid #cdb994;border-radius:999px;padding:0 6px;font-weight:700}.ed-num.word{padding:0 10px;font-size:13px;font-weight:600}.ed-num.red,.ed-red{color:#d21f1a}.ed-num.on{border-color:var(--ink);background:#fff3c4;box-shadow:0 2px #3b241059}.ed-btns,.ed-quick{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ed-quick{flex-direction:column;align-items:flex-start}.ed-quick p{margin:-2px 0 4px}.ed-harbor-row{align-items:center;gap:6px;display:flex}.ed-resize{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ed-resize-row{align-items:center;gap:6px;display:flex}.ed-resize-row span{flex:1;font-size:14px}.ed-res-grid{flex-direction:column;gap:2px;display:flex}.ed-seg{flex-wrap:wrap}.ed-check-sum{border:2px solid var(--ink);border-radius:10px;padding:8px 10px;font-size:16px;font-weight:700}.ed-check-sum.ok{background:#c9f2d2}.ed-check-sum.bad{background:#ffd5cf}.ed-issues{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ed-issue{background:#fff;border:2px solid #e6d6b4;border-radius:10px;align-items:flex-start;gap:8px;padding:7px 8px;font-size:14px;display:flex}.ed-issue.error{border-color:#f2a59b}.ed-issue.warn{border-color:#f2d27b}.ed-issue-text{flex-direction:column;flex:1;display:flex}.ed-issue-level{text-transform:uppercase;color:#7a6650;font-size:11px;font-weight:700}.ed-stat-chips{flex-wrap:wrap;gap:6px;display:flex}.ed-stat-chips span{background:#fff;border:2px solid #e6d6b4;border-radius:999px;padding:2px 9px;font-size:13px}.ed-bars{flex-direction:column;gap:6px;display:flex}.ed-bar-row{grid-template-rows:auto auto;grid-template-columns:96px 1fr;column-gap:8px;font-size:13px;display:grid}.ed-bar{background:#eee3c8;border-radius:6px;align-self:center;height:12px;overflow:hidden}.ed-bar i{border-radius:6px;height:100%;display:block}.ed-bar-val{color:#7a6650;grid-column:2;font-size:12px}.ed-hist{align-items:flex-end;gap:4px;height:110px;display:flex}.ed-hist-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.ed-hist-bar{background:var(--wood);border-radius:4px 4px 0 0;width:70%;min-height:2px;max-height:70%}.ed-help ol{flex-direction:column;gap:6px;margin:0;padding-inline-start:20px;display:flex}.ed-missing-box{border:2px dashed var(--wood);background:#fff3c4;border-radius:12px;margin:8px 0;padding:8px 12px}.ed-missing-box p{margin:4px 0 8px}.ed-tips ul{flex-direction:column;gap:10px;padding-inline-start:4px;font-size:16px;list-style:none;display:flex}@media (width<=1100px){.ed-side{width:290px}.ed-hide-sm{display:none}.ed-top{flex-wrap:wrap;row-gap:6px}.ed-top .ed-missing,.ed-profile{display:none}.ed-menu-missing{display:block!important}.ed-top .ed-done,.ed-top .ed-test{flex:40%;order:10;justify-content:center}.ed-menu-wrap{order:5}}@media (width<=760px){.ed-body{flex-direction:column-reverse}.ed-tools{border-right:0;border-top:3px solid var(--ink);flex-direction:row;width:auto;padding:4px;overflow:auto hidden}.ed-tool{min-width:58px;font-size:10.5px}.ed-tool-icon{font-size:19px}.ed-side{z-index:25;border-left:0;border-top:3px solid var(--ink);border-radius:18px 18px 0 0;width:auto;height:62%;transition:transform .2s;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -6px 20px #00000059}.ed-side.open{transform:none}.ed-panel-toggle{display:inline-flex!important}.ed-panel-toggle.bad{background:#ffd5cf}.ed-zoom{z-index:26;bottom:8px}.ed-top{flex-wrap:wrap;row-gap:6px}.ed-title-input{flex:60px;min-width:0;font-size:16px}.ed-top-gap,.ed-top .ed-missing,.ed-profile{display:none}.ed-menu-wrap{order:5}.ed-top .ed-done,.ed-top .ed-test{flex:40%;order:10;justify-content:center}.ed-save,.ed-top .ed-status,.ed-hint{display:none}}.ed-picker-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ed-picker-bar .search{flex:160px}.ed-picker-empty{align-items:center;gap:10px;display:flex}.sp-card.ed-not-ready{opacity:.6}.ed-room-thumb{place-items:center;font-size:22px;display:inline-grid}.ed-summary .sp-hero .map-preview{width:100%;height:100%}.pf-unread{background:var(--red);color:#fff;text-align:center;border:2px solid #fff;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.pf-chip{position:relative}.ed-inbox{flex-direction:column;gap:10px;max-height:55vh;display:flex;overflow-y:auto}.ed-msg{background:#fff;border:2px solid #e6d6b4;border-radius:12px;padding:8px 12px}.ed-msg.ed-unread{border-color:var(--green);box-shadow:0 0 0 2px #c9f2d2}.ed-msg-head{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.ed-msg-text{white-space:pre-wrap;margin:6px 0}.ed-msg-quote{color:#7a6650;white-space:pre-wrap;border-inline-start:3px solid #e0cfae;margin:4px 0 6px;padding-inline-start:10px;font-size:13px}.ad-reply{flex-direction:column;gap:6px;margin:10px 0;display:flex}.ad-reply-item{background:#f3fbf4;border-radius:10px;padding:6px 10px}.ad-map-pic{aspect-ratio:4/3;background:#1f66a6;border-radius:12px;max-width:420px;margin:6px 0;overflow:hidden}.ad-map-pic .map-preview{width:100%;height:100%}.ad-maps{flex-direction:column;gap:8px;display:flex}.ad-map-row{background:#fff;border:2px solid #e6d6b4;border-radius:12px;align-items:flex-start;gap:10px;padding:8px;display:flex}.ad-map-row.st-hidden{background:#fff1ee}.ad-map-thumb{background:#1f66a6;border-radius:8px;flex:none;width:120px;height:84px;overflow:hidden}.ad-map-thumb .map-preview{width:100%;height:100%}.ad-map-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ad-map-note{font:inherit;border:2px solid #e6d6b4;border-radius:8px;padding:3px 8px}.ad-map-actions{flex-direction:column;gap:6px;display:flex}.ed-harbor-spot{pointer-events:none}.ed-harbor-spot circle{fill:#fff8e78c;stroke:#fff8e7;stroke-width:2px;stroke-dasharray:4 3}.ed-harbor-spot text{opacity:.75;font-size:16px}.ed-share{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.ed-share p{margin:0}.ed-share-link{flex-wrap:wrap;gap:6px;display:flex}.ed-share-link input{min-width:0;font:inherit;border:2px solid var(--ink);border-radius:10px;flex:180px;padding:6px 8px}.ed-share-toggle{cursor:pointer;align-items:center;gap:8px;font-weight:700;display:flex}.ed-share-toggle input{width:20px;height:20px}.ed-subtabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.ed-subtab{font:inherit;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:4px 9px;font-size:13px}.ed-subtab.on{background:var(--accent);font-weight:700}.ed-piece{background:#fffdf6;border:2px solid #d8c59a;border-radius:12px;margin-bottom:6px;padding:6px 8px}.ed-piece.off{opacity:.65}.ed-piece-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ed-piece-on{cursor:pointer;align-items:center;gap:5px;font-size:13px;display:inline-flex}.ed-price{margin-top:4px}.ed-res-grid.compact{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:2px 8px;display:grid}.ed-rules-reset{margin-top:10px}.ed-menu-missing{display:none}@media (width<=760px){.ed-menu-missing{display:block}}.ed-panel .ed-seg .pf-tab{flex:auto;padding:6px 10px;font-size:13px;line-height:1.2}@media (width<=760px){.ed.sheet-open .ed-zoom{bottom:calc(62% + 8px)}}.ed-groups{background:var(--paper-2);grid-template-columns:1fr 1fr;gap:4px;padding:6px 6px 0;display:grid}.ed-group{font:inherit;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:12px;padding:6px 8px;font-size:13.5px;font-weight:700;position:relative}.ed-group.on{background:var(--accent)}.ed-group .ed-badge{margin-inline-start:4px}.ed-hex-head{border-bottom:2px solid var(--ink);background:var(--paper-2);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.map-preview{background:#1f66a6;width:100%;height:100%;display:block}.map-preview.mp-empty{background:repeating-linear-gradient(45deg,#2a7fc0 0 10px,#1f66a6 10px 20px)}.sp{flex-direction:column;gap:10px;min-width:0;display:flex}.sp-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sp-tab{border:3px solid var(--ink);font:inherit;color:var(--ink);text-align:center;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 6px;font-size:13px;font-weight:700;line-height:1.15;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;box-shadow:0 3px #3b24104d}.sp-tab:active{transform:translateY(2px);box-shadow:0 1px #3b24104d}.sp-tab-icon{font-size:26px;line-height:1.1}.sp-tab-count{top:-8px;border:2px solid var(--ink);background:var(--paper);border-radius:999px;min-width:20px;padding:0 5px;font-size:11px;line-height:16px;position:absolute;inset-inline-end:-6px}.sp-tab.on{transform:translateY(-2px);box-shadow:0 5px #3b241066}.sp-tab.fam-classic.on{background:linear-gradient(#d9f5c0,#9fdc72)}.sp-tab.fam-seas.on{background:linear-gradient(#cdeaff,#7cc4f5)}.sp-tab.fam-ck.on{background:linear-gradient(#e6dcff,#b59bf0)}.sp-tab.fam-traders.on{background:linear-gradient(#ffe9c2,#f6bf6a)}.sp-tab.has-chosen:not(.on):after{content:"";top:6px;background:var(--accent);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;inset-inline-start:6px}.sp-blurb{color:#6e5235;margin:0;font-size:13px}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.sp-card{border:3px solid var(--ink);min-width:0;font:inherit;color:var(--ink);text-align:start;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:4px;padding:6px 6px 8px;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 3px #3b24104d}.sp-card:hover{transform:translateY(-2px);box-shadow:0 5px #3b241059}.sp-card:focus-visible,.sp-tab:focus-visible{outline:4px solid var(--accent);outline-offset:2px}.sp-card.chosen{outline:3px solid var(--accent);outline-offset:1px;background:linear-gradient(#fff3c4,#ffe08a)}.sp-thumb{aspect-ratio:4/3;border:2px solid var(--ink);border-radius:10px;display:block;position:relative;overflow:hidden}.sp-corner{border:2px solid var(--ink);background:#fffaf0;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;line-height:1;display:grid;position:absolute;top:4px}.sp-corner.ck{inset-inline-start:4px}.sp-corner.check{background:var(--green);color:#fff;font-weight:800;inset-inline-end:4px}.sp-card-name{overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.2}.sp-facts{color:#6e5235;flex-wrap:wrap;gap:3px 8px;margin:0;padding:0;font-size:12px;font-weight:600;list-style:none;display:flex}.sp-facts li{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.sp-facts.long{gap:6px;font-size:13px}.sp-facts.long li{background:#fff;border:2px solid #e2cfa2;border-radius:999px;padding:2px 8px}.sp-level{gap:2px;display:inline-flex}.sp-level i{border:1.5px solid var(--ink);background:#fff;border-radius:50%;width:8px;height:8px}.sp-level.l1 i.on{background:var(--green)}.sp-level.l2 i.on{background:var(--accent)}.sp-level.l3 i.on{background:var(--red)}.sp-summary{border:3px solid var(--ink);background:#fff;border-radius:16px;grid-template-columns:minmax(0,44%) minmax(0,1fr);align-items:start;gap:12px;padding:10px;display:grid;box-shadow:0 4px #3b24104d}.sp-summary.fam-classic{background:linear-gradient(135deg,#fff,#eaf8dc)}.sp-summary.fam-seas{background:linear-gradient(135deg,#fff,#e1f2ff)}.sp-summary.fam-ck{background:linear-gradient(135deg,#fff,#efe8ff)}.sp-summary.fam-traders{background:linear-gradient(135deg,#fff,#fff1d9)}.sp-hero{aspect-ratio:4/3;border:3px solid var(--ink);border-radius:12px;overflow:hidden}.sp-info{flex-direction:column;gap:6px;min-width:0;display:flex}.sp-kicker{text-transform:uppercase;letter-spacing:.04em;color:var(--sea-dark);font-size:12px;font-weight:700}.sp-title{margin:0;font-size:20px;line-height:1.2}.sp-plus-ck{color:#5a2a99;font-size:15px}.sp-desc{color:#4b3520;margin:0;font-size:14px}.sp-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sp-tags li{border:2px solid var(--ink);background:#fffaf0;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.sp-room-thumb{border:2px solid var(--ink);border-radius:8px;flex:none;width:52px;height:40px;overflow:hidden}.main-menu .mm-create-bar{z-index:2;background:linear-gradient(#fff8e700,#fff8e7fa 22%);border-radius:0 0 20px 20px;margin:0 -18px -18px;padding:10px 18px 14px;position:sticky;bottom:0}.main-menu .mm-create-bar .mm-submit{flex-direction:column;align-items:center;gap:2px;width:100%;padding:10px 16px;font-size:clamp(19px,5.4vw,24px);line-height:1.15;display:flex}.main-menu .mm-create-bar .mm-submit small{opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:600;display:block;overflow:hidden}.main-menu .mm-options{background:#fff;border:3px solid #e2cfa2;border-radius:14px;padding:4px 12px}.main-menu .mm-options>summary{cursor:pointer;padding:6px 0;font-weight:700}.main-menu .mm-options[open]{padding-bottom:12px}.main-menu .mm-options .field+.field,.main-menu .mm-options .mm-toggle{margin-top:10px}.main-menu.mm-create .mm-wide{max-width:760px}@media (width<=560px){.sp-tabs{scroll-snap-type:x mandatory;scrollbar-width:none;margin:-10px -2px 0;padding:10px 2px 6px;display:flex;overflow-x:auto}.sp-tabs::-webkit-scrollbar{display:none}.sp-tab{scroll-snap-align:start;flex-direction:row;flex:none;gap:6px;padding:6px 12px;font-size:14px}.sp-tab-icon{font-size:20px}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp-card-name{font-size:13px}.sp-facts{gap:2px 6px;font-size:11px}.sp-summary{grid-template-columns:1fr}.sp-summary.compact{grid-template-columns:96px minmax(0,1fr)}.sp-summary.compact .sp-hero{aspect-ratio:1}.sp-title{font-size:18px}}@media (prefers-reduced-motion:reduce){.sp-card,.sp-tab{transition:none}}.lobby-cols>*{min-width:0}.home.main-menu{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;justify-content:flex-start;align-items:center;gap:12px}.main-menu .menu-backdrop:after{content:"";pointer-events:none;background:radial-gradient(#0b284e9e,#0b1e3c6b 75%);position:absolute;inset:0}.main-menu .menu-backdrop .menu-board{filter:saturate(.75)blur(1.5px)}.main-menu .mm-top{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:520px;display:flex}.main-menu .mm-top .pf-chip-text{display:flex}.main-menu .mm-col{flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:520px;display:flex}.main-menu .mm-logo-box{text-align:center;align-self:center;padding:0 8px}.main-menu .mm-logo{overflow-wrap:normal;font-size:clamp(36px,10vw,64px)}.main-menu .title-sub{background:#0b1a2e80;border-radius:999px;margin-top:8px;padding:3px 14px;font-size:15px;display:inline-block}.main-menu h3{margin:0;font-size:17px}.main-menu .mm-card,.main-menu .mm-panel{background:var(--paper);border:4px solid var(--ink);border-radius:22px;box-shadow:0 6px #3b241073}.main-menu .mm-card{align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.main-menu .mm-card-icon{border:3px solid var(--ink);background:#dff1ff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.main-menu .mm-card-main{flex:1;min-width:0;line-height:1.25}.main-menu .mm-card-kicker{color:var(--green);font-size:13px;font-weight:700}.main-menu .mm-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.main-menu .mm-card-sub{color:#8a6d4c;font-size:13px}.main-menu .mm-go{flex:none;min-height:48px;font-size:17px}.main-menu .mm-go.green{background:linear-gradient(#8fe0a2,#43b866)}.main-menu .mm-forget{top:-10px;border:2px solid var(--ink);cursor:pointer;width:26px;height:26px;color:var(--ink);background:#fff;border-radius:50%;font-size:11px;position:absolute;inset-inline-end:-8px}.main-menu .mm-older{color:#fff;text-shadow:0 1px 2px #0009;flex-wrap:wrap;align-items:center;gap:6px;margin-top:-6px;font-size:13px;display:flex}.main-menu .mm-older-item{background:var(--paper);border:2px solid var(--ink);text-shadow:none;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.main-menu .mm-older-btn,.main-menu .mm-older-x{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-weight:700}.main-menu .mm-older-x{opacity:.6;padding-inline-start:2px;font-size:11px}.main-menu .mm-btn{border:4px solid var(--ink);width:100%;font:inherit;color:var(--ink);text-align:start;cursor:pointer;border-radius:22px;align-items:center;gap:14px;padding:12px;padding-inline-end:16px;font-size:24px;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex;box-shadow:0 6px #3b241073}.main-menu .mm-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 8px #3b241073}.main-menu .mm-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #3b241073}.main-menu .mm-btn:disabled{opacity:.6;cursor:wait}.main-menu .mm-btn:focus-visible{outline-offset:2px;outline:4px solid #fff}.main-menu .mm-btn.quick{background:linear-gradient(#ffe07a,#ffb703)}.main-menu .mm-btn.create{background:linear-gradient(#b4f0bd,#5cc878)}.main-menu .mm-btn-icon{border:3px solid var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:28px;display:grid;box-shadow:inset 0 -3px #3b241026}.main-menu .mm-btn-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.main-menu .mm-btn-sub{opacity:.85;margin-top:2px;font-size:14px;font-weight:500}.main-menu .mm-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.main-menu .mm-tile{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:104px;padding:12px 8px;font-size:20px}.main-menu .mm-tile-plus{color:#6b3fb0;font-size:34px;line-height:1}.main-menu .mm-code-tile{border:4px solid var(--ink);background:linear-gradient(#d8efff,#8ccdf7);border-radius:22px;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:10px;display:flex;box-shadow:0 6px #3b241073}.main-menu .mm-code-label{text-align:center;font-weight:700}.main-menu .mm-code-row{gap:6px;min-width:0;display:flex}.main-menu .mm-code-row .code-input{letter-spacing:3px;text-align:center;border:3px solid var(--ink);text-transform:uppercase;background:#fff;border-radius:12px;flex:1;width:100%;min-width:0;padding:8px 6px;font-size:18px;font-weight:700}.main-menu .mm-code-go{border:3px solid var(--ink);cursor:pointer;width:46px;min-height:44px;color:var(--ink);background:#fff;border-radius:12px;flex:none;font-size:22px;font-weight:700}.main-menu .mm-code-go:not(:disabled){background:var(--accent)}.main-menu .mm-code-go:disabled{opacity:.5;cursor:default}.main-menu .mm-open{background:#fff8e7f5;flex-direction:column;align-items:stretch;gap:10px}.main-menu .mm-open-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.main-menu .mm-auto{color:#8a6d4c;align-items:center;gap:5px;font-size:12px;display:inline-flex}.main-menu .mm-live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite mm-blink}@keyframes mm-blink{50%{opacity:.3}}.main-menu .mm-search{width:100%;max-width:none;padding:8px 12px;font-size:15px}.main-menu .mm-rooms{flex-direction:column;gap:8px;max-height:min(48vh,440px);padding:2px;display:flex;overflow:auto}.main-menu .mm-room{border-width:3px;flex-shrink:0;padding:8px 10px;box-shadow:0 3px #3b241040}.main-menu .mm-room.is-full{opacity:.6}.main-menu .mm-room-icon{flex:none;font-size:22px}.main-menu .room-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-menu .room-count{white-space:nowrap;flex:none}.main-menu .mm-room .btn{flex:none;min-height:40px}.main-menu .mm-empty{text-align:center;color:#7a5c3a;border:3px dashed #d8c59a;border-radius:14px;padding:14px;font-weight:600}.mm-namefix{flex-direction:column;gap:12px;display:flex}.mm-namefix-why{border:2px solid var(--red);background:#ffe9e6;border-radius:12px;margin:0;padding:8px 12px}.main-menu .welcome{max-width:440px;margin:auto 0}.main-menu .welcome-card{flex-direction:column;gap:12px;padding:18px;display:flex}.main-menu .welcome-name{font-size:17px}.main-menu .welcome-name input{padding:10px 14px;font-size:20px}.main-menu .welcome-label{font-weight:600}.main-menu .welcome-avatars{grid-template-columns:repeat(6,1fr);gap:8px;padding:3px;display:grid}.main-menu .welcome-av{aspect-ratio:1;cursor:pointer;background:#f4e6c2;border:2px solid #0000;border-radius:50%;min-height:44px;padding:0;font-size:24px}.main-menu .welcome-av.more{color:#8a6d4c;font-size:14px;font-weight:800}.main-menu .welcome-av.on{border:3px solid var(--ink);background:#ffe07a;box-shadow:0 3px #3b241066}.main-menu .welcome-play{justify-content:center;gap:10px;width:100%}.main-menu .welcome-note{text-align:center;color:#7a5c3a;margin:0;font-size:13px}.main-menu .welcome-signin{color:#fff;font:inherit;cursor:pointer;text-shadow:0 1px 3px #000000b3;background:0 0;border:none;align-self:center;padding:10px;font-weight:700;text-decoration:underline}.lang-picker.compact{border-radius:999px;gap:5px;min-height:40px;padding:0 12px;position:relative}.lang-picker.compact .lang-code{font-size:14px;font-weight:700}.lang-picker.compact select{opacity:0;cursor:pointer;width:100%;max-width:none;height:100%;font-size:16px;position:absolute;inset:0}.sh-backdrop{z-index:60;background:#0a1e3c80;justify-content:center;align-items:center;padding:16px;animation:.15s fadein;display:flex;position:fixed;inset:0}.sh{background:var(--paper);border:4px solid var(--ink);border-radius:24px;flex-direction:column;width:100%;max-width:520px;max-height:calc(100dvh - 32px);animation:.22s cubic-bezier(.3,1.6,.5,1) popin;display:flex;box-shadow:0 8px #3b241073}.sh.wide{max-width:920px}.sh-grip{display:none}.sh-head{justify-content:space-between;align-items:center;gap:10px;padding:14px 18px 6px;display:flex}.sh-title{margin:0;font-size:21px}.sh-body{-webkit-overflow-scrolling:touch;padding:6px 18px 18px;overflow:auto}.sh-foot{padding:12px 18px max(16px, env(safe-area-inset-bottom));border-top:2px solid #ecdcb5}@media (width<=700px){.sh-backdrop{align-items:flex-end;padding:0}.sh,.sh.wide{border-bottom:none;border-radius:24px 24px 0 0;max-width:none;max-height:92dvh;animation:.25s cubic-bezier(.2,.9,.3,1) sh-up;box-shadow:0 -6px 30px #0000004d}.sh-grip{background:#d8c59a;border-radius:3px;width:44px;height:5px;margin:8px auto 0;display:block}.sh-body{padding-bottom:max(18px, env(safe-area-inset-bottom))}}@keyframes sh-up{0%{transform:translateY(100%)}}@media (width<=600px){.main-menu .mm-btn{font-size:21px}.main-menu .mm-btn-icon{width:48px;height:48px;font-size:24px}.main-menu .mm-tile{font-size:18px}.main-menu .mm-card-icon{width:44px;height:44px;font-size:22px}.main-menu .mm-room{gap:8px}}@media (width<=380px){.main-menu .welcome-avatars{grid-template-columns:repeat(5,1fr)}.main-menu .mm-code-row .code-input{letter-spacing:1px;font-size:16px}}.main-menu.mm-welcome .mm-top .pf-chip{visibility:hidden}.main-menu .mm-btn.join{background:linear-gradient(#ffd3a8,#ff9f5a)}.main-menu .mm-join-head{color:#fff;align-items:center;gap:10px;display:flex}.main-menu .mm-join-head h2{text-shadow:0 2px #00000059;margin:0;font-size:26px}.main-menu .mm-join-search .mm-search{width:100%;font-size:17px}.main-menu .mm-join-code{width:100%;margin-top:8px}.main-menu .mm-join-create{width:100%;margin-top:10px}.lobby.lb{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.lb-page{width:100%;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.lb-page>*{max-width:980px;margin-inline:auto}.lb-head{color:#fff;align-items:center;gap:12px;margin-bottom:14px;display:flex}.lb-back{border:3px solid var(--ink);background:var(--paper);width:46px;height:46px;color:var(--ink);cursor:pointer;border-radius:14px;flex:none;font-size:24px;font-weight:700;box-shadow:0 3px #3b241066}.lb-titles{text-shadow:0 2px #00000059;flex:1;min-width:0}.lb-kicker{opacity:.9;font-size:13px;font-weight:600}.lb-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;line-height:1.15;overflow:hidden}.lb-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.lb-col{flex-direction:column;gap:16px;min-width:0;display:flex}.lb-card{background:var(--paper);border:4px solid var(--ink);border-radius:22px;padding:14px 16px;box-shadow:0 6px #3b241073}.lb-label{color:#8a6d4c;font-size:13px;font-weight:600}.lb-note{text-align:center;color:#7a5c3a;margin:8px 0 0;font-size:13px}.lb-h{color:#fff;text-shadow:0 2px #00000059;margin:0 0 10px;font-size:17px}.lb-players .lb-note{color:#fff;opacity:.9;text-shadow:0 1px 2px #00000080}.lb-code-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.lb-code{letter-spacing:6px;color:var(--ink);font-size:38px;font-weight:800;line-height:1.1}.lb-copy{min-height:44px}.lb-share{border-width:4px;border-radius:16px;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:12px;font-size:21px}.lb-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.lb-tile{background:var(--paper);border:3px solid var(--ink);text-align:center;min-width:0;font:inherit;color:var(--ink);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;display:flex;position:relative;box-shadow:0 4px #3b241066}.lb-tile.me{border-color:var(--ink);box-shadow:0 4px 0 #3b241066, 0 0 0 3px var(--accent);background:#fff3cf}.lb-tile.offline .lb-av{filter:grayscale(.8);opacity:.75}.lb-tile-btn{width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.lb-av{border:3px solid var(--ink);color:#fff;text-shadow:0 1px #00000059;border-radius:50%;place-items:center;width:58px;height:58px;font-size:30px;font-weight:700;line-height:1;display:grid;position:relative}.lb-av.ghost{color:var(--ink);text-shadow:none;background:#fff;font-size:28px}.lb-crown{top:-14px;text-shadow:none;font-size:18px;position:absolute;inset-inline-start:-6px;rotate:-18deg}.lb-emblem{bottom:-6px;display:flex;position:absolute;inset-inline-end:-8px}.lb-dot{top:0;border:2px solid var(--ink);border-radius:50%;width:13px;height:13px;position:absolute;inset-inline-end:-2px}.lb-dot.on{background:var(--green)}.lb-dot.off{background:#b3a58a}.lb-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:15px;font-weight:700;overflow:hidden}.lb-sub{color:#7a5c3a;font-size:12px}.lb-sub.off{color:var(--red)}.lb-color-hint{font-size:11px}.lb-tile .bot-level{max-width:100%;min-height:30px;padding:2px 4px;font-size:12px}.lb-kick{top:-8px;border:2px solid var(--ink);cursor:pointer;width:28px;height:28px;color:var(--ink);background:#fff;border-radius:50%;font-size:12px;position:absolute;inset-inline-end:-8px}.lb-kick:hover{background:#ffd6cf}.lb-tile.empty{box-shadow:none;cursor:pointer;background:#ffffff8c;border-style:dashed}.lb-tile.empty:hover{background:#fffc}.lb-bots{border:3px solid var(--ink);background:#fff8e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.lb-bots-hint{flex:160px;font-size:13px}.lb-bots-row{align-items:center;gap:6px;display:inline-flex}.lb-bots-row .bot-level{min-height:40px}.lb-addbot{white-space:nowrap;min-height:40px}.lb-sc-head{align-items:center;gap:12px;display:flex}.lb-sc-thumb{border:3px solid var(--ink);background:#1f66a6;border-radius:16px;flex:none;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.lb-sc-thumb svg{width:100%;height:100%}.lb-sc-info{flex:1;min-width:0}.lb-sc-name{font-size:21px;font-weight:700;line-height:1.15}.lb-sc-meta{color:#7a5c3a;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px;font-size:13px;display:flex}.lb-tag{border:2px solid var(--ink);color:var(--ink);background:#ffe7a0;border-radius:999px;padding:0 7px;font-size:12px;font-weight:700}.lb-change{flex:none;min-height:44px}.lb-set-row{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:start;background:0 0;border:none;border-top:2px dashed #d8c59a;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:12px;padding:12px 2px 2px;display:flex}.lb-set-sum{font-weight:600}.lb-set-more{color:var(--sea-dark);flex:none;font-size:14px;font-weight:700}.lb-settings{flex-direction:column;gap:10px;margin-top:10px;display:flex}.lb-desc{margin:0;font-size:14px}.lb-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lb-tags li{background:#fff;border:2px solid #e2cfa4;border-radius:999px;padding:2px 8px;font-size:12px}.lb-set-line{justify-content:space-between;align-items:center;gap:10px;font-weight:600;display:flex}.lb-stepper{border:3px solid var(--ink);background:#fff;border-radius:14px;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.lb-stepper button{width:44px;height:40px;font:inherit;cursor:pointer;color:var(--ink);background:#ffe7a0;border:none;font-size:22px;font-weight:700}.lb-stepper button:disabled{color:#b9a47a;cursor:default;background:#f1e7cf}.lb-stepper b{text-align:center;min-width:34px;font-size:18px}.lb-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;min-height:40px;font-weight:600;display:flex}.lb-toggle.disabled{cursor:default}.lb-toggle input{opacity:0;width:1px;height:1px;position:absolute}.lb-toggle-text{flex-direction:column;display:flex}.lb-toggle-hint{color:#7a5c3a;font-size:12px;font-weight:500}.lb-switch{border:3px solid var(--ink);background:#e2d3ad;border-radius:14px;flex:none;width:50px;height:28px;transition:background .15s;position:relative}.lb-switch:after{content:"";top:2px;border:2px solid var(--ink);background:#fff;border-radius:50%;width:18px;height:18px;transition:inset-inline-start .15s;position:absolute;inset-inline-start:2px}.lb-toggle.on .lb-switch{background:var(--green)}.lb-toggle.on .lb-switch:after{inset-inline-start:24px}.lb-toggle.disabled .lb-switch{opacity:.6}.lb-toggle input:focus-visible+.lb-switch{outline:3px solid var(--accent);outline-offset:2px}.lb-bar{padding:12px max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--paper);border-top:4px solid var(--ink);flex-direction:column;flex:none;align-items:center;gap:6px;display:flex;box-shadow:0 -6px 20px #0000002e}.lb-start{justify-content:center;width:100%;max-width:520px}.lb-reason{text-align:center;color:#7a5c3a;max-width:520px;margin:0;font-size:13px}.lb-reason.warn{color:#b33a2c;font-weight:600}.lb-colors{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.lb-color{min-height:52px;font:inherit;color:var(--ink);cursor:pointer;text-align:start;background:#fff;border:3px solid #e2cfa4;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;font-weight:600;display:flex}.lb-color.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent)}.lb-color:disabled{opacity:.4;cursor:not-allowed}.lb-color-dot{border:3px solid var(--ink);border-radius:50%;flex:none;width:30px;height:30px}.lb-solo-actions{flex-direction:column;gap:8px;display:flex}.lb-solo-actions .btn{justify-content:center}@media (width<=760px){.lb-cols{grid-template-columns:minmax(0,1fr)}.lb-title{font-size:21px}.lb-code{letter-spacing:4px;font-size:32px}.lb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lb-av{width:50px;height:50px;font-size:26px}.lb-name{font-size:13px}}@media (width<=360px){.lb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.lb-botlevel{border:2px solid var(--ink);font:inherit;color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#e8f3ff;border-radius:999px;max-width:100%;min-height:30px;padding:2px 8px;font-size:12px;font-weight:600;overflow:hidden}.lb-bar .waiting{text-align:center;white-space:normal;max-width:520px;margin:4px auto;font-size:16px}.lb-name{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box}.lobby.lb .lb-bar .waiting{white-space:normal;text-overflow:clip;text-align:center;overflow:visible}.lb-tile.empty .lb-name{overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}@media (width<=760px){.lb-tile.empty .lb-name{font-size:12px}.lb-botlevel{padding:2px 5px;font-size:11px}}.lb-fields{flex-direction:column;gap:8px;margin-top:4px;display:flex}.lb-fields .join-row input{flex:1;min-width:0}.lb-tile .lb-name{overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:auto;hyphens:auto}.lb-tile.empty .lb-name{text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}@media (width<=480px){.lb-botlevel-icon{display:none}.lb-botlevel{padding:2px 6px}.lb-tile.empty .lb-name{font-size:12px}}:root{--ink:#3b2410;--paper:#fff8e7;--paper-2:#f7e9c6;--wood:#b07a43;--wood-dark:#7a5326;--sea:#2f8fd6;--sea-dark:#1d5f99;--accent:#ffb703;--green:#2fb35a;--red:#e84a3c;--shadow:0 4px 0 #3b241059;--radius:16px;color:var(--ink);font-family:Fredoka,Nunito,"Baloo 2",Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(at top,#6fcaf5 0%,#2f8fd6 55%,#1d5f99 100%) fixed;overflow:hidden}button{color:inherit;font-family:inherit}input{color:var(--ink);font-family:inherit;font-size:16px}.muted{color:#8a6d4c}.small{font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border:3px solid var(--ink);cursor:pointer;box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:6px;padding:7px 12px;font-size:15px;font-weight:600;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #3b241059}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #3b241059}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(#ffd24d,#ffb703)}.btn.end{color:#fff;text-shadow:0 1px #00000059;background:linear-gradient(#7ee08f,#2fb35a)}.btn.big{padding:11px 20px;font-size:18px}.btn.small{border-width:2px;padding:4px 9px;font-size:13px;box-shadow:0 2px #3b241059}.btn.build.on{background:linear-gradient(#9fd8ff,#4fb3f0)}.btn .cost{letter-spacing:-2px;font-size:13px}.mini{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:8px;width:26px;height:22px;font-weight:700;line-height:1}.mini:disabled{opacity:.3;cursor:default}.pulse-btn{animation:1.1s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tabs{gap:6px;margin-bottom:10px;display:flex}.tab{border:2px solid var(--ink);background:var(--paper-2);cursor:pointer;border-radius:10px;padding:5px 12px;font-weight:600}.tab.active{background:var(--accent)}.tab:disabled{opacity:.4}.home{justify-content:center;align-items:center;height:100%;min-height:100%;padding:16px;display:flex;overflow:auto}.home-card,.lobby-card{background:var(--paper);border:4px solid var(--ink);border-radius:24px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:24px;display:flex;box-shadow:0 8px #3b241066}.lobby-card{max-width:900px;max-height:calc(100vh - 32px);overflow:auto}.home-logo{text-align:center}.home-logo h1{color:#e07a1f;text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink);margin:4px 0;font-size:40px}.big-emoji{font-size:64px;animation:2s ease-in-out infinite bob;display:inline-block}.field{flex-direction:column;gap:4px;font-weight:600;display:flex}.field input{border:3px solid var(--ink);background:#fff;border-radius:12px;padding:9px 12px}.field.inline{flex-direction:row;align-items:center;gap:8px}.field.inline input[type=number]{width:70px;padding:5px 8px}.field.check input{width:20px;height:20px}.or{text-align:center;color:#8a6d4c}.join-row{gap:8px;display:flex}.code-input::placeholder{letter-spacing:normal;text-transform:none;font-size:16px;font-weight:500}.code-input{border:3px solid var(--ink);text-transform:uppercase;letter-spacing:6px;text-align:center;border-radius:12px;flex:1;min-width:0;padding:9px 12px;font-size:22px;font-weight:700}.lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lobby-head h2{margin:0;font-size:28px}.lobby-cols{grid-template-columns:1fr 1.6fr;gap:20px;display:grid}.lobby-cols h3{margin:6px 0 8px}.seat-list{flex-direction:column;gap:6px;display:flex}.seat{border:3px solid var(--ink);border-left:10px solid var(--pc);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;font-weight:600;display:flex}.seat-name{flex:1}.offline{color:var(--red);font-size:12px}.kick-btn{border:2px solid var(--ink);cursor:pointer;width:24px;height:24px;color:var(--red);background:#fff;border-radius:50%;padding:0;font-size:12px;font-weight:800;line-height:18px}.kick-btn:hover{background:#ffe1dc}.color-row{flex-wrap:wrap;gap:8px;display:flex}.color-dot{border:3px solid var(--ink);cursor:pointer;width:34px;height:34px;box-shadow:var(--shadow);border-radius:50%}.color-dot.chosen{outline:4px solid var(--accent);outline-offset:2px}.scenario-list{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.scenario{text-align:left;border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:14px;padding:8px 10px;box-shadow:0 3px #3b24104d}.scenario:disabled{cursor:default}.scenario.chosen{outline:3px solid var(--accent);background:linear-gradient(#fff3c4,#ffe08a)}.sc-name{font-weight:700}.sc-desc{color:#6e5235;margin:2px 0;font-size:12px}.sc-players{color:var(--sea-dark);font-size:12px;font-weight:600}.lobby-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.home-page,.lobby-page{background:var(--paper);border:4px solid var(--ink);border-radius:24px;flex-direction:column;gap:14px;width:100%;margin:auto;padding:22px 24px;display:flex;box-shadow:0 8px #3b241066}.home-page{max-width:560px}.home-page h3,.lobby-page h3{margin:0 0 6px}.name-field input{font-size:18px}.invite-card{border:3px solid var(--ink);background:linear-gradient(#fff3c4,#ffe08a);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex}.code-badge{border:2px solid var(--ink);letter-spacing:2px;background:#fff;border-radius:8px;padding:0 6px;font-weight:800;display:inline-block}.home-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.action-tile{white-space:normal;text-align:center;flex-direction:column;justify-content:center;padding:12px 8px}.action-tile.on{background:linear-gradient(#9fd8ff,#4fb3f0)}.tile-icon{font-size:30px;line-height:1.1}.tile-sub{opacity:.8;font-size:12px;font-weight:500}.create-box{border:3px dashed var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.browser{flex-direction:column;gap:6px;display:flex}.browser-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.search,.link-row input,.pw-input{border:3px solid var(--ink);background:#fff;border-radius:12px;min-width:0;padding:7px 10px}.search{flex:1;max-width:260px}.room-list{flex-direction:column;gap:6px;max-height:260px;padding:2px;display:flex;overflow:auto}.room-list .empty{border:2px dashed #d8c59a;border-radius:12px;padding:14px}.room-row{border:2px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.room-main{flex:1;min-width:0}.room-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.room-count{font-weight:700}.room-count.full{color:var(--red)}.recent{flex-direction:column;gap:6px;display:flex}.recent-row{align-items:center;gap:8px;display:flex}.recent-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pw-form{flex-direction:column;gap:8px;display:flex}.error-text{color:var(--red);font-weight:700}.modal-actions.gap{gap:8px}.lobby{height:100%;min-height:100%;padding:16px;display:flex;overflow:auto}.lobby-page{max-width:1000px;padding-bottom:0}.invite{border:3px solid var(--ink);background:#fff;border-radius:16px;flex-wrap:wrap;align-items:stretch;gap:16px;padding:10px 14px;display:flex}.invite-code{text-align:center}.code-big{letter-spacing:8px;color:#e07a1f;-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 2px 0 var(--ink);font-size:40px;font-weight:800}.invite-link{flex-direction:column;flex:1;gap:6px;min-width:240px;display:flex}.link-row{gap:8px;display:flex}.link-row input{flex:1;font-size:14px}.small-check{font-size:13px;font-weight:500}.online{color:var(--green);font-size:12px;font-weight:600}.seat.empty{background:0 0;border-style:dashed;border-left-width:3px;border-left-color:#b9a47a;font-weight:500}.pc-avatar.ghost{color:#8a6d4c;text-shadow:none;box-shadow:none;background:#e9dcbc}.color-dot:disabled{opacity:.25;cursor:not-allowed}.lobby-page .lobby-actions{z-index:2;background:linear-gradient(#fff8e700, var(--paper) 18%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:16px 0 18px;display:flex;position:sticky;bottom:0}.btn.huge{border-width:4px;border-radius:16px;padding:14px 34px;font-size:24px}.waiting{align-items:center;gap:10px;margin:0 auto;font-size:18px;font-weight:700;display:flex}.spinner{border:3px solid var(--ink);vertical-align:-3px;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.home-page,.lobby-page{padding:14px}.lobby{padding:6px}.lobby-cols{grid-template-columns:1fr!important}.lobby-page .lobby-actions .btn.huge{justify-content:center;width:100%}}.game{grid-template:"top top""players board"minmax(0,1fr)"hand hand"/250px minmax(0,1fr);gap:8px;height:100dvh;padding:8px;display:grid}.topbar{flex-wrap:wrap;grid-area:top;justify-content:space-between;align-items:center;gap:10px;display:flex}.logo{color:#fff;text-shadow:2px 2px 0 var(--ink);-webkit-text-stroke:1px var(--ink);font-size:24px;font-weight:700}.topinfo{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:13px}.chip-btn{background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:999px;padding:3px 12px;font-size:14px;font-weight:600;position:relative;box-shadow:0 2px #3b241059}.chip-btn.on{background:var(--accent)}.unread{background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;display:flex;position:absolute;top:-8px;right:-8px}.pc-avatar{background:radial-gradient(circle at 35% 30%, #fff8 0 18%, transparent 19%), var(--pc);border:3px solid var(--ink);color:#fff;width:34px;height:34px;text-shadow:0 1px 0 var(--ink), 0 -1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 2px #3b241059}.trade-card:disabled{opacity:1;box-shadow:none;background:linear-gradient(160deg,#f4f1ea,#d9d4c8);border-color:#9c9182}.trade-card:disabled .res-emoji{filter:grayscale();opacity:.45}.board-wrap{flex-direction:column;grid-area:board;min-height:0;display:flex;position:relative}.board-stage{border:3px solid var(--ink);box-shadow:inset 0 0 40px #00000059, var(--shadow);background:#1f66a6;border-radius:18px;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.board{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;flex:1;width:100%;height:100%;min-height:0}.board:active{cursor:grabbing}.token-move{transition:transform .9s cubic-bezier(.5,-.4,.4,1.4)}.zoom-ctl{z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.zoom-btn{border:3px solid var(--ink);background:var(--paper);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow);border-radius:12px;font-size:20px;font-weight:800;line-height:1}.zoom-btn:disabled{opacity:.4;cursor:default}.status-area{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:min(640px,100% - 110px);display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}.status{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);text-align:center;border-radius:999px;align-items:center;gap:8px;padding:6px 18px;font-size:16px;font-weight:700;display:inline-flex}.status.mine{background:linear-gradient(#fff3c4,#ffd24d);animation:1.6s ease-in-out infinite bob}.ticker{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex}.ticker-item{text-overflow:ellipsis;white-space:nowrap;background:#fff8e7c7;border-inline-start:5px solid #d8c59a;border-radius:8px;max-width:100%;padding:1px 10px;font-size:12.5px;animation:4.5s ease-in forwards ticker-life;overflow:hidden}@keyframes ticker-life{0%{opacity:0;transform:translateY(-4px)}6%,80%{opacity:.9;transform:none}to{opacity:0;visibility:hidden}}.dice-box{border:3px solid var(--ink);box-shadow:var(--shadow);z-index:3;background:#fff8e7f2;border-radius:16px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:8px;right:56px}.dice-box.seven{background:linear-gradient(#ffd6cf,#ff9c8f)}.dice-roll{gap:4px;animation:.7s ease-out roll;display:flex}@keyframes roll{0%{transform:translate(var(--roll-from,-120px), 60px) rotate(-320deg) scale(.5);opacity:0}70%{transform:rotate(15deg)scale(1.2)}to{opacity:1;transform:rotate(0)scale(1)}}.dice-sum{text-align:center;min-width:36px;font-size:28px;font-weight:800}.route-toggle{z-index:3;gap:6px;display:flex;position:absolute;bottom:8px;left:8px}.target{cursor:pointer}.dim-layer{fill:#0b1a2e;opacity:.3;pointer-events:none;animation:.2s fadein}.hex-target{fill:#ffffff14;stroke:none}.hex-target-g:hover .hex-target{fill:#ffe14d61}.vertex-vis,.edge-vis{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 5px #fff0aae6);animation:1.1s ease-in-out infinite ghost}.vertex-target:hover .vertex-vis,.edge-target:hover .edge-vis{filter:drop-shadow(0 0 7px #ffe14d);animation:none;transform:scale(1.25)}.hex-hot{fill:#fff09652;stroke:#ffe14d;stroke-width:7px;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 6px #ffe14d)drop-shadow(0 0 12px #ffc828cc);animation:.9s ease-in-out 4 forwards hot-glow}@keyframes hot-glow{0%,to{opacity:.45}50%{opacity:1}}.hot-ring{filter:drop-shadow(0 0 4px #ffe14d)}@keyframes ghost{0%,to{transform:scale(.92)}50%{transform:scale(1.08)}}@keyframes fadein{0%{opacity:0}}@keyframes dash{to{stroke-dashoffset:-20px}}.pulse{animation:1.2s ease-in-out infinite glow}@keyframes glow{0%,to{opacity:.35}50%{opacity:.95}}.selected-piece{filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 6px #ffe14d)}.drawer{z-index:6;width:min(340px,100% - 70px);display:flex;position:absolute;top:60px;bottom:8px;right:54px}.drawer .panel{flex:1}.panel{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-title{background:var(--paper-2);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding:6px 10px;font-weight:700;display:flex}.log-list,.chat-list{flex:1;padding:6px 8px;font-size:13px;overflow-y:auto}.log-item{border-inline-start:4px solid #d8c59a;margin:3px 0;padding:1px 6px}.chat-item{word-wrap:break-word;margin:3px 0}.chat-name{-webkit-text-stroke:.3px var(--ink)}.chat-form{border-top:2px solid var(--ink);gap:4px;padding:6px;display:flex}.chat-form input{border:2px solid var(--ink);border-radius:10px;flex:1;min-width:0;padding:4px 8px;font-size:14px}@keyframes bump{40%{transform:translateY(-14px)scale(1.12)}}.build-btn{border:3px solid var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:12px;grid-template-columns:auto auto;grid-template-areas:"icon label""icon cost";align-items:center;column-gap:6px;padding:4px 9px 4px 6px;transition:transform 80ms;display:grid;box-shadow:0 3px #3b241059}.build-btn:hover:not(.off){transform:translateY(-2px)}.build-btn.on{background:linear-gradient(#9fd8ff,#4fb3f0)}.build-btn.off{opacity:.5;cursor:help;box-shadow:none}.build-icon{grid-area:icon;font-size:24px}.build-label{grid-area:label;font-size:13px;font-weight:700;line-height:1.1}.build-btn .cost{letter-spacing:-2px;grid-area:cost;font-size:12px}.dev-card{border:3px solid var(--ink);cursor:pointer;background:linear-gradient(#efe3ff,#b79cf0);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:70px;height:96px;padding:2px;transition:transform .1s;display:flex;position:relative;box-shadow:0 5px #3b241066}.dev-card:hover:not(.off){transform:translateY(-6px)rotate(-2deg)}.dev-card.off{cursor:help;filter:saturate(.4);opacity:.7}.dev-icon{font-size:30px}.dev-name{text-align:center;font-size:10px;font-weight:700;line-height:1.05}.hint-bubble{background:var(--ink);color:#fff;z-index:20;text-align:center;cursor:pointer;border-radius:12px;max-width:90vw;padding:7px 14px;font-size:14px;font-weight:600;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.res-card{border:3px solid var(--ink);background:linear-gradient(160deg, #fff 0%, var(--rc) 70%);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:76px;display:flex;position:relative;box-shadow:0 3px #3b241059}.res-card.small{border-width:2px;border-radius:7px;width:34px;height:44px}.res-card.small .res-emoji{font-size:17px}.res-card.small .res-count{min-width:18px;height:18px;font-size:11px;top:-7px;right:-7px}.res-card.clickable{cursor:pointer;transition:transform .1s}.res-card.clickable:hover{transform:translateY(-4px)}.res-card.dim{opacity:.45}.res-emoji{filter:drop-shadow(0 1px #0000004d);font-size:28px}.res-label{background:#ffffffd9;border-radius:5px;padding:0 3px;font-size:9.5px;font-weight:700}.res-count{border:2px solid var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 4px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-9px;right:-9px}.res-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.res-line{vertical-align:middle;flex-wrap:wrap;gap:4px;display:inline-flex}.res-chip{background:var(--rc);border:1.5px solid var(--ink);border-radius:8px;padding:0 6px;font-size:15px;font-weight:700}.res-selector{justify-content:center;gap:10px;display:flex}.res-sel-col{flex-direction:column;align-items:center;gap:4px;display:flex}.res-sel-max{color:#8a6d4c;font-size:11px}.ratio{font-size:13px;font-weight:800}.trade-dock{z-index:7;background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);flex-direction:column;gap:6px;width:min(430px,100% - 70px);max-height:calc(100% - 70px);padding:10px 12px 12px;display:flex;position:absolute;bottom:8px;right:54px;overflow:auto;box-shadow:0 6px #3b241066}.dock-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dock-head .tabs{flex-wrap:wrap;margin:0}.trade-label{margin-top:4px;font-size:13px;font-weight:700}.trade-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.trade-cell{border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:3px 0;display:flex}.trade-cell.picked{background:#ffe9a8}.trade-card{aspect-ratio:3/4;border:3px solid var(--ink);background:linear-gradient(160deg, #fff 0%, var(--rc) 70%);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:64px;padding:0;transition:transform 80ms;display:flex;position:relative;box-shadow:0 3px #3b241059}.trade-card:hover:not(:disabled){transform:translateY(-3px)}.trade-card:disabled{opacity:.35;cursor:not-allowed}.trade-cell-foot{align-items:center;gap:4px;display:flex}.dock-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.trade-dock .dock-actions{z-index:1;background:var(--paper);margin:6px -12px -12px;padding:8px 12px 12px;position:sticky;bottom:-12px}.offer-box{border-top:2px dashed #d8c59a;flex-direction:column;align-items:flex-start;gap:6px;margin-top:6px;padding-top:8px;display:flex}.trade-title{font-weight:700}.trade-responses{flex-direction:column;gap:4px;width:100%;display:flex}.trade-resp{align-items:center;gap:6px;display:flex}.resp-name{flex:1}.resp-no{color:var(--red);font-weight:600}.trade-pill{z-index:6;border:3px solid var(--ink);cursor:pointer;box-shadow:var(--shadow);background:linear-gradient(#fff3c4,#ffd24d);border-radius:999px;padding:7px 14px;font-weight:700;position:absolute;bottom:8px;right:54px}.incoming-offer{z-index:7;background:var(--paper);border:3px solid var(--ink);border-top:8px solid var(--pc);border-radius:var(--radius);flex-direction:column;align-items:center;gap:8px;min-width:300px;padding:10px 16px 12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 6px #3b241066}.offer-sides{align-items:center;gap:14px;display:flex}.offer-arrow{font-size:22px;font-weight:800}.center{text-align:center;justify-content:center}.dot{border:2px solid var(--ink);border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.modal-backdrop{z-index:50;background:#0a1e3c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border:4px solid var(--ink);border-radius:22px;width:100%;max-width:560px;max-height:calc(100vh - 32px);padding:16px 20px 20px;overflow:auto;box-shadow:0 8px #3b241073}.modal-title{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:22px;font-weight:700;display:flex}.close-btn{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-weight:700}.close-btn.small{width:26px;height:26px;font-size:12px}.hint{margin:8px 0}.modal-actions{justify-content:flex-end;margin-top:14px;display:flex}.steal-list{flex-direction:column;gap:8px;display:flex}.player-btn{border-left:12px solid var(--pc);justify-content:space-between}.pop-in{animation:.25s cubic-bezier(.3,1.6,.5,1) popin}@keyframes popin{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}.gameover{text-align:center}.gameover h2{margin:4px 0}.trophy{font-size:64px;line-height:1.1;animation:1.5s ease-in-out infinite bob}.final-list{flex-direction:column;gap:6px;margin:12px 0 18px;display:flex}.final-row{border:2px solid var(--ink);border-left:10px solid var(--pc);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:5px 10px;display:flex}.final-row.winner{background:linear-gradient(#fff8d6,#ffe08a);border-width:3px 3px 3px 12px}.final-name{flex:1;font-weight:700}.final-parts{flex-wrap:wrap;gap:8px;font-weight:400;display:flex}.final-row b{font-size:18px}.fx-layer{pointer-events:none;z-index:40;position:fixed;inset:0}.fx-flight{filter:drop-shadow(0 3px 2px #00000073);opacity:0;font-size:30px;animation:.95s cubic-bezier(.45,0,.3,1) forwards fly;position:fixed;translate:-50% -50%}@keyframes fly{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:1;transform:translateY(-26px)scale(1.35)}85%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.6)}}.fx-banner{flex-direction:column;align-items:center;animation:1.7s ease-in-out forwards banner;display:flex;position:fixed;top:42%;left:50%;translate:-50% -50%}.fx-banner-robber{filter:drop-shadow(0 6px #00000059);font-size:110px;animation:.35s ease-in-out 3 shake}.fx-banner-text{color:#ff5a4a;-webkit-text-stroke:4px var(--ink);text-shadow:0 6px 0 var(--ink);font-size:90px;font-weight:800;line-height:.9}.fx-banner-sub{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:999px;margin-top:10px;padding:4px 18px;font-size:22px;font-weight:700}@keyframes banner{0%{opacity:0;scale:.3}15%{opacity:1;scale:1.1}25%,80%{opacity:1;scale:1}to{opacity:0;scale:.9}}@keyframes shake{25%{rotate:-12deg}75%{rotate:12deg}}.fx-toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:150px;left:50%;translate:-50%}.fx-toast{background:var(--ink);color:#fff;border-radius:12px;padding:8px 16px;font-weight:600;box-shadow:0 4px #0000004d}.toast{border:3px solid var(--ink);z-index:100;box-shadow:var(--shadow);cursor:pointer;border-radius:14px;max-width:calc(100vw - 32px);padding:8px 16px;font-weight:600;animation:.25s popin;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast.error{background:#ffd6cf}.toast.warn{background:#fff1b8}@media (width<=900px){.game{grid-template:"top""players""board"minmax(0,1fr)"hand"/minmax(0,1fr);gap:6px;padding:6px}.pc-avatar{width:26px;height:26px;font-size:13px}.lobby-cols,.scenario-list{grid-template-columns:1fr}.logo{font-size:19px}.hide-sm{display:none}.status{padding:4px 12px;font-size:13px}.ticker{display:none}.dice-box{--roll-from:120px;padding:3px 6px;inset:auto auto 8px 8px}.dev-card{width:50px;height:74px}.dev-icon{font-size:22px}.dev-name{font-size:8px}.build-btn{padding:3px 6px 3px 4px}.build-icon{font-size:18px}.build-label{font-size:11px}.btn.big{padding:8px 12px;font-size:15px}.trade-dock,.drawer{width:auto;left:6px;right:6px}.incoming-offer{width:calc(100% - 16px);min-width:0}}@media (width<=520px){.build-btn .cost{display:none}.res-card{width:46px;height:62px}.res-emoji{font-size:22px}.res-selector{gap:4px}.lobby-actions{background:var(--paper);padding:8px 0;position:sticky;bottom:0}}.table-cards{z-index:3;pointer-events:none;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:10px;left:10px}.table-cards>*{pointer-events:auto}.deck{cursor:pointer;background:0 0;border:none;width:62px;height:84px;padding:0;position:relative}.deck:disabled{opacity:.4;cursor:default}.deck-card{border:3px solid var(--ink);background:repeating-linear-gradient(45deg,#8f6ad8 0 6px,#7a55c4 6px 12px);border-radius:10px;position:absolute;inset:0;box-shadow:0 3px #00000059}.deck-card.c3{transform:translate(-6px,-6px)rotate(-6deg)}.deck-card.c2{transform:translate(-3px,-3px)rotate(-3deg)}.deck-card.c1{background:linear-gradient(#efe3ff,#b79cf0);flex-direction:column;justify-content:center;align-items:center;transition:transform .12s;display:flex}.deck.can:hover .deck-card.c1{transform:translateY(-6px)rotate(2deg)}.deck.can .deck-card.c1{box-shadow:0 0 0 3px #ffe14d,0 3px #00000059}.deck-icon{font-size:26px}.deck-count{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:0 7px;font-size:15px;font-weight:800}.cost-card{border:3px solid var(--ink);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff8e7f2;border-radius:12px;padding:5px 9px;font-size:12.5px}.cost-title{text-transform:uppercase;letter-spacing:.5px;color:#8a6d4c;font-size:12px;font-weight:800}.cost-row{grid-template-columns:22px auto auto;justify-content:start;align-items:center;gap:4px 6px;display:grid}.cost-row .cost{letter-spacing:-2px;font-size:13px}.cost-label{white-space:nowrap;font-weight:600}.vertex-target.soft .vertex-vis,.edge-target.soft .edge-vis{opacity:.85;filter:drop-shadow(0 0 3px #ffffffe6);animation-duration:1.8s}.vertex-target.soft:hover .vertex-vis,.edge-target.soft:hover .edge-vis{opacity:1;filter:drop-shadow(0 0 7px #ffe14d)}.menu-wrap{position:relative}.menu{z-index:30;background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;min-width:230px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.menu button{text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:15px;font-weight:600}.menu button:hover{background:#ffe9a8}.menu button+button{border-top:2px solid #ecdcb5}.skip-btn{justify-content:center;width:100%;margin-top:6px}@media (width<=900px){.table-cards{bottom:6px;left:auto;right:6px}.cost-card.closed+*,.cost-row .cost-label{font-size:11px}}@media (width<=1300px){.board-wrap:has(>.trade-dock) .cost-card{visibility:hidden}}.home{position:relative}.menu-backdrop{z-index:0;background:#1f66a6;position:fixed;inset:0;overflow:hidden}.menu-board{filter:saturate(1.05);width:110%;height:110%;margin:-5%;animation:40s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1.05)translate(-1.5%,-1%)}to{transform:scale(1.15)translate(1.5%,1%)}}.home>:not(.menu-backdrop):not(.modal-backdrop):not(.lang-picker){z-index:1;position:relative}.title-screen{justify-content:center;align-items:center;display:flex}.title-box{text-align:center;background:radial-gradient(#0b1a2e8c,#0b1a2e00 70%);flex-direction:column;align-items:center;gap:18px;min-width:0;max-width:100%;padding:28px 36px 34px;display:flex}@media (width<=520px){.title-box{padding:56px 8px 24px}}.title-logo{overflow-wrap:anywhere;color:#ffb703;-webkit-text-stroke:3px var(--ink);max-width:100%;text-shadow:0 6px 0 var(--ink), 0 12px 24px #00000073;letter-spacing:1px;margin:0;font-size:clamp(30px,10vw,96px);line-height:1.05}.title-sub{color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 12px #0009;margin:0;font-size:18px;font-weight:700}.play-btn{border-radius:22px;padding:18px 56px;font-size:clamp(24px,4vw,34px);animation:1.6s ease-in-out infinite bob;box-shadow:0 8px #3b241080,0 16px 30px #00000059}.home-top{align-items:center;gap:12px;display:flex}.menu-logo{color:#e07a1f;-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 2px 0 var(--ink);margin:0;font-size:30px}.home-page{max-height:calc(100dvh - 32px);overflow:auto}@media (width<=900px){.chip-btn .lbl,.topinfo .chip:first-child{display:none}.topbar{flex-wrap:nowrap}.incoming-offer{gap:4px;padding:6px 10px 8px}}.lang-picker{background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:3px 6px 3px 8px;font-weight:600;display:inline-flex;box-shadow:0 2px #3b241059}.lang-picker select{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;max-width:150px;padding:2px 0;font-size:14px}.lang-picker select:focus{outline:none}.lang-picker:focus-within{outline:3px solid var(--accent)}.lang-picker.corner{top:14px;z-index:3;position:absolute;inset-inline-end:14px}.home-top .lang-picker{margin-inline-start:auto}.menu .menu-lang{border-top:2px solid #ecdcb5;padding:8px 12px}.menu .menu-lang .lang-picker{width:100%;box-shadow:none}.menu .menu-lang select{flex:1;max-width:none}[dir=rtl] .menu{left:0;right:auto}[dir=rtl] .menu button{text-align:right}[dir=rtl] .code-badge,[dir=rtl] .code-big,[dir=rtl] .code-input,[dir=rtl] .link-row input,[dir=rtl] .dice-box,[dir=rtl] .fx-float.gain,[dir=rtl] .cost{direction:ltr}.home-top{flex-wrap:wrap;row-gap:6px}.show-sm{display:none}.players .mode-side{flex-direction:column;flex-shrink:0;margin-top:2px;display:flex}.mode-side .mode-panel{max-height:none}.mode-drawer{max-height:calc(100% - 68px);bottom:auto}.mode-drawer .mode-panel{max-height:100%}.mode-drawer .mode-panel-body{flex:1;min-height:0}.mode-panel .panel-title{justify-content:space-between;align-items:center;gap:6px;display:flex}@media (width<=900px){.show-sm{display:inline-block}.players .mode-side{display:none}}.event-die{border:2.5px solid var(--ink);background:#fffdf6;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;margin:2px;font-size:22px;display:inline-flex;box-shadow:0 2px #c9b98f}.event-die.ship{background:#3b2410}.event-die.trade{background:#fff1b8}.event-die.politics{background:#d4e3ff}.event-die.science{background:#d2f5dd}.fx-float{white-space:nowrap;color:#fff;-webkit-text-stroke:1px var(--ink);text-shadow:0 2px 0 var(--ink), 0 0 6px #00000059;font-size:16px;font-weight:800;animation:2.2s ease-out both fx-float;position:fixed;translate:-50% -50%}@keyframes fx-float{0%{opacity:0;transform:translateY(6px)scale(.6)}15%{opacity:1;transform:translateY(-6px)scale(1.1)}75%{opacity:1;transform:translateY(-34px)scale(1)}to{opacity:0;transform:translateY(-48px)scale(.95)}}.fx-banner.barbarians .fx-banner-text{color:#ffb03b;text-align:center;font-size:64px}.fx-banner.barbarians .fx-banner-sub{text-align:center;max-width:min(90vw,560px)}@media (width<=520px){.fx-banner.barbarians .fx-banner-text{font-size:40px}.fx-banner.barbarians .fx-banner-sub{font-size:16px}.fx-banner .fx-banner-robber{font-size:80px}}.ck-switch{border:2px dashed #c9a86a;border-radius:12px;align-items:flex-start;margin:8px 0 4px;padding:8px 10px}.ck-switch.on{border-style:solid;border-color:var(--ink);background:#fff6d8}.ck-switch input{flex-shrink:0;margin-top:2px}.ck-switch-hint{margin-top:2px;font-weight:400;display:block}.logo{white-space:nowrap}.status-area{max-width:calc(100% - 100px)}.resign-banner{pointer-events:auto;border:3px solid var(--ink);padding:4px 6px;box-shadow:var(--shadow);text-align:center;background:#ffe1dc;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;padding-inline-start:12px;font-size:14px;font-weight:700;display:flex}.piece-light{filter:drop-shadow(0 0 .8px #1b1108)drop-shadow(0 0 .8px #1b1108)drop-shadow(0 1.5px 1px #00000073)}.fx-float.gain{color:#ffe14d;-webkit-text-stroke:0;text-shadow:none;background:#1b1108e0;border:2px solid #ffe14d;border-radius:999px;padding:1px 9px 2px;font-size:19px;animation-duration:1.9s;box-shadow:0 0 10px #ffe14dcc}.mode-group{display:contents}.mode-group-btn .group-count{letter-spacing:0;color:#8a6d4c;font-size:11px;font-weight:700}.mode-pop{bottom:calc(100% + 8px);z-index:25;background:var(--paper);border:3px solid var(--ink);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:min(460px,100% - 16px);padding:8px;display:grid;position:absolute;inset-inline-start:8px;box-shadow:0 6px #3b241066}.gameover{position:relative}.over-close{z-index:1;top:10px;position:absolute;inset-inline-end:10px}.over-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.over-actions p{margin:0}.over-reopen{z-index:8;position:absolute;bottom:14px;left:50%;translate:-50%}.trade-dock{max-height:calc(100% - var(--status-h,44px) - 24px);background:linear-gradient(var(--paper) 30%, #fff8e700) center top, linear-gradient(#fff8e700, var(--paper) 70%) center bottom, radial-gradient(farthest-side at 50% 0, #3b24104d, #3b241000) center top, radial-gradient(farthest-side at 50% 100%, #3b24104d, #3b241000) center bottom, var(--paper);background-repeat:no-repeat;background-size:100% 36px,100% 36px,100% 12px,100% 12px,100% 100%;background-attachment:local,local,scroll,scroll,scroll}.trade-dock .offer-box{border-top:none;border:2px solid var(--ink);background:#fff7dc;border-radius:12px;margin-top:0;padding:8px 10px}.offer-lines{flex-direction:column;gap:4px;width:100%;display:flex}.offer-line{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.offer-lbl{color:#8a6d4c;min-width:96px;font-size:12px;font-weight:700}.offer-btns{flex-wrap:wrap;gap:8px;display:flex}.trade-pickers{flex-direction:column;gap:6px;display:flex}.trade-edit{display:none}.trade-edit.on{background:linear-gradient(#9fd8ff,#4fb3f0)}.modal .res-card{width:64px;height:88px}.modal .res-card .res-emoji{font-size:34px}.modal .res-card .res-label{font-size:11px}.lobby-settings{border:3px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.lobby-settings .ck-switch{margin:0}.sc-groups{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.sc-group{border:3px solid var(--ink);background:var(--paper-2);border-radius:14px;overflow:hidden}.sc-group.has-chosen{background:linear-gradient(#fff6d8,#ffe9a8)}.sc-group-head{width:100%;font:inherit;cursor:pointer;text-align:start;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:16px;font-weight:700;display:flex}.sc-group-head:hover{background:#ffffff80}.sc-group-name{flex-shrink:0}.sc-group-chosen{text-overflow:ellipsis;white-space:nowrap;color:#6e5235;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.sc-group-count{background:#fff;border:2px solid #d8c59a;border-radius:999px;margin-inline-start:auto;padding:0 7px;font-weight:700}.sc-group-chosen+.sc-group-count{margin-inline-start:0}.sc-group .scenario-list{margin:0;padding:0 10px 10px}.scenario-list.single{grid-template-columns:1fr}.scenario{text-align:start}@media (width<=900px){.dice-box svg{width:32px;height:32px}.dice-sum{min-width:22px;font-size:20px}.dice-box .event-die{width:30px;height:30px;font-size:16px}.deck{width:46px;height:62px}.deck-icon{font-size:20px}.deck-count{font-size:12px}.trade-dock{top:calc(var(--status-h,44px) + 12px);max-height:calc(100% - var(--status-h,44px) - 18px);bottom:auto}.trade-pickers.collapsed{display:none}.trade-edit{display:inline-flex}.lobby-page .lobby-actions{background:var(--paper);border-top:2px solid #ecdcb5;box-shadow:0 -6px 8px -6px #3b241040}}@media (width<=700px){.lobby-page .lobby-actions{margin-inline:-14px;padding:10px 14px 12px}}@media (width>=901px) and (width<=1250px){.dice-box{padding:4px 8px;top:auto;bottom:8px;right:8px}.trade-pill{bottom:84px;right:8px}}@media (width<=600px){.logo-text{display:none}.logo{font-size:24px}.topbar{gap:6px}.topinfo{flex-wrap:nowrap;gap:4px;min-width:0}.chip{white-space:nowrap;padding:2px 7px;font-size:12px}.chip-btn{padding:3px 9px}.status-area{max-width:calc(100% - 64px)}.zoom-btn{width:34px;height:34px;font-size:18px}.offer-lbl{width:100%;min-width:0}}@media (width<=600px),(orientation:landscape) and (height<=520px){.pc-avatar{border-width:2px;grid-area:av;width:22px;height:22px;font-size:11px}.pc-badges,.skip-btn{grid-area:ex}}@media (width<=520px){.dev-card{border-width:2.5px;width:46px;height:58px}.dev-icon{font-size:20px}.dev-name{font-size:7.5px}.build-btn{border-width:2.5px;column-gap:3px;padding:3px 6px 3px 4px}.build-icon{font-size:16px}.build-label{font-size:11px}.btn.big{padding:7px 12px;font-size:14px}.trade-card{max-width:50px}.modal .res-card{width:52px;height:72px}.modal .res-card .res-emoji{font-size:26px}.modal .res-card .res-label{font-size:9px}.modal{padding:14px 12px 16px}.res-selector{gap:5px}.mode-pop{max-width:none;inset-inline:6px}}@media (orientation:landscape) and (height<=520px){.game{grid-template:"top top""board players""board hand"minmax(0,1fr)/minmax(0,1fr) minmax(300px,42%);gap:4px;padding:4px}.logo-text{display:none}.topbar{flex-wrap:nowrap}.topinfo{flex-wrap:nowrap;gap:4px}.chip,.chip-btn{padding:1px 8px;font-size:12px}.dev-card{width:44px;height:56px}.build-btn .cost{display:none}.btn.big{padding:6px 12px;font-size:14px}.status{padding:3px 10px;font-size:12px}.ticker,.cost-card{display:none}.table-cards{bottom:6px;left:auto;right:6px}.trade-dock,.drawer{width:auto;max-height:none;inset:4px}.trade-pickers.collapsed{display:none}.trade-edit{display:inline-flex}.incoming-offer{gap:4px;width:calc(100% - 12px);min-width:0;padding:6px 10px;bottom:6px}.hint-bubble,.mode-pop{inset:44px 8px auto auto;max-width:min(420px,60vw);position:fixed;inset-inline-start:auto;transform:none}.zoom-ctl{gap:4px;top:4px;right:4px}.zoom-btn{border-width:2px;width:30px;height:30px;font-size:16px}}.fx-float.event{white-space:normal;text-align:center;color:#fff;-webkit-text-stroke:0;width:max-content;max-width:min(280px,100vw - 24px);text-shadow:none;z-index:5;background:#1b1108e6;border:2px solid #ffb03b;border-radius:14px;padding:4px 12px 5px;font-size:15px;line-height:1.25;animation-duration:2.8s;box-shadow:0 4px 12px #00000059}.dev-card.owned{cursor:help;background:linear-gradient(#fff3c4,#ffc93d)}.dev-card.owned:after{content:"✔";color:#fff;background:var(--green);border:1.5px solid var(--ink);border-radius:8px;padding:0 4px;font-size:11px;font-weight:800;line-height:1.3;position:absolute;bottom:-7px;left:50%;translate:-50%}.dev-card.progress-card{background:linear-gradient(#fffaf0, color-mix(in srgb, var(--tc) 45%, #fff));border-top:7px solid var(--tc)}.dev-card.progress-card .dev-icon{font-size:18px}.dev-card.progress-card .dev-name{overflow-wrap:anywhere;font-size:10px}.dev-card.progress-card.off{filter:grayscale(.85);opacity:.6}.incoming-offer.answered{white-space:nowrap;text-overflow:ellipsis;border-top-width:3px;border-radius:999px;flex-direction:row;gap:6px;width:auto;min-width:0;max-width:calc(100% - 24px);padding:4px 14px;font-size:13px;font-weight:700;overflow:hidden}.incoming-offer.answered.decline{opacity:.9}.mode-more-btn{font:inherit;color:#7a5a35;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:12px;font-weight:700}.mode-more-btn:hover{text-decoration:underline}.mode-more{flex-direction:column;gap:4px;display:flex}.status-area .ticker{gap:0;max-width:min(100%,520px)}.status-area .ticker-item{padding:0 8px;font-size:11.5px;animation-duration:3.8s}@media (width>=1251px){.trade-dock{max-height:min(calc(100% - var(--status-h,44px) - 24px), calc(100% - 96px))}}@media (width>=901px) and (width<=1250px){.trade-dock{max-height:calc(100% - var(--status-h,44px) - 100px);bottom:82px}}@media (height<=450px){.lobby-page .lobby-actions{flex-wrap:nowrap;gap:6px 10px;padding:6px 0}.lobby-page .lobby-actions .btn.huge{border-width:3px;flex-shrink:0;width:auto;padding:6px 20px;font-size:18px}.lobby-page .lobby-actions>:not(.btn){font-size:13px;line-height:1.2}}@media (width>=901px) and (height<=860px){.mode-side .mode-panel .panel-title{padding-block:3px}.mode-side .mode-panel-body{gap:4px;padding-block:4px}.mode-side .mode-step{height:18px;font-size:12px}.mode-side .mode-com{padding:0 6px;font-size:13px}.mode-side .mode-coms .btn.small,.mode-side .mode-track-row .btn.small{min-height:0;padding-block:1px}.mode-side .mode-tracks{gap:2px}}.dev-card.progress-card .dev-name{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:9.5px}@media (width<=900px){.trade-pill{top:calc(var(--status-h,44px) + 12px);white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 100px);bottom:auto;right:50%;overflow:hidden;transform:translate(50%)}}.dim-layer{opacity:.22}.vertex-vis,.edge-vis{filter:drop-shadow(0 0 2px #ffffffbf);transition:transform .15s,filter .15s;animation:1.8s ease-in-out infinite target-breathe}@keyframes target-breathe{0%,to{opacity:.85;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.vertex-target:hover .vertex-vis,.edge-target:hover .edge-vis{opacity:1;filter:drop-shadow(0 0 5px #ffe14d);animation:none;transform:scale(1.22)}.vertex-target.soft .vertex-vis,.edge-target.soft .edge-vis{opacity:1;filter:none;animation:none}.target.soft .mk-full{opacity:0;transition:opacity .15s}.target.soft .mk-dot{opacity:.85;transition:opacity .15s}.target.soft:hover .mk-full{opacity:1}.target.soft:hover .mk-dot{opacity:0}.vertex-target.soft:hover .vertex-vis,.edge-target.soft:hover .edge-vis{filter:drop-shadow(0 0 4px #ffe14d);transform:scale(1.12)}@media (hover:none){.target.soft .mk-dot{opacity:.95;scale:1.35}}.status.alert{background:linear-gradient(#ffe7e2,#ffad9f);font-size:17px;animation:none}.status-robber{font-size:22px;line-height:1}.dice-box{transition:opacity .2s}.dice-box.waiting{opacity:0}.dice-roll{animation:.3s ease-out popin}.roll-stage{pointer-events:none;z-index:45;position:fixed;inset:0}.roll-dice{flex-direction:column;align-items:center;gap:4px;animation:2.6s ease-in-out forwards roll-fly;display:flex;position:fixed;translate:-50% -50%}.roll-pair{align-items:center;gap:18px;display:flex}.roll-die{filter:drop-shadow(0 7px #0000004d)drop-shadow(0 10px 16px #00000059);display:inline-flex}.roll-die svg{width:clamp(64px,16vmin,104px);height:clamp(64px,16vmin,104px)}.roll-pair:not(.settled) .roll-die.d1{animation:.34s linear infinite tumble}.roll-pair:not(.settled) .roll-die.d2{animation:.3s linear infinite reverse tumble}.roll-pair.settled .roll-die{animation:.35s ease-out die-settle}@keyframes tumble{0%{translate:0 -10px;rotate:0deg}50%{translate:0 8px;rotate:180deg}to{translate:0 -10px;rotate:360deg}}@keyframes die-settle{0%{scale:1.25}60%{scale:.94}}.roll-event{width:clamp(44px,10vmin,64px);height:clamp(44px,10vmin,64px);font-size:clamp(24px,6vmin,36px);animation:.35s ease-out die-settle}.roll-sum{color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:0 5px 0 var(--ink);opacity:0;font-size:clamp(44px,9vmin,72px);font-weight:800;line-height:1}.roll-sum.on{opacity:1;animation:.35s ease-out die-settle}.roll-stage.seven .roll-sum.on{color:#ff5a4a}@keyframes roll-fly{0%{opacity:0;transform:translateY(40px)scale(.4)}10%{opacity:1;transform:none}74%{opacity:1;transform:none}to{opacity:.15;transform:translate(var(--fly-x), var(--fly-y)) scale(.3)}}.roll-stage.seven .roll-dice{animation-name:roll-seven}@keyframes roll-seven{0%{opacity:0;transform:translateY(40px)scale(.4)}10%{opacity:1;transform:none}36%{transform:none}48%,90%{opacity:1;transform:translateY(calc(-1*min(170px,24vh)))scale(.5)}to{opacity:0;transform:translateY(calc(-1*min(170px,24vh)))scale(.5)}}.robber-dim{opacity:0;background:radial-gradient(#28060059 0%,#0c040ad1 75%);animation:2.4s ease-in-out forwards robber-dim;position:fixed;inset:0}@keyframes robber-dim{0%,30%{opacity:0}44%,88%{opacity:1}to{opacity:0}}.robber-moment{opacity:0;flex-direction:column;align-items:center;gap:4px;animation:2.4s ease-out forwards robber-in;display:flex;position:fixed;translate:-50% -38%}@keyframes robber-in{0%,36%{opacity:0;transform:scale(.3)}46%{opacity:1;transform:scale(1.12)}52%,90%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}.robber-figure{filter:drop-shadow(0 0 22px #ff4632d9)drop-shadow(0 8px #0006);width:clamp(96px,20vmin,160px);height:clamp(116px,24vmin,192px);animation:.3s ease-in-out 1s 3 shake}.robber-title{white-space:nowrap;color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:0 5px 0 var(--ink);align-items:baseline;gap:12px;font-size:clamp(32px,7vmin,64px);font-weight:800;line-height:1;display:flex}.robber-seven{color:#ff5a4a;font-size:1.45em}.robber-sub{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);text-align:center;border-radius:999px;max-width:min(90vw,520px);margin-top:8px;padding:3px 16px;font-size:clamp(14px,2.6vmin,20px);font-weight:700}[dir=rtl] .roll-dice{direction:ltr}.hand{background:linear-gradient(#fffaf0, var(--paper-2));border:3px solid var(--ink);border-radius:22px;grid-area:hand;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"pieces cards turn";justify-self:center;align-items:center;gap:12px;width:max-content;min-width:min(1000px,100%);max-width:100%;padding:8px 12px;display:grid;position:relative;box-shadow:0 5px #3b241059,0 10px 22px #00000038}.hand-pieces{border-inline-end:2px dashed #e2cf9f;flex-direction:column;grid-area:pieces;gap:2px;padding-inline-end:10px;display:flex}.piece-row{text-align:start;border:2px solid #0000;border-radius:10px;grid-template-columns:66px auto 20px;grid-template-areas:"label strip n";align-items:center;column-gap:6px;min-height:25px;padding:1px 6px;display:grid}.build-btn.piece-row{box-shadow:none;background:0 0;border:2px solid #0000;grid-template-columns:66px auto 20px 46px;grid-template-areas:"label strip n cost";padding:1px 6px}.build-btn.piece-row.can{border-color:var(--ink);background:#fff;box-shadow:0 2px #3b241059}.build-btn.piece-row.can:hover{background:#fffbe6;transform:translateY(-1px)}.build-btn.piece-row.off{opacity:1}.build-btn.piece-row.off .cost,.build-btn.piece-row.off .build-label{opacity:.55}.build-btn.piece-row.on{border-color:var(--ink);background:linear-gradient(#9fd8ff,#4fb3f0)}.piece-row .build-label{white-space:nowrap;text-overflow:ellipsis;grid-area:label;font-size:12px;font-weight:700;overflow:hidden}.piece-row .piece-strip{grid-area:strip}.piece-row .piece-n{text-align:end;grid-area:n;font-size:14px;font-weight:800}.piece-row .cost{letter-spacing:-2px;white-space:nowrap;grid-area:cost;font-size:11px}.piece-strip{align-items:flex-end;gap:1px;display:flex}.piece{line-height:0;display:inline-flex}.piece.used{opacity:.16;filter:grayscale()}.piece-icon.road{width:6px;height:18px}.piece-icon.ship{width:17px;height:17px}.piece-strip.ship .piece+.piece{margin-inline-start:-8px}.piece-icon.settlement{width:19px;height:19px}.piece-icon.city{width:23px;height:23px}.piece-icon.knight{width:14px;height:20px}.piece-icon.wall{width:22px;height:10px}.piece-strip.dev{font-size:15px;line-height:1}.piece-strip.knight-levels{gap:6px}.hand-cards{scrollbar-width:thin;overscroll-behavior-x:contain;grid-area:cards;justify-content:safe center;align-items:flex-end;gap:4px;min-width:0;margin:-12px 0 -4px;padding:12px 6px 4px;display:flex;overflow:auto hidden}.hand-sep{background:#e2cf9f;flex-shrink:0;align-self:stretch;width:2px;margin:8px 4px}.res-item{isolation:isolate;flex-direction:column;flex-shrink:0;align-items:center;width:70px;transition:transform .15s;display:flex;position:relative}.res-item:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--rc,#d9b878) 34%, transparent) 0 52%, transparent 71%);border-radius:50%;width:60px;height:60px;position:absolute;top:2px;left:50%;translate:-50%}.res-item.com{--rc:#c9a3e8}.res-item:hover{transform:translateY(-4px)}.item-art{width:60px;height:60px;overflow:visible}.item-count{top:-6px;border:2.5px solid var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 5px;font-size:15px;font-weight:800;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 2px #3b241059}.item-name{color:#6e5235;white-space:nowrap;text-overflow:ellipsis;max-width:74px;font-size:11px;font-weight:700;overflow:hidden}.res-item.empty .item-art{opacity:.28;filter:grayscale()}.res-item.empty:before{opacity:.25}.res-item.empty .item-count{color:#8a7f70;box-shadow:none;background:#ece8df;border-color:#a99d8b}.res-item.empty .item-name{color:#a99d8b}.res-item.bump{animation:.5s ease-out 1.6s bump}.hand-cards .dev-card{border-width:2.5px;flex-shrink:0;width:54px;height:72px;box-shadow:0 3px #3b241066}.hand-cards .dev-icon{font-size:22px}.hand-cards .dev-name{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:8.5px}.hand-turn{border-inline-start:2px dashed #e2cf9f;flex-direction:column;grid-area:turn;align-items:stretch;gap:6px;padding-inline-start:12px;display:flex}.hand-turn:not(:has(button)){display:none}.hand-extra{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:260px;display:flex}.hand-extra .build-btn{border-width:2.5px;padding:2px 7px 2px 4px}.hand-extra .build-icon{font-size:18px}.hand-main{flex-direction:column;gap:6px;display:flex}.hand-main:empty{display:none}.act-btn{white-space:nowrap;border-radius:14px;min-width:170px;padding:8px 16px;font-size:17px}.hand-turn .btn.on{background:linear-gradient(#9fd8ff,#4fb3f0)}.hand-turn .mode-pop{inset-inline:auto 8px}.players{flex-direction:column;grid-area:players;gap:10px;padding:14px 6px 6px 2px;display:flex;overflow:auto}.player-card{background:var(--paper);border:3px solid var(--ink);border-inline-start:10px solid var(--pc);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;flex-shrink:0;gap:8px;padding:9px 10px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.player-card.active{box-shadow:0 0 0 4px var(--accent), 0 6px 0 #3b241059;background:linear-gradient(#fffbe6,#ffe7a0);transform:translate(3px)}.player-card.leader{box-shadow:0 0 0 3px #ffd34d, 0 0 14px 2px #ffc40099, var(--shadow)}.player-card.leader.active{box-shadow:0 0 0 4px var(--accent), 0 0 16px 4px #ffc400bf, 0 6px 0 #3b241059}.player-card.resigned{opacity:.6;filter:grayscale(.7)}.player-card.offline .pc-avatar{filter:grayscale(.8);opacity:.7}.player-card.offline .pc-name{color:#7d6a55}.pc-head{align-items:center;gap:10px;min-width:0;display:flex}.player-card .pc-avatar{width:42px;height:42px;font-size:20px;position:relative}.pc-crown{text-shadow:none;filter:drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 0 3px #ffd23ce6);font-size:17px;line-height:1;position:absolute;top:-15px;left:50%;translate:-50%}.pc-who{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pc-name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.15;overflow:hidden}[dir=rtl] .pc-name{text-align:right}.pc-tags{flex-wrap:wrap;gap:4px;display:flex}.pc-tags:empty{display:none}.pc-tag{border:1.5px solid var(--ink);white-space:nowrap;background:#fff;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700;line-height:17px}.pc-tag.turn{background:var(--ink);color:#fff}.pc-tag.you{background:color-mix(in srgb, var(--pc) 28%, #fff)}.pc-tag.offline{color:#8c1f14;background:#ffd9d4;border-color:#c0392b}.pc-tag.resigned{background:#ece8df}.pc-vp{border:3px solid var(--ink);cursor:help;background:linear-gradient(#ffe27a,#ffb703);border-radius:14px;flex-shrink:0;align-items:baseline;gap:2px;padding:1px 9px 2px;display:inline-flex;box-shadow:0 3px #3b241059}.pc-vp-star{color:#fff;-webkit-text-stroke:1.2px var(--ink);align-self:center;font-size:17px}.pc-vp b{font-size:26px;line-height:1}.pc-vp-goal{color:#7a5a1a;font-size:12px;font-weight:700}.pc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.stat{cursor:help;background:#fff;border:2px solid #e4d3ad;border-radius:10px;align-items:center;gap:5px;min-width:0;padding:3px 7px;display:flex;position:relative}.stat-icon{font-size:15px;line-height:1}.stat b{font-size:16px;line-height:1.1}.stat-label{color:#8a6d4c;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.stat.top{background:#fff4d1;border-color:#f0b84a}.stat.lead{border-color:var(--ink);background:linear-gradient(#ffe27a,#ffb703)}.stat.lead .stat-label{color:var(--ink)}.pc-badges{flex-wrap:wrap;gap:4px;display:flex}.pc-badge{white-space:nowrap;border:2px solid var(--ink);cursor:help;background:linear-gradient(#fff3c4,#ffd24d);border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:700}.pc-badge.islands{background:#d2f0ff}@media (width>=901px){.game{grid-template-columns:290px minmax(0,1fr)}}@media (width>=1251px){.status-area{max-width:calc(100% - 470px)}}@media (width>=901px) and (height<=860px){.players:has(.mode-side){gap:6px;padding-top:10px}.players:has(.mode-side) .player-card{gap:5px;padding-block:5px}.players:has(.mode-side) .pc-avatar{width:32px;height:32px;font-size:16px}.players:has(.mode-side) .stat{padding-block:1px}}@media (width>=901px) and (width<=1200px){.res-item{width:60px}.item-art,.res-item:before{width:50px;height:50px}.act-btn{min-width:150px}}@media (width<=900px){.players{flex-direction:row;gap:8px;padding:12px 2px 4px;overflow-x:auto}.player-card{flex:1 0 180px}.player-card.active{transform:none}.hand{border-radius:18px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pieces pieces""cards turn";gap:6px 8px;width:100%;padding:6px 8px}.hand-pieces{border-inline-end:0;border-bottom:2px dashed #e2cf9f;flex-flow:wrap;justify-content:center;gap:3px 6px;padding:0 0 5px}.piece-row,.build-btn.piece-row{grid-template-columns:auto auto;grid-template-areas:"strip n";column-gap:3px;min-height:0;padding:1px 5px}.piece-row .build-label,.piece-row .cost{display:none}.piece-row .piece-n{font-size:12px}.piece-icon.road{width:4px;height:13px}.piece-icon.ship{width:12px;height:12px}.piece-strip.ship .piece+.piece{margin-inline-start:-6px}.piece-icon.settlement{width:13px;height:13px}.piece-icon.city{width:16px;height:16px}.piece-icon.knight{width:10px;height:14px}.piece-icon.wall{width:14px;height:7px}.res-item{width:54px}.res-item:before,.item-art{width:46px;height:46px}.item-name{display:none}.item-count{border-width:2px;min-width:22px;height:22px;font-size:13px;top:-6px}.hand-cards .dev-card{width:44px;height:58px}.hand-cards .dev-icon{font-size:18px}.hand-cards .dev-name{font-size:7.5px}.hand-turn{padding-inline-start:8px}.act-btn{min-width:0;padding:8px 12px;font-size:15px}}@media (width<=600px),(orientation:landscape) and (height<=520px){.players{flex-direction:row;gap:6px;padding:11px 2px 3px;display:flex;overflow-x:auto}.player-card{border-width:2.5px;border-inline-start-width:6px;border-radius:12px;flex:1 0 104px;gap:4px;min-width:104px;padding:4px 5px 5px 6px}.player-card.active{box-shadow:0 0 0 3px var(--accent), 0 4px 0 #3b241059}.pc-head{gap:5px}.player-card .pc-avatar{font-size:0;display:contents}.pc-crown{z-index:1;font-size:12px;top:-2px;left:50%;translate:-50% -50%}.pc-who{gap:0}.pc-name,.status.alert{font-size:13px}.player-card.me .pc-name{text-decoration:underline;-webkit-text-decoration-color:var(--pc);text-decoration-color:var(--pc);text-underline-offset:2px;text-decoration-thickness:2px}.pc-tags{display:contents}.pc-tag.you,.pc-tag-text{display:none}.pc-tag.turn{top:-9px;padding:0 5px;font-size:9.5px;line-height:14px;position:absolute;inset-inline-end:6px}.pc-tag.offline,.pc-tag.resigned{top:-9px;padding:0 3px;font-size:10px;line-height:14px;position:absolute;inset-inline-start:2px}.pc-vp{border-width:2px;border-radius:9px;padding:0 5px;box-shadow:0 2px #3b241059}.pc-vp b{font-size:16px}.pc-vp-star{-webkit-text-stroke:.8px var(--ink);font-size:11px}.pc-vp-goal{display:none}.pc-stats{gap:2px}.stat{border-width:1.5px;border-radius:6px;justify-content:center;gap:2px;padding:0 2px}.stat-label{display:none}.stat-icon{font-size:10px}.stat b{font-size:12px}.pc-badges{gap:2px}.pc-badge{border-width:1.5px;padding:0 4px;font-size:10px}.pc-badge-text{display:none}.pc-badge.road:after,.pc-badge.army:after{content:"+2";font-weight:800}.hand{grid-template-columns:minmax(0,1fr);grid-template-areas:"pieces""cards""turn";gap:6px;padding:5px 6px 6px}.hand-turn{border:0;flex-flow:wrap;justify-content:center;padding:0}.hand-extra{justify-content:center;max-width:none}.hand-extra .build-btn .cost{display:none}.hand-main{flex-direction:row;flex:auto;justify-content:center}.hand-main .act-btn{flex:1 1 0;max-width:240px;padding:7px 10px;font-size:14px}.res-item{width:48px}.item-art,.res-item:before{width:40px;height:40px}}@media (orientation:landscape) and (height<=520px){.hand{align-content:start;overflow-y:auto}.hand-cards{flex-wrap:wrap;justify-content:center;row-gap:12px;overflow-x:visible}}@media (prefers-reduced-motion:reduce){.roll-dice,.robber-moment,.robber-dim{animation-name:calm-fade!important}.roll-die,.roll-sum.on,.robber-figure,.roll-event{animation:none!important}.roll-stage.seven .roll-dice{transform:translateY(calc(-1*min(170px,24vh)))scale(.5)}.vertex-vis,.edge-vis,.status.mine,.pulse-btn{animation:none}}@keyframes calm-fade{0%{opacity:0}8%,88%{opacity:1}to{opacity:0}}@media (height<=520px){.modal>.modal-actions:last-child,.modal>.row:last-child{z-index:1;background:var(--paper);margin-bottom:-16px;padding:8px 0 16px;position:sticky;bottom:-16px}}.pulse-vis{transform-box:fill-box;transform-origin:50%}.pulse-ring{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite spot-ring;animation-delay:var(--d,0s)}@keyframes spot-ring{0%{opacity:.9;transform:scale(1)}80%,to{opacity:0;transform:scale(2.3)}}.pulse-dot{filter:drop-shadow(0 0 3px #ffffffe6);transition:opacity .12s}.pulse-preview,.pulse-pips{opacity:0;pointer-events:none;transition:opacity .12s}.pulse-preview{filter:drop-shadow(0 0 5px #ffe14d)}.pulse-target:hover .pulse-preview,.pulse-target:hover .pulse-pips,.pulse-target:focus-visible .pulse-preview{opacity:1}.pulse-target:hover .pulse-dot,.pulse-target:hover .pulse-ring{opacity:0;animation:none}@media (hover:none){.pulse-dot{scale:1.25}}@media (prefers-reduced-motion:reduce){.pulse-ring{opacity:.6;animation:none}}.lobby-head-right{align-items:center;gap:8px;display:flex}.seat-faction{display:inline-flex}.bot-level{border:2px solid var(--ink);font:inherit;color:var(--ink);background:#fff;border-radius:10px;max-width:130px;padding:3px 6px;font-size:13px}.bot-tag{white-space:nowrap;font-size:13px}.add-bot{flex-wrap:wrap;align-items:center;gap:6px;margin-inline-start:auto;display:inline-flex}.seat.empty .add-bot .btn{white-space:nowrap}.bot-hint{margin:4px 0 0}.mm-hello{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.mm-name-err{display:block}svg.board.hex-picking .piece{pointer-events:none}.hex-pick-dim{fill:#0b1a2e;opacity:.38;pointer-events:none;animation:.2s fadein}.hex-pick .hex-target{fill:#ffec8c29;transition:fill .12s}.hex-pick .hex-target-g polygon:not(.hex-target){animation:1.6s ease-in-out infinite hex-target-breathe}@keyframes hex-target-breathe{50%{opacity:.55}}.hex-hover-info .hex-ghost{opacity:.72;filter:drop-shadow(0 0 6px #ffe14d)}.hex-hover-info{animation:.12s fadein}@media (prefers-reduced-motion:reduce){.hex-pick .hex-target-g polygon:not(.hex-target){animation:none}}.fx-mini{background:linear-gradient(160deg, color-mix(in srgb, var(--rc,#ffd75e) 55%, #fff), var(--rc,#ffd75e));border:2px solid var(--ink);border-radius:7px;place-items:center;width:30px;height:40px;display:inline-grid;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff8c}.fx-mini svg{width:30px;height:30px}.fx-mini.gold{background:linear-gradient(160deg,#fff4b8,#f5c518);font-size:18px}.fx-flight.card{filter:drop-shadow(0 5px 4px #00000073);font-size:0;animation:1.5s cubic-bezier(.5,0,.25,1) forwards fly-card}.fx-flight.card .fx-mini{width:46px;height:62px;box-shadow:inset 0 0 0 2px #ffffff8c, 0 0 0 4px var(--pc,#fff);border-width:3px;border-radius:10px}.fx-flight.card .fx-mini svg{width:44px;height:44px}@keyframes fly-card{0%{opacity:0;transform:translateY(8px)scale(.3)rotate(-8deg)}14%{opacity:1;transform:translateY(-34px)scale(1.25)rotate(4deg)}32%{opacity:1;transform:translateY(-40px)scale(1.2)rotate(0)}88%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(.85)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.5)}}.fx-gain{background:var(--paper);border:3px solid var(--pc,var(--ink));outline:2px solid var(--ink);box-shadow:0 5px 0 #3b241059, 0 0 16px 2px color-mix(in srgb, var(--pc,#ffe14d) 60%, transparent);opacity:0;white-space:nowrap;z-index:2;border-radius:14px;align-items:center;gap:6px;padding:5px 8px 5px 6px;animation-name:fx-gain;animation-timing-function:ease-out;animation-fill-mode:both;display:flex;position:fixed}.fx-gain.right{translate:0 -50%}.fx-gain.left{translate:-100% -50%}.fx-gain.below{translate:-50%}.fx-gain:before{content:"";background:var(--paper);border-left:3px solid var(--pc,var(--ink));border-bottom:3px solid var(--pc,var(--ink));width:10px;height:10px;position:absolute}.fx-gain.right:before{top:50%;left:-8px;translate:0 -50%;rotate:45deg}.fx-gain.left:before{top:50%;right:-8px;translate:0 -50%;rotate:-135deg}.fx-gain.below:before{top:-8px;left:50%;translate:-50%;rotate:135deg}.fx-gain-item{align-items:center;gap:2px;display:inline-flex}.fx-gain-item b{color:var(--ink);font-size:18px;font-weight:800}@keyframes fx-gain{0%{opacity:0;scale:.4}8%{opacity:1;scale:1.15}14%,85%{opacity:1;scale:1}to{opacity:0;scale:.95}}@media (width<=900px){.fx-gain{border-radius:11px;gap:3px;padding:3px 5px}.fx-gain .fx-mini{border-radius:5px;width:22px;height:30px}.fx-gain .fx-mini svg{width:22px;height:22px}.fx-gain-item b{font-size:14px}.fx-flight.card .fx-mini{width:38px;height:52px}.fx-flight.card .fx-mini svg{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.fx-flight.card{animation-duration:.6s}}.hex-pick .hex-target{fill:#0000}.hex-pick .hex-target-g:hover .hex-target,.hex-pick .hex-target-g.hover .hex-target{fill:#ffe14d6b}.hex-ring-under{fill:none;stroke:var(--ink);stroke-width:8px;opacity:.55;pointer-events:none}.hex-ring{fill:none;stroke:#ffe14d;stroke-width:4.5px;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:1.5s ease-in-out infinite hex-ring-pulse}@keyframes hex-ring-pulse{50%{stroke-width:3.5px;opacity:.85;transform:scale(1.1)}}.hex-pick .hex-target-g.hover .hex-ring,.hex-pick .hex-target-g:hover .hex-ring{stroke:#fff36b;stroke-width:6px;animation:none}.hex-tap-again{animation:.15s fadein}@media (prefers-reduced-motion:reduce){.hex-ring{animation:none}}