@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-cyrillic-500-normal-DpMZbbjM.woff2) format("woff2"),url(/assets/caveat-cyrillic-500-normal-DLSfp5IU.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2) format("woff2"),url(/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-latin-500-normal-B9SDL8cy.woff2) format("woff2"),url(/assets/caveat-latin-500-normal-Do9veZfZ.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2) format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff) format("woff")}:root{color-scheme:light;--paper: #f4efe0;--paper-lit: #faf6ea;--paper-shade: #e7e0cb;--rule-blue: #a8bcd0;--rule-page: rgba(168, 188, 208, .5);--margin-red: #d98a8a;--ink: #23348c;--ink-deep: #16204f;--ink-soft: rgba(35, 52, 140, .55);--pen-red: #b3251f;--pen-red-soft: rgba(179, 37, 31, .5);--pen-green: #2f7d4f;--pen-gold: #9c6f16;--pencil: #665f52;--pencil-soft: rgba(102, 95, 82, .45);--marker: #f2e07a;--marker-soft: rgba(242, 224, 122, .62);--wash-yellow: rgba(242, 224, 122, .24);--wash-blue: rgba(35, 52, 140, .055);--wash-red: rgba(179, 37, 31, .055);--panel-wash: rgba(46, 60, 122, .036);--panel-edge: rgba(56, 62, 96, .16);--panel-pen: rgba(58, 64, 96, .34);--sticky: #f5e7a3;--sticky-edge: #ddc97c;--tape: rgba(232, 223, 174, .72);--desk: #b08a58;--desk-deep: #8d6b3f;--desk-grain: repeating-linear-gradient(178deg, rgba(62, 38, 12, .05) 0 1px, transparent 1px 6px), repeating-linear-gradient(181.5deg, rgba(255, 236, 200, .045) 0 1px, transparent 1px 13px), repeating-linear-gradient(179deg, rgba(58, 34, 10, .07) 0 2px, transparent 2px 29px), repeating-linear-gradient( to bottom, transparent 0 168px, rgba(48, 28, 8, .22) 168px 170px, rgba(255, 236, 200, .05) 170px 172px );--desk-ink: #2f2213;--desk-ink-dim: #3f2f1c;--sheet-shadow: rgba(60, 52, 38, .26);--lamp: transparent;--page-vignette: none;--font-hand: "Caveat", "Segoe Print", "Segoe Script", "Bradley Hand", cursive;--font-print: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", system-ui, sans-serif;--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.055'/%3E%3C/svg%3E");--gap-xs: 4px;--gap-sm: 8px;--gap-md: 14px;--gap-lg: 22px;--gap-xl: 34px;--sketch-a: 225px 15px 235px 15px / 15px 235px 15px 225px;--sketch-b: 15px 225px 15px 245px / 235px 15px 225px 15px;--sketch-c: 18px 160px 22px 180px / 170px 20px 190px 18px;--sketch-box-1: 10px 16px 12px 14px / 14px 11px 15px 10px;--sketch-box-2: 15px 11px 16px 10px / 10px 15px 11px 16px;--sketch-box-3: 12px 14px 10px 17px / 16px 10px 14px 12px;--sketch-sticker: 3px 6px 4px 5px / 5px 3px 6px 4px}@media(prefers-color-scheme:dark){:root{--desk: #5a4128;--desk-deep: #3a2817;--desk-grain: repeating-linear-gradient(178deg, rgba(20, 10, 2, .16) 0 1px, transparent 1px 6px), repeating-linear-gradient(181.5deg, rgba(255, 226, 178, .035) 0 1px, transparent 1px 13px), repeating-linear-gradient(179deg, rgba(16, 8, 2, .2) 0 2px, transparent 2px 29px), repeating-linear-gradient( to bottom, transparent 0 168px, rgba(10, 5, 1, .34) 168px 170px, rgba(255, 226, 178, .04) 170px 172px );--desk-ink: #e4d6b8;--desk-ink-dim: #b9a684;--sheet-shadow: rgba(0, 0, 0, .62);--lamp: rgba(255, 226, 160, .12);--paper: #e6dcc2;--paper-lit: #f1e9d5;--paper-shade: #d5cab0;--marker-soft: rgba(233, 210, 104, .55);--wash-yellow: rgba(233, 210, 104, .2);--panel-wash: rgba(38, 30, 12, .045);--panel-edge: rgba(64, 54, 30, .22);--panel-pen: rgba(60, 50, 26, .42);--page-vignette: radial-gradient( ellipse 140% 105% at 50% 14%, transparent 45%, rgba(28, 20, 8, .07) 80%, rgba(20, 14, 6, .17) 100% )}}:root[data-theme=dark]{--desk: #5a4128;--desk-deep: #3a2817;--desk-grain: repeating-linear-gradient(178deg, rgba(20, 10, 2, .16) 0 1px, transparent 1px 6px), repeating-linear-gradient(181.5deg, rgba(255, 226, 178, .035) 0 1px, transparent 1px 13px), repeating-linear-gradient(179deg, rgba(16, 8, 2, .2) 0 2px, transparent 2px 29px), repeating-linear-gradient( to bottom, transparent 0 168px, rgba(10, 5, 1, .34) 168px 170px, rgba(255, 226, 178, .04) 170px 172px );--desk-ink: #e4d6b8;--desk-ink-dim: #b9a684;--sheet-shadow: rgba(0, 0, 0, .62);--lamp: rgba(255, 226, 160, .12);--paper: #e6dcc2;--paper-lit: #f1e9d5;--paper-shade: #d5cab0;--marker-soft: rgba(233, 210, 104, .55);--wash-yellow: rgba(233, 210, 104, .2);--panel-wash: rgba(38, 30, 12, .045);--panel-edge: rgba(64, 54, 30, .22);--panel-pen: rgba(60, 50, 26, .42);--page-vignette: radial-gradient( ellipse 140% 105% at 50% 14%, transparent 45%, rgba(28, 20, 8, .07) 80%, rgba(20, 14, 6, .17) 100% )}:root[data-theme=light]{--desk: #b08a58;--desk-deep: #8d6b3f;--desk-grain: repeating-linear-gradient(178deg, rgba(62, 38, 12, .05) 0 1px, transparent 1px 6px), repeating-linear-gradient(181.5deg, rgba(255, 236, 200, .045) 0 1px, transparent 1px 13px), repeating-linear-gradient(179deg, rgba(58, 34, 10, .07) 0 2px, transparent 2px 29px), repeating-linear-gradient( to bottom, transparent 0 168px, rgba(48, 28, 8, .22) 168px 170px, rgba(255, 236, 200, .05) 170px 172px );--desk-ink: #2f2213;--desk-ink-dim: #3f2f1c;--sheet-shadow: rgba(60, 52, 38, .26);--lamp: transparent;--paper: #f4efe0;--paper-lit: #faf6ea;--paper-shade: #e7e0cb;--marker-soft: rgba(242, 224, 122, .62);--wash-yellow: rgba(242, 224, 122, .24);--panel-wash: rgba(46, 60, 122, .036);--panel-edge: rgba(56, 62, 96, .16);--panel-pen: rgba(58, 64, 96, .34);--page-vignette: none}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1100px 620px at 50% 0%,var(--lamp),transparent 70%),var(--desk-grain),linear-gradient(165deg,var(--desk) 0%,var(--desk-deep) 100%);background-attachment:fixed;color:var(--ink);font-family:var(--font-hand);font-size:15px;font-weight:500;line-height:1.55;font-size-adjust:.53;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-family:var(--font-hand);font-weight:400;color:var(--ink-deep)}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}canvas{display:block}:focus-visible{outline:2px dashed var(--pen-red);outline-offset:3px}*{scrollbar-width:thin;scrollbar-color:var(--pencil-soft) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--pencil-soft);border-radius:6px}*::-webkit-scrollbar-thumb:hover{background:var(--pencil)}@media(prefers-reduced-motion:reduce){:root:not([data-motion=on]) *,:root:not([data-motion=on]) *:before,:root:not([data-motion=on]) *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.app{position:relative;min-height:100%;display:flex;flex-direction:column}.screen{--hole-r: 5.6px;--hole-1: 19px 18%;--hole-2: 19px 50%;--hole-3: 19px 82%;--margin-pos: clamp(26px, 3vw, 40px);--sheet-margin-line: linear-gradient( to right, transparent 0 calc(var(--margin-pos) - .75px), var(--margin-red) calc(var(--margin-pos) - .75px) calc(var(--margin-pos) + .75px), transparent calc(var(--margin-pos) + .75px) );position:relative;isolation:isolate;flex:0 0 auto;margin-block:auto;width:min(1520px,calc(100% - clamp(24px,3.5vw,72px)));margin-inline:auto;padding:clamp(16px,3vw,30px) clamp(14px,3vw,28px) clamp(28px,4vw,48px) clamp(38px,4vw,56px);display:flex;flex-direction:column;gap:var(--gap-lg);color:var(--ink)}.screen:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--paper);background-image:radial-gradient(circle at var(--hole-1),transparent calc(var(--hole-r) - .4px),rgba(58,38,14,.5) var(--hole-r),rgba(58,38,14,.14) calc(var(--hole-r) + 2.5px),transparent calc(var(--hole-r) + 5px)),radial-gradient(circle at var(--hole-2),transparent calc(var(--hole-r) - .4px),rgba(58,38,14,.5) var(--hole-r),rgba(58,38,14,.14) calc(var(--hole-r) + 2.5px),transparent calc(var(--hole-r) + 5px)),radial-gradient(circle at var(--hole-3),transparent calc(var(--hole-r) - .4px),rgba(58,38,14,.5) var(--hole-r),rgba(58,38,14,.14) calc(var(--hole-r) + 2.5px),transparent calc(var(--hole-r) + 5px)),var(--sheet-margin-line),var(--page-vignette),var(--paper-grain),radial-gradient(ellipse 520px 300px at 10% 86%,rgba(140,116,68,.016),transparent 76%),radial-gradient(ellipse 400px 240px at 82% 18%,rgba(140,116,68,.013),transparent 76%),repeating-linear-gradient(to right,transparent 0 15px,var(--rule-page) 15px 16px),repeating-linear-gradient(to bottom,transparent 0 15px,var(--rule-page) 15px 16px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,180px 180px,100% 100%,100% 100%,16px 16px,16px 16px;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat,no-repeat,repeat,repeat;mask-image:radial-gradient(circle at var(--hole-1),transparent var(--hole-r),#000 calc(var(--hole-r) + .5px)),radial-gradient(circle at var(--hole-2),transparent var(--hole-r),#000 calc(var(--hole-r) + .5px)),radial-gradient(circle at var(--hole-3),transparent var(--hole-r),#000 calc(var(--hole-r) + .5px));mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect;filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--sheet-shadow) 70%,transparent)) drop-shadow(0 10px 22px var(--sheet-shadow))}.screen--landscape{width:1500px;padding:58px clamp(16px,3vw,32px) clamp(24px,3vw,40px);--hole-1: 18% 19px;--hole-2: 50% 19px;--hole-3: 82% 19px;--margin-pos: 52px;--sheet-margin-line: linear-gradient( to bottom, transparent 0 calc(var(--margin-pos) - .75px), var(--margin-red) calc(var(--margin-pos) - .75px) calc(var(--margin-pos) + .75px), transparent calc(var(--margin-pos) + .75px) )}.panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:11px 15px 14px}.sketch-frame{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:0}.sketch-frame__wash{fill:var(--panel-wash);stroke:none}.sketch-frame__pen{fill:none;stroke:var(--panel-pen);stroke-width:1.3;stroke-linecap:round;vector-effect:non-scaling-stroke}.panel>*:not(.sketch-frame),.settings__group>*:not(.sketch-frame){position:relative;z-index:1}.panel--wash-blue{--panel-wash: var(--wash-blue)}.panel--wash-yellow{--panel-wash: var(--wash-yellow)}.panel__title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding:0 2px 7px;font-family:var(--font-hand);font-size:16px;letter-spacing:.01em;color:var(--ink-deep)}.sketch-rule{position:absolute;left:0;right:0;bottom:0;height:6px;overflow:visible;pointer-events:none}.panel__title .sketch-rule .sketch-frame__pen{stroke:var(--ink-soft);stroke-width:1.5}.panel__title>span:first-child{display:inline-flex;align-items:center;gap:7px;padding:0 2px 1px}.panel__title strong{color:var(--ink-deep);font-weight:400}.panel__title>span svg{width:15px;height:15px;color:var(--ink)}.panel--sticker{border-radius:var(--sketch-sticker);padding:16px 18px 18px;background:linear-gradient(168deg,var(--sticky) 0%,color-mix(in srgb,var(--sticky) 86%,#fff) 100%);border:1px solid var(--sticky-edge);box-shadow:0 10px 20px -12px var(--sheet-shadow);transform:rotate(-.5deg)}.panel--sticker:after{content:"";position:absolute;top:-8px;left:50%;width:78px;height:17px;transform:translate(-50%) rotate(-3deg);background:#e2decdd9;box-shadow:0 1px 2px #0000001f;border-left:1px dashed rgba(0,0,0,.12);border-right:1px dashed rgba(0,0,0,.12)}.panel--sticker .panel__title{border-bottom-color:#0003}.panel--sticker .panel__title>span:first-child{background:none;padding-left:0}.panel--sticker .muted,.panel--sticker .empty-state{color:color-mix(in srgb,var(--ink) 55%,#6a5c2e)}.panel__body{padding:var(--gap-md) 2px 0;display:flex;flex-direction:column;gap:var(--gap-md)}.panel__body--tight{padding:var(--gap-sm) 2px 0;gap:var(--gap-sm)}.btn{--pen: var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:transparent;border:1.7px solid var(--pen);border-radius:var(--sketch-a);color:var(--pen);font-family:var(--font-hand);font-size:15px;cursor:pointer;transition:box-shadow .12s ease-out,transform .08s ease-out,background .12s linear}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--pen) 8%,transparent);box-shadow:1.5px 2px 0 -.5px var(--pen);transform:translate(-.5px,-.5px)}.btn:active:not(:disabled){transform:translate(.5px,1px);box-shadow:none}.btn:disabled{opacity:.55;cursor:not-allowed;border-style:dashed;border-width:1.3px;color:var(--pencil)}.btn--primary{--pen: var(--ink-deep);border-width:2.2px;border-radius:var(--sketch-b)}.btn--gold{--pen: var(--pen-gold)}.btn--danger{--pen: var(--pen-red);border-radius:var(--sketch-c)}.btn--ghost{--pen: var(--pencil);border-style:dashed;border-width:1.4px}.btn--sm{padding:5px 11px;font-size:13.5px}.btn--block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1.5px solid var(--pencil);border-radius:var(--sketch-c);color:var(--pencil);cursor:pointer;transition:color .12s linear,border-color .12s linear}.icon-btn:hover{color:var(--ink);border-color:var(--ink)}.icon-btn[data-off=true]{opacity:.55}.icon-btn--danger:hover{color:var(--pen-red);border-color:var(--pen-red)}.menu-btn{--pen: var(--ink);display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:var(--gap-md);width:100%;padding:10px 14px;background:transparent;border:1.7px solid var(--pen);border-radius:var(--sketch-a);color:var(--ink);text-align:left;cursor:pointer;transition:box-shadow .12s ease-out,transform .08s ease-out,background .12s linear}.menu-btn:hover:not(:disabled){background:color-mix(in srgb,var(--pen) 7%,transparent);box-shadow:2px 2.5px 0 -.5px var(--pen);transform:translate(-1px,-1px)}.menu-btn:disabled{opacity:.4;cursor:not-allowed}.menu-btn__icon{display:flex;align-items:center;justify-content:center;color:var(--pen)}.menu-btn__text{display:flex;flex-direction:column;gap:1px;min-width:0}.menu-btn__label{font-size:17px;color:var(--ink-deep);line-height:1.2}.menu-btn__hint{font-family:var(--font-hand);font-size:13.5px;color:var(--pencil)}.menu-btn--primary{--pen: var(--ink-deep);border-width:2.2px}.menu-btn--gold{--pen: var(--pen-gold)}.menu-btn--gold .menu-btn__label{color:var(--pen-gold)}.menu-btn--primary,.menu-btn--gold{border-width:2.4px;box-shadow:1.5px 2px 0 -.5px color-mix(in srgb,var(--pen) 45%,transparent)}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-family:var(--font-hand);font-size:13.5px;color:var(--pencil)}.input{padding:6px 2px;background:transparent;border:none;border-bottom:1.6px solid var(--ink-soft);color:var(--ink-deep);font-family:var(--font-hand);font-size:16px}.input:focus{outline:none;border-bottom-color:var(--pen-red)}.input::placeholder{color:var(--pencil);opacity:.8}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented>button{padding:5px 12px;background:transparent;border:1.4px solid transparent;border-radius:var(--sketch-c);color:var(--pencil);font-family:var(--font-hand);font-size:14.5px;cursor:pointer;transition:color .12s linear,border-color .12s linear,background .12s linear}.segmented>button:hover:not(:disabled){color:var(--ink)}.segmented>button[data-on=true]{border-color:var(--ink);color:var(--ink-deep);background:var(--wash-blue);box-shadow:inset 0 -3px 0 -1.4px var(--ink-soft)}.segmented>button:disabled{cursor:not-allowed;opacity:.5}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:4px 10px}.tile{display:flex;align-items:center;gap:8px;padding:4px 6px;background:transparent;border:none;color:var(--pencil);font-family:var(--font-hand);font-size:14.5px;text-align:left;cursor:pointer;transition:color .12s linear}.tile:before{content:"";flex:0 0 auto;width:15px;height:15px;border:1.5px solid currentColor;border-radius:var(--sketch-c)}.tile:hover:not(:disabled){color:var(--ink)}.tile[data-on=true]{color:var(--ink-deep)}.tile[data-on=true]:before{border-color:var(--ink);background:var(--ink)}.tile:disabled{cursor:not-allowed;opacity:.6}.tile:disabled:before{border-style:dashed}.toggle-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;background:transparent;border:1.4px solid var(--pencil-soft);border-radius:var(--sketch-c);color:var(--pencil);font-family:var(--font-hand);font-size:14px;cursor:pointer;transition:color .12s linear,border-color .12s linear,background .12s linear}.chip:hover:not(:disabled){color:var(--ink);border-color:var(--ink-soft)}.chip[data-on=true]{border-color:var(--ink);color:var(--ink-deep);background:var(--wash-blue)}.chip:disabled{cursor:not-allowed;opacity:.6;border-style:dashed}.menu{max-width:1380px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--gap-lg);padding:clamp(16px,3vw,30px) clamp(16px,3vw,28px) clamp(16px,3vw,26px) 0}.hero__text{display:flex;flex-direction:column;gap:6px;min-width:0}.hero__title{font-size:clamp(32px,6vw,58px);line-height:1.02;color:var(--ink-deep);transform:rotate(-1.2deg);transform-origin:left center;text-wrap:balance}.hero__tagline{font-family:var(--font-hand);font-size:clamp(14px,1.5vw,16px);line-height:1.7;color:color-mix(in srgb,var(--ink) 78%,var(--paper));max-width:46ch}.hero__sketch{width:clamp(160px,21vw,240px);height:auto;color:var(--ink-soft);transform:rotate(1.2deg);overflow:hidden}.hero-sketch__hull{transform-box:fill-box;transform-origin:50% 88%;will-change:transform}.hero-sketch__waves{will-change:transform}.hero-sketch__smoke path{transform-box:fill-box;transform-origin:50% 100%;opacity:0}.menu__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:var(--gap-lg);align-items:start}.menu__side{display:flex;flex-direction:column;gap:var(--gap-md)}.callsign{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:10px var(--gap-md) 12px}.callsign__badge{display:flex;align-items:center;justify-content:center;color:var(--pen-red)}.callsign__field{display:flex;flex-direction:column;min-width:0}.callsign__label{font-family:var(--font-hand);font-size:13px;color:var(--pencil)}.callsign__input{width:100%;padding:2px 0 3px;background:transparent;border:none;border-bottom:1.6px solid var(--ink-soft);color:var(--ink-deep);font-family:var(--font-hand);font-size:19px}.callsign__input:focus{outline:none;border-bottom-color:var(--pen-red)}.code-join{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:end;gap:8px;padding:0 var(--gap-md) var(--gap-md)}.code-join__input{padding:4px 2px;background:transparent;border:none;border-bottom:1.6px dashed var(--ink-soft);color:var(--ink-deep);font-family:var(--font-hand);font-size:20px;letter-spacing:.06em;text-transform:uppercase}.code-join__input:focus{outline:none;border-bottom-style:solid;border-bottom-color:var(--pen-red)}.code-join__input::placeholder{letter-spacing:.04em;color:var(--pencil);opacity:.75}.code-join__go{display:flex;align-items:center;justify-content:center;height:32px;background:transparent;border:1.5px solid var(--ink);border-radius:var(--sketch-c);color:var(--ink);cursor:pointer}.code-join__go:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 8%,transparent)}.code-join__go:disabled{color:var(--pencil);border-color:var(--pencil);border-style:dashed;opacity:.6;cursor:not-allowed}.lobby-list{display:flex;flex-direction:column;max-height:420px;overflow-y:auto}.lobby-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:var(--gap-md);padding:9px 4px}.lobby-row+.lobby-row{border-top:1px dashed var(--pencil-soft)}.lobby-row__status{width:9px;height:9px;border-radius:50%;background:var(--pen-green)}.lobby-row__status[data-state=busy]{background:transparent;border:1.5px solid var(--pencil)}.lobby-row__body{display:flex;flex-direction:column;gap:3px;min-width:0}.lobby-row__name{display:flex;align-items:baseline;gap:8px;font-size:17px;color:var(--ink-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-row__host{font-family:var(--font-hand);font-size:13.5px;color:var(--pencil)}.lobby-row__tags{display:flex;flex-wrap:wrap;gap:4px 10px}.tag{font-family:var(--font-hand);font-size:13.5px;color:var(--pencil);white-space:nowrap}.tag+.tag:before{content:"· "}.tag--accent{color:var(--ink)}.lobby-row__seats{font-family:var(--font-hand);font-size:16px;color:var(--pencil);white-space:nowrap;font-variant-numeric:tabular-nums}.empty-state{padding:var(--gap-xl) var(--gap-md);text-align:center;color:var(--pencil);font-size:15px;line-height:1.7}.room{width:1100px}.room__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(400px,1.08fr);gap:var(--gap-lg);align-items:start}.seat-list{display:flex;flex-direction:column;gap:6px}.seat{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:var(--gap-md);padding:8px 10px;border:1.5px solid var(--pencil-soft);border-radius:var(--sketch-a)}.seat:nth-child(2n){border-radius:var(--sketch-b)}.seat[data-ready=true]{border-color:var(--pen-green)}.seat[data-empty=true]{border-style:dashed;color:var(--pencil)}.seat__avatar{display:flex;align-items:center;justify-content:center;color:var(--pencil)}.seat[data-ready=true] .seat__avatar{color:var(--pen-green)}.seat__name{display:flex;align-items:center;gap:8px;min-width:0;font-size:17px;color:var(--ink-deep)}.seat__badge{padding:1px 7px;border:1.3px solid var(--pen-red);border-radius:var(--sketch-c);color:var(--pen-red);font-family:var(--font-hand);font-size:12.5px}.seat__status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-hand);font-size:14px;color:var(--pencil)}.seat__status[data-ready=true]{color:var(--pen-green)}.explainer-box{position:relative;--panel-wash: transparent}.explainer{position:relative;z-index:1;padding:6px 13px 8px}.explainer>summary{display:flex;align-items:center;gap:8px;padding:4px 2px;border-bottom:1.4px solid var(--pencil-soft);color:var(--pencil);font-family:var(--font-hand);font-size:15px;cursor:pointer;list-style:none}.explainer>summary::-webkit-details-marker{display:none}.explainer>summary:after{content:"…";margin-left:auto;color:var(--pencil)}.explainer[open]>summary:after{content:"×"}.explainer>summary:hover{color:var(--ink)}.explainer>summary svg{color:var(--ink-soft)}.explainer>ol{padding-top:var(--gap-sm)}.room__code{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap}.room__code code{padding:3px 14px;border:2px solid var(--ink);border-radius:var(--sketch-b);color:var(--ink-deep);font-family:var(--font-hand);font-size:24px;letter-spacing:.07em;text-indent:.07em}.hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--gap-md);padding:10px var(--gap-md)}.hud__player{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:5px 10px;border:1.5px solid var(--pencil-soft);border-radius:var(--sketch-a);min-width:0;transition:background .15s linear,border-color .15s linear}.hud__player--right{grid-template-columns:minmax(0,1fr) 32px;justify-items:end}.hud__player--right{border-radius:var(--sketch-b)}.hud__player[data-active=true]{border-color:var(--ink);border-width:2px;background:var(--marker-soft)}.hud__player--enemy[data-active=true]{border-color:var(--pen-red)}.hud__turn{color:var(--ink-deep);font-weight:700}.hud__player--enemy .hud__turn{color:var(--pen-red)}.hud__avatar{display:flex;align-items:center;justify-content:center;color:var(--pencil)}.hud__player[data-active=true] .hud__avatar{color:var(--ink)}.hud__player--enemy .hud__avatar{color:var(--pen-red)}.hud__player--enemy .hud__avatar>svg,.hud__player--enemy .hud__avatar>img{opacity:.75}.hud__info{display:flex;flex-direction:column;gap:0;min-width:0}.hud__player--right .hud__info{align-items:flex-end}.hud__name{font-size:18px;color:var(--ink-deep);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hud__player--enemy .hud__name{color:var(--pen-red)}.hud__meta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-hand);font-size:13px;color:var(--pencil);white-space:nowrap}.hud__meta b{color:var(--ink);font-weight:700}.hud__offline{color:var(--pen-red)}.hud__center{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 var(--gap-sm)}.hud__score{display:flex;align-items:baseline;gap:8px;font-family:var(--font-hand);font-size:30px;color:var(--ink-deep);font-variant-numeric:tabular-nums;line-height:1.05}.hud__score b:first-child{color:var(--ink);font-weight:400}.hud__score b:last-child{color:var(--pen-red);font-weight:400}.hud__score span{color:var(--pencil)}.hud__round{font-family:var(--font-hand);font-size:13.5px;color:var(--pencil);white-space:nowrap}.hud__phase{padding:1px 11px;border:1.4px solid var(--ink-soft);border-radius:var(--sketch-c);font-family:var(--font-hand);font-size:13.5px;color:var(--ink-deep)}.hud__controls{position:absolute;top:7px;right:clamp(12px,1.4vw,22px);z-index:5;display:flex;align-items:center;gap:6px}.timer{display:flex;flex-direction:column;gap:3px;min-width:120px}.timer__label{display:flex;justify-content:space-between;gap:8px;font-family:var(--font-hand);font-size:13.5px;color:var(--pencil)}.timer__track{height:7px;border:1.3px solid var(--pencil-soft);border-radius:var(--sketch-c);overflow:hidden}.timer__fill{height:100%;background:repeating-linear-gradient(-45deg,var(--ink-soft) 0 2px,transparent 2px 5px);transition:width .35s linear}.timer[data-urgent=true] .timer__fill{background:repeating-linear-gradient(-45deg,var(--pen-red) 0 2px,transparent 2px 5px)}.timer[data-urgent=true] .timer__label{color:var(--pen-red)}.battle{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr) minmax(230px,300px);gap:var(--gap-md);align-items:start}.battle__center{display:flex;flex-direction:column;gap:var(--gap-md);min-width:0}.boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(14px,2.5vw,28px);justify-items:center}.rail{display:flex;flex-direction:column;gap:var(--gap-md)}.placement{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr) minmax(245px,300px);gap:var(--gap-md);align-items:start}.board{display:flex;flex-direction:column;gap:5px;min-width:0;max-width:100%;width:100%;align-items:center}.board__caption{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);font-family:var(--font-hand);font-size:16px;color:var(--ink-deep)}.board__caption span{font-family:var(--font-hand);font-size:14px;color:var(--pencil)}.board__sheet{position:relative;align-self:center;max-width:100%;filter:drop-shadow(2px 3px 1px rgba(92,74,44,.18)) drop-shadow(7px 10px 9px rgba(74,60,36,.22));transition:filter .15s ease-out}.board__sheet canvas{clip-path:polygon(.9% 1.1%,14% .5%,31% 1%,48% .4%,63% 1.1%,78% .5%,91% 1.2%,99.2% .6%,98.7% 14%,99.4% 26%,98.4% 41%,99.5% 52%,98.6% 67%,99.3% 79%,98.8% 98.4%,86% 99.4%,73% 97.9%,61% 99.5%,47% 98.2%,34% 99.6%,21% 98%,9% 99.4%,1.2% 98.3%,.6% 86%,1.4% 73%,.5% 59%,1.3% 46%,.6% 32%,1.2% 18%)}.boards .board:nth-child(2n) .board__sheet canvas,.reveal .board:nth-child(2n) .board__sheet canvas{clip-path:polygon(1.2% .6%,16% 1.2%,29% .4%,44% 1.1%,59% .5%,74% 1.2%,88% .5%,98.8% 1.2%,99.4% 12%,98.5% 24%,99.5% 38%,98.4% 51%,99.3% 65%,98.6% 77%,99.2% 99.2%,88% 98.2%,74% 99.5%,59% 98%,45% 99.4%,31% 98.1%,18% 99.5%,6% 98.3%,.8% 99.2%,1.3% 84%,.5% 71%,1.4% 57%,.6% 43%,1.2% 29%,.5% 15%)}.board__sheet[data-interactive=true]{cursor:crosshair}.board__sheet[data-blocked=true]{cursor:not-allowed}.board__sheet[data-turn=true],.board__sheet[data-targeting=true]{filter:drop-shadow(3px 4px 2px rgba(92,74,44,.2)) drop-shadow(11px 15px 14px rgba(74,60,36,.26))}.board__sheet canvas{max-width:100%;height:auto}.board__deny{display:inline-flex;align-items:center;gap:6px;color:var(--pen-red)}.board__deny svg{color:var(--pen-red)}.board__readout{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);min-height:18px;font-family:var(--font-hand);font-size:13.5px;color:var(--pencil)}.board__readout strong{font-size:15px;color:var(--pen-red)}.rule-card{position:relative;background:linear-gradient(170deg,var(--sticky) 0%,color-mix(in srgb,var(--sticky) 88%,#fff) 100%);border:1px solid var(--sticky-edge);border-radius:var(--sketch-sticker);padding:12px 14px 14px;transform:rotate(-.8deg);box-shadow:0 7px 14px -9px var(--sheet-shadow)}.rule-card:before{content:"";position:absolute;top:-7px;left:50%;width:62px;height:15px;transform:translate(-50%) rotate(-2deg);background:var(--tape);border-left:1px dashed rgba(0,0,0,.08);border-right:1px dashed rgba(0,0,0,.08)}.rule-card--enemy{transform:rotate(1.1deg);border-radius:2px 4px 3px 5px;background:linear-gradient(170deg,color-mix(in srgb,var(--sticky) 78%,#fff),color-mix(in srgb,var(--sticky) 92%,#fff))}.rule-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);font-family:var(--font-hand);font-size:13px;color:var(--pencil)}.rule-card--enemy .rule-card__head{color:var(--pen-red)}.rule-card__body{display:flex;flex-direction:column;gap:5px;padding-top:3px}.rule-card__name{font-size:21px;color:var(--ink-deep);line-height:1.15}.rule-card--enemy .rule-card__name{color:var(--pen-red)}.rule-card__summary{font-size:15px;line-height:1.4;color:var(--ink)}.rule-card__detail{font-family:var(--font-hand);font-size:13.5px;line-height:1.5;color:color-mix(in srgb,var(--ink) 62%,var(--pencil));border-top:1px dashed rgba(0,0,0,.16);padding-top:7px}.conditions{display:flex;flex-direction:column;gap:4px;margin-top:4px}.cond{display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:start;font-size:14.5px;line-height:1.35;color:var(--ink)}.cond__mark{display:flex;align-items:center;height:20px;color:var(--pen-green)}.cond[data-ok=false],.cond[data-ok=false] .cond__mark{color:var(--pen-red)}.cond__detail{display:block;font-family:var(--font-hand);font-size:13px;color:var(--pencil)}.dock{display:flex;flex-direction:column;gap:4px}.dock__ship{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding:5px 8px;background:transparent;border:1.5px solid transparent;border-radius:var(--sketch-a);cursor:pointer;transition:border-color .12s linear,opacity .12s linear}.dock__ship:hover:not([data-placed=true]){border-color:var(--pencil-soft)}.dock__ship[data-selected=true]{border-color:var(--ink);background:var(--wash-blue)}.dock__ship[data-placed=true]{opacity:.42;cursor:default;text-decoration:line-through;text-decoration-color:var(--pen-red);text-decoration-thickness:1.5px}.dock__hull{display:flex;gap:2px}.dock__deck{width:14px;height:14px;border:1.4px solid var(--ink);border-radius:2px 5px 3px 6px/5px 3px 6px 2px}.dock__ship[data-placed=true] .dock__deck{border-color:var(--pencil-soft)}.dock__size{font-family:var(--font-hand);font-size:14.5px;color:var(--ink)}.hint{font-family:var(--font-hand);font-size:13.5px;line-height:1.55;color:var(--pencil)}.hint kbd{display:inline-block;padding:0 5px;margin:0 2px;border:1.2px solid var(--pencil);border-radius:var(--sketch-c);font-family:var(--font-hand);font-size:12px;color:var(--ink)}.buff-hand{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.buff-card{position:relative;width:176px;display:flex;flex-direction:column;gap:4px;padding:10px 12px 16px;background:var(--paper-lit);border:none;text-align:left;cursor:pointer;box-shadow:0 7px 14px -10px var(--sheet-shadow);clip-path:polygon(0 0,100% 0,100% 93%,88% 100%,74% 94%,60% 100%,45% 93%,31% 100%,17% 94%,4% 100%,0 93%);transition:transform .12s ease-out,box-shadow .12s ease-out}.buff-card-slot{position:relative;display:inline-flex}.buff-card-slot:nth-child(3n+1) .buff-card{transform:rotate(-1.6deg)}.buff-card-slot:nth-child(3n+2) .buff-card{transform:rotate(1.1deg)}.buff-card-slot:nth-child(3n) .buff-card{transform:rotate(-.4deg) translateY(2px)}.buff-card-slot:nth-child(2n) .buff-card{clip-path:polygon(0 0,100% 0,100% 94%,92% 99%,79% 93%,66% 100%,52% 94%,38% 99%,25% 93%,11% 100%,0 95%)}.buff-card:hover:not(:disabled){transform:translateY(-4px) rotate(0);box-shadow:0 12px 18px -10px var(--sheet-shadow)}.buff-card:disabled{opacity:.45;cursor:not-allowed}.buff-card[data-armed=true]{transform:translateY(-6px) rotate(0);background:var(--paper-lit);box-shadow:inset 0 0 0 2px var(--ink),0 14px 20px -10px var(--sheet-shadow)}.buff-card__head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-family:var(--font-hand);font-size:12.5px;color:var(--pencil)}.buff-card__tier{color:var(--pen-red);letter-spacing:1px}.buff-card__name{font-size:17px;color:var(--ink-deep);line-height:1.15}.buff-card__summary{font-size:13.5px;line-height:1.4;color:var(--ink)}.buff-card__note{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:20;width:210px;padding:10px 12px;background:var(--sticky);border:1px solid var(--sticky-edge);box-shadow:0 8px 16px -10px var(--sheet-shadow);color:var(--ink-deep);font-family:var(--font-hand);font-size:14px;line-height:1.4;text-align:left;transform:translate(-50%) rotate(-1.2deg) scale(.96);transform-origin:50% 100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease-out,transform .12s ease-out,visibility .12s}.buff-card__note em{display:block;margin-top:5px;font-style:normal;color:var(--pencil)}.buff-card-slot:hover .buff-card__note,.buff-card:focus-visible~.buff-card__note{opacity:1;visibility:visible;transform:translate(-50%) rotate(-1.2deg) scale(1)}.buff-card--large{width:236px;padding:14px 16px 20px;gap:6px}.buff-card--large .buff-card__name{font-size:20px}.buff-card__detail{font-family:var(--font-hand);font-size:13px;line-height:1.45;color:var(--pencil);border-top:1px dashed var(--pencil-soft);padding-top:7px}.buff-empty{padding:var(--gap-sm) 0;color:var(--pencil);font-size:14.5px}.modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:var(--gap-lg);background:#14100a8c;animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}}.modal__panel{width:min(780px,100%);max-height:90vh;overflow-y:auto;background-color:var(--paper);background-image:repeating-linear-gradient(to right,transparent 0 15px,var(--rule-page) 15px 16px),repeating-linear-gradient(to bottom,transparent 0 15px,var(--rule-page) 15px 16px);background-size:16px 16px;filter:drop-shadow(0 20px 34px rgba(0,0,0,.55));transform:rotate(-.4deg);clip-path:polygon(.5% .7%,12% .2%,26% .9%,39% .3%,55% 1%,68% .4%,82% .9%,99.4% .3%,99% 11%,99.6% 23%,98.9% 36%,99.5% 48%,99% 61%,99.6% 74%,99.1% 87%,99.5% 99.3%,88% 98.8%,74% 99.5%,61% 98.9%,46% 99.6%,32% 99%,18% 99.7%,.6% 99.1%,1% 86%,.3% 72%,.9% 58%,.4% 44%,1% 30%,.4% 16%)}.modal__panel--settings{width:min(660px,100%)}.modal__head{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-md) var(--gap-md) 10px;border-bottom:1px dashed var(--pencil-soft);color:var(--ink)}.modal__head--center{flex-direction:column;gap:2px;text-align:center}.modal__title{font-size:22px;color:var(--ink-deep)}.modal__panel--settings .modal__title{font-size:19px}.modal__sub{font-family:var(--font-hand);font-size:14.5px;color:var(--pencil)}.modal__cards{display:flex;flex-wrap:wrap;gap:var(--gap-md);justify-content:center;padding:var(--gap-lg) var(--gap-md)}.modal__foot{display:flex;justify-content:flex-end;gap:var(--gap-sm);padding:var(--gap-md);border-top:1px dashed var(--pencil-soft)}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-md);padding:var(--gap-md)}.crash{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:560px;margin:12vh auto;padding:28px 32px;background:#f2ecdd;border:2px solid #2f3a45;border-radius:6px;color:#2f3a45;font-family:Caveat,cursive}.crash__title{margin:0;font-size:32px}.crash__text{margin:0;font-size:19px;line-height:1.4}.crash__detail{margin:0;max-width:100%;overflow-x:auto;padding:8px 10px;background:#e3dbc7;border-radius:4px;font-family:ui-monospace,monospace;font-size:12px}.reactions{position:relative}.reactions__box{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:flex;flex-direction:column;gap:8px;padding:10px;min-width:208px;background:var(--paper);border:1.8px solid var(--pen);border-radius:var(--sketch-b);filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}.reactions__faces{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.reactions__face{display:flex;align-items:center;justify-content:center;padding:6px 0;border:1.4px solid transparent;border-radius:var(--sketch-a);background:none;color:var(--ink);cursor:pointer}.reactions__face:hover,.reactions__phrase:hover{border-color:var(--pencil-soft);background:color-mix(in srgb,var(--pen) 7%,transparent)}.reactions__phrases{display:flex;flex-direction:column;gap:2px}.reactions__phrase{padding:5px 8px;border:1.4px solid transparent;border-radius:var(--sketch-a);background:none;font-family:var(--font-hand);font-size:16px;text-align:left;color:var(--ink);cursor:pointer}.reaction-bubble{position:absolute;bottom:calc(100% + 4px);left:8px;padding:3px 9px;background:var(--paper);border:1.6px solid var(--pen);border-radius:var(--sketch-b);font-family:var(--font-hand);font-size:16px;line-height:1.2;white-space:nowrap;color:var(--ink);filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}.hud__player--right .reaction-bubble{left:auto;right:8px}.hud__face{display:flex;align-items:center;justify-content:center;color:var(--ink);animation:face-pop .26s cubic-bezier(.2,1.5,.4,1) both,face-boil .44s steps(1) .26s infinite}.hud__player--enemy .hud__face{color:var(--pen-red);opacity:1}@keyframes face-pop{0%{transform:scale(.4) rotate(-14deg);opacity:0}55%{transform:scale(1.32) rotate(5deg);opacity:1}to{transform:scale(1.15) rotate(0);opacity:1}}@keyframes face-boil{0%,to{transform:scale(1.15) rotate(1deg) translate(.4px,-.4px)}50%{transform:scale(1.15) rotate(-1.1deg) translate(-.4px,.4px)}}.hud__face[data-face=laugh]{animation:face-pop .26s cubic-bezier(.2,1.5,.4,1) both,face-laugh .38s ease-in-out .26s infinite}.hud__face[data-face=sad]{animation:face-pop .26s cubic-bezier(.2,1.5,.4,1) both,face-sad 1.6s ease-in-out .26s infinite}.hud__face[data-face=surprise]{animation:face-pop .26s cubic-bezier(.2,1.5,.4,1) both,face-surprise .9s ease-out .26s infinite}.hud__face[data-face=think]{animation:face-pop .26s cubic-bezier(.2,1.5,.4,1) both,face-think 1.8s ease-in-out .26s infinite}.hud__face[data-face=salute]{animation:face-pop .26s cubic-bezier(.2,1.5,.4,1) both,face-salute 1.4s ease-in-out .26s infinite}@keyframes face-laugh{0%,to{transform:scale(1.15) rotate(-4deg) translateY(0)}50%{transform:scale(1.2) rotate(4deg) translateY(-1.5px)}}@keyframes face-sad{0%,to{transform:scale(1.12) translateY(.8px) rotate(-2deg)}50%{transform:scale(1.15) translateY(-.6px) rotate(-1deg)}}@keyframes face-surprise{0%{transform:scale(1.15) rotate(0)}12%{transform:scale(1.34) rotate(-3deg)}30%{transform:scale(1.15) rotate(2deg)}to{transform:scale(1.15) rotate(0)}}@keyframes face-think{0%,to{transform:scale(1.15) rotate(-7deg)}50%{transform:scale(1.15) rotate(7deg)}}@keyframes face-salute{0%,60%,to{transform:scale(1.15) translateY(0) rotate(0)}20%{transform:scale(1.18) translateY(-2px) rotate(-5deg)}40%{transform:scale(1.15) translateY(1px) rotate(2deg)}}.hud__photo{width:26px;height:26px;border-radius:var(--sketch-a);object-fit:cover}.callsign__name{font-family:var(--font-hand);font-size:19px;color:var(--ink);line-height:1.2}.result__xp{margin:2px 0 0;font-family:var(--font-hand);font-size:19px;color:var(--pen-red)}.profile{display:grid;gap:var(--gap-md);padding:var(--gap-md)}.profile__rank{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--gap-md)}.profile__who{display:flex;align-items:center;gap:10px}.profile__photo{width:44px;height:44px;border-radius:var(--sketch-a);object-fit:cover;border:1.6px solid var(--pencil-soft)}.profile__name{margin:0;font-family:var(--font-hand);font-size:24px;color:var(--ink)}.profile__title{margin:2px 0 0;font-size:14px;color:var(--pencil)}.profile__earned{font-family:var(--font-hand);font-size:18px;color:var(--pen-red)}.xpbar{position:relative;height:9px;margin-top:10px;border:1.5px solid var(--pen);border-radius:var(--sketch-a);overflow:hidden}.xpbar__fill{height:100%;background:repeating-linear-gradient(-45deg,var(--pen) 0 2px,transparent 2px 5px)}.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px 14px;margin-top:4px}.figure{display:flex;flex-direction:column;gap:1px}.figure__value{font-family:var(--font-hand);font-size:21px;color:var(--ink)}.figure__label{font-size:12.5px;color:var(--pencil)}.rule-stats{display:flex;flex-direction:column;gap:6px;margin-top:4px}.rule-stats__row{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;align-items:center;gap:10px;font-size:14px}.rule-stats__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-stats__bar{height:7px;border:1.3px solid var(--pencil-soft);border-radius:var(--sketch-a);overflow:hidden}.rule-stats__fill{display:block;height:100%;background:var(--pen);opacity:.75}.rule-stats__count{font-variant-numeric:tabular-nums;color:var(--pencil)}.recent{display:flex;flex-direction:column;gap:4px;margin-top:4px}.recent__row{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:3px 0;font-size:14px}.recent__row+.recent__row{border-top:1px dashed var(--pencil-soft)}.recent__mark{color:var(--pencil)}.recent__row[data-won=true] .recent__mark{color:var(--pen)}.recent__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent__score{font-variant-numeric:tabular-nums}.recent__date{color:var(--pencil);font-size:13px}.panel__body .settings{padding:4px 0 2px}.settings__group{display:flex;flex-direction:column;gap:6px;min-width:0;position:relative;padding:9px 12px 11px;--panel-wash: var(--wash-blue)}.settings__group--wide{grid-column:1 / -1}.settings__label{display:flex;align-items:center;gap:7px;font-family:var(--font-hand);font-size:14.5px;color:var(--ink)}.settings__label svg{color:var(--ink-soft)}.settings__label span{color:var(--pencil)}.lang-grid{display:flex;flex-wrap:wrap;gap:6px}.slider{flex:1;min-width:140px;height:20px;appearance:none;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:var(--pencil-soft)}.slider::-webkit-slider-thumb{appearance:none;width:15px;height:15px;margin-top:-6px;border:1.6px solid var(--ink);border-radius:50%;background:var(--paper-lit)}.slider::-moz-range-track{height:3px;border-radius:2px;background:var(--pencil-soft)}.slider::-moz-range-thumb{width:13px;height:13px;border:1.6px solid var(--ink);border-radius:50%;background:var(--paper-lit)}.slider:focus-visible{outline:2px solid var(--ink-soft);outline-offset:4px}.slider__value{min-width:48px;font-family:var(--font-hand);font-size:16px;color:var(--ink-deep);font-variant-numeric:tabular-nums}:root:lang(zh){--font-hand: "Caveat", "KaiTi", "STKaiti", "Kaiti SC", "DFKai-SB", cursive;font-size-adjust:none}:root:lang(ja){--font-hand: "Caveat", "Yu Mincho", "Hiragino Mincho ProN", "Yu Gothic", "Meiryo", cursive;font-size-adjust:none}:root:lang(ko){--font-hand: "Caveat", "Gungsuh", "Batang", "Apple SD Gothic Neo", "Malgun Gothic", cursive;font-size-adjust:none}.log{display:flex;flex-direction:column-reverse;gap:0;max-height:320px;overflow-y:auto;padding:4px var(--gap-md) var(--gap-sm)}.log__entry{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:baseline;font-family:var(--font-hand);font-size:14.5px;line-height:1.62;color:var(--ink);padding:1px 0}.log__time{font-family:var(--font-hand);font-size:12.5px;color:var(--pencil);font-variant-numeric:tabular-nums}.log__entry[data-tone=good] .log__text{color:var(--pen-red)}.log__entry[data-tone=bad] .log__text{color:var(--pencil)}.log__entry[data-tone=buff] .log__text{color:var(--ink-deep)}.log__entry[data-tone=system] .log__text{color:var(--pencil)}.intel{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto;padding:4px var(--gap-md) var(--gap-sm)}.intel__row{display:flex;align-items:center;gap:8px;padding:3px 6px;background:transparent;border:none;border-left:2px solid var(--pencil-soft);font-family:var(--font-hand);font-size:14px;color:var(--pencil);text-align:left;cursor:pointer;transition:color .12s linear,border-color .12s linear}.intel__row:hover,.intel__row[data-active=true]{color:var(--ink-deep);border-left-color:var(--ink)}.fleet-status{display:flex;flex-direction:column;gap:7px;padding:var(--gap-md)}.fleet-status__row{display:flex;align-items:center;gap:var(--gap-sm)}.fleet-status__label{width:22px;font-family:var(--font-hand);font-size:14px;color:var(--pencil)}.fleet-status__ships{display:flex;gap:7px;flex-wrap:wrap}.fleet-pip{display:flex;gap:1px}.fleet-pip__deck{width:11px;height:11px;border:1.3px solid var(--ink);border-radius:2px 4px 3px 5px/4px 3px 5px 2px}.fleet-pip[data-sunk=true] .fleet-pip__deck{border-color:var(--pen-red);background:linear-gradient(to top left,transparent 44%,var(--pen-red) 45%,var(--pen-red) 55%,transparent 56%)}.result{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);text-align:center;padding:var(--gap-md) 0}.result__title{display:flex;align-items:center;gap:var(--gap-md);font-size:clamp(24px,4vw,38px)}.result__title[data-win=true]{color:var(--ink-deep)}.result__title[data-win=false]{color:var(--pen-red)}.result__score{font-family:var(--font-hand);font-size:clamp(20px,3.2vw,30px);letter-spacing:.1em;color:var(--ink-deep);font-variant-numeric:tabular-nums}.reveal{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap-lg);justify-items:center}.reveal .board{max-width:min(520px,50vh)}.toasts{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:110;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{padding:7px 15px;background:var(--sticky);border:1px solid var(--sticky-edge);font-family:var(--font-hand);font-size:14.5px;color:var(--ink-deep);box-shadow:0 8px 16px -10px #0009;transform:rotate(-.8deg);animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) rotate(-.8deg)}}.toast[data-tone=error]{border-color:var(--pen-red);color:var(--pen-red)}.toast[data-tone=warn]{border-color:var(--pen-red)}.toast[data-tone=info]{border-color:var(--ink)}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);padding:6px clamp(12px,3vw,30px);font-family:var(--font-hand);font-size:13.5px;color:var(--desk-ink-dim)}.statusbar__group{display:flex;align-items:center;gap:var(--gap-md)}.conn{display:inline-flex;align-items:center;gap:6px}.conn__dot{width:7px;height:7px;border-radius:50%;background:var(--pen-green)}.conn[data-state=connecting] .conn__dot{background:var(--marker)}.conn[data-state=offline] .conn__dot{background:var(--pen-red)}.sound-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:none;color:var(--desk-ink-dim);font-family:var(--font-hand);font-size:13.5px;cursor:pointer}.sound-toggle:hover{color:var(--desk-ink)}.stack{display:flex;flex-direction:column;gap:var(--gap-sm)}.row{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap}.row--between{justify-content:space-between}.muted{font-family:var(--font-hand);font-size:14px;color:var(--pencil)}.turn-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px var(--gap-md);border-top:1.6px solid var(--pencil-soft);border-bottom:1.6px solid var(--pencil-soft);font-family:var(--font-hand);font-size:17px;color:var(--pencil);text-align:center}.turn-banner[data-yours=true]{border-color:var(--ink);color:var(--ink-deep);font-size:19px;background:linear-gradient(to bottom,transparent 64%,var(--marker-soft) 64%,var(--marker-soft) 90%,transparent 90%)}.turn-banner[data-targeting=true]{border-style:dashed;border-color:var(--pen-red);color:var(--pen-red);background:var(--wash-red)}@media(max-width:1000px){.battle,.placement{grid-template-columns:minmax(0,1fr)}.rail{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.rail>*{flex:1 1 280px;max-width:460px}}@media(max-width:760px){.menu__grid,.room__grid,.settings,.hero{grid-template-columns:minmax(0,1fr)}.hero__sketch{justify-self:center}.boards{flex-direction:column;align-items:center}.hud{grid-template-columns:minmax(0,1fr) auto;row-gap:var(--gap-sm)}.hud__center{grid-row:1;grid-column:2}.hud__player--right{grid-row:2;grid-column:1}}