html,body{margin:0;padding:0;height:100%;color:#ffffffde;background-color:#000}#app{width:100vw;height:100vh;height:100dvh;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center;align-items:center}#game-container{width:100%;height:100%}#menu-root{--bg-base: #0d1826;--glass: rgba(13, 27, 48, .6);--glass-active: #2e4468;--glass-deep: rgba(10, 20, 36, .72);--seat-empty: rgba(13, 27, 48, .35);--text: #ffffff;--text-dim: #8fa3c2;--text-disabled: #6f7b8e;--accent: #34c759;--select: #5ac8fa;--gold: #ffd60a;--danger: #ff453a;--plate-hi: #263a5c;--plate-lo: #1a2a46;--line: rgba(122, 160, 220, .14);--line-strong: rgba(122, 160, 220, .25);--sa-t: max(env(safe-area-inset-top), calc(var(--tg-sa-top, 0px) + var(--tg-csa-top, 0px)));--sa-r: max(env(safe-area-inset-right), calc(var(--tg-sa-right, 0px) + var(--tg-csa-right, 0px)));--sa-b: max(env(safe-area-inset-bottom), calc(var(--tg-sa-bottom, 0px) + var(--tg-csa-bottom, 0px)));--sa-l: max(env(safe-area-inset-left), calc(var(--tg-sa-left, 0px) + var(--tg-csa-left, 0px)));position:absolute;inset:0;z-index:20;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;padding:0 var(--sa-r) 0 var(--sa-l);background:linear-gradient(180deg,#070d18a8,#070d186b 40%,#070d18c2),url(./slate_vertical_blur-C9DfWeoX.webp) center / cover no-repeat,var(--bg-base);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;user-select:none;-webkit-user-select:none;display:flex;justify-content:center}@media(orientation:landscape){#menu-root{background:linear-gradient(180deg,#070d18a8,#070d186b 40%,#070d18c2),url(./slate_horizontal_blur-D6j1nu6J.webp) center / cover no-repeat,var(--bg-base)}}#menu-root *{box-sizing:border-box}#menu-root [hidden]{display:none!important}#menu-root .screen{width:min(420px,100% - 32px);min-height:100svh;display:flex;flex-direction:column;padding:calc(18px + var(--sa-t)) 0 calc(22px + var(--sa-b))}#menu-root .screen.tabbed{padding-top:0}#menu-root .shead{position:sticky;top:0;z-index:5;padding-top:calc(18px + var(--sa-t));margin-bottom:2px;background:linear-gradient(180deg,#091221f7,#091221e6);box-shadow:0 1px 0 var(--line)}#menu-root .nav{display:flex;align-items:center;gap:10px;height:44px;margin-bottom:16px}#menu-root .nav .back{width:36px;height:36px;border-radius:12px;background:var(--glass);border:1px solid var(--line-strong);color:#cfe0f4;font-size:18px;cursor:pointer;box-shadow:inset 0 1px #ffffff14}#menu-root .nav .back:active{border-color:#7aa0dc8c;color:#fff}#menu-root .nav .title{font-size:18px;font-weight:700;flex:1}#menu-root .nav .tag{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--gold);border:1px solid rgba(255,214,10,.4);border-radius:6px;padding:3px 7px}#menu-root .panel{background:var(--glass-deep);border-radius:16px;box-shadow:inset 0 2px 4px #00000059,inset 0 0 0 1px var(--line)}#menu-root .hint{font-size:11px;color:var(--text-dim);text-align:center}#menu-root .card{display:flex;align-items:center;gap:14px;width:100%;background:linear-gradient(180deg,var(--plate-hi) 0%,var(--plate-lo) 100%);border:none;border-radius:18px;padding:16px;margin-top:12px;cursor:pointer;text-align:left;color:var(--text);box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px var(--line),0 3px 7px #00000059}#menu-root .card:active{background:linear-gradient(180deg,#2e4568,#223452)}#menu-root .card .ico{width:48px;height:48px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}#menu-root .card .ico.green{background:linear-gradient(180deg,#43d158,#26963c);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #0a3c198c}#menu-root .card .ico.blue{background:linear-gradient(180deg,#4a90e8,#2a6ac6);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #102c588c}#menu-root .card .t{font-size:16px;font-weight:700}#menu-root .card .s{font-size:12px;color:var(--text-dim);margin-top:3px}#menu-root .card .badge{margin-left:auto;font-size:10px;font-weight:800;color:var(--gold);border:1px solid rgba(255,214,10,.4);border-radius:6px;padding:3px 7px;flex:none}#menu-root .btn{position:relative;width:100%;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:800;color:var(--text);padding:14px 0;margin-top:10px;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1.5px #16233c8c,0 3px 7px #00000059;transition:transform .09s ease-in-out}#menu-root .btn:active{transform:scale(.97)}#menu-root .btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff47,#ffffff14 44%,#fff0 45%);pointer-events:none}#menu-root .btn.primary{background:linear-gradient(180deg,#43d158,#26963c);color:#06310f}#menu-root .btn.blue{background:linear-gradient(180deg,#4a90e8,#2a6ac6);color:#eaf4ff}#menu-root .btn.ghost{background:var(--glass);color:#9fb0c8;border:1px solid var(--line-strong);box-shadow:none}#menu-root .btn.ghost:before{display:none}#menu-root .btn.ghost:active{transform:none;color:#fff;border-color:#7aa0dc80}#menu-root .btn.disabled{background:#33415c;color:var(--text-disabled);cursor:default;box-shadow:inset 0 0 0 1.5px #16233c8c}#menu-root .btn.disabled:before{display:none}#menu-root .btn.disabled:active{transform:none}#menu-root .btn.danger{background:#0d1b3066;color:var(--danger);box-shadow:inset 0 0 0 1px #ff453a66}#menu-root .btn.danger:before{display:none}#menu-root .btn.danger:active{transform:none}#menu-root .btn.loading{cursor:default}#menu-root .btn .btn-spin{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:menu-btn-spin .7s linear infinite}@keyframes menu-btn-spin{to{transform:rotate(360deg)}}#menu-root .brand{text-align:center;margin-top:12svh}#menu-root .brand h1{font-size:46px;font-weight:900;letter-spacing:.04em;text-shadow:0 3px 14px rgba(0,0,0,.55)}#menu-root .brand p{font-size:12px;color:var(--text-dim);letter-spacing:.3em;margin-top:8px;text-shadow:0 2px 8px rgba(0,0,0,.5)}#menu-root .spacer{flex:1}#menu-root .ver{margin-top:14px}#menu-root .resume .ico{font-size:20px}#menu-root .resume .win{font-size:11px;color:var(--gold);font-weight:700}#menu-root .resume .lose{font-size:11px;color:var(--text-dim)}#menu-root .resume.done{opacity:.75}#menu-root .resume .meta{display:flex;align-items:center;gap:6px;margin-top:5px}#menu-root .resume .pdot{width:8px;height:8px;border-radius:50%;flex:none}#menu-root .resume .turn{font-size:11px;color:var(--gold);font-weight:700}#menu-root .resume .go{margin-left:auto;font-size:18px;color:var(--text-dim);flex:none}#menu-root .crash-log{background:var(--glass-deep);border-radius:12px;padding:10px;margin:4px 0;font-size:10px;line-height:1.4;color:var(--text-dim);white-space:pre-wrap;word-break:break-all;max-height:40vh;overflow-y:auto}#menu-root .empty{color:var(--text-dim);text-align:center;font-size:13px;padding:24px 0}#menu-root .tabs{display:flex;gap:4px;background:var(--glass-deep);border-radius:14px;padding:4px;margin-bottom:4px;box-shadow:inset 0 2px 4px #00000059,inset 0 0 0 1px var(--line)}#menu-root .tabs button{flex:1;background:transparent;border:none;border-radius:11px;color:var(--text-dim);font-size:13px;font-weight:700;padding:10px 0;cursor:pointer}#menu-root .tabs button.on{background:linear-gradient(180deg,var(--plate-hi) 0%,var(--plate-lo) 100%);color:var(--text);box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px var(--line)}#menu-root .saved-row{padding:0}#menu-root .saved-row .saved-main{flex:1;background:none;border:none;color:var(--text);font-size:16px;font-weight:700;text-align:left;padding:18px 0 18px 16px;cursor:pointer}#menu-root .saved-row .saved-edit{background:none;border:none;color:var(--text-dim);font-size:16px;padding:18px 16px;cursor:pointer;flex:none}#menu-root .saved-row input,#menu-root .name-input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-size:16px;font-weight:700;font-family:inherit;padding:18px 0 18px 16px}#menu-root .saved-row .saved-ok{color:var(--accent)}#menu-root .saved-row .saved-del{color:var(--danger);padding-left:4px}#menu-root .group{font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--text-dim);margin:26px 4px 2px;padding-top:14px;border-top:1px solid var(--line)}#menu-root .group.first{border-top:none;padding-top:0;margin-top:8px}#menu-root .opt{margin-top:18px}#menu-root .opt .lbl{font-size:13px;font-weight:600;margin:0 4px 8px}#menu-root .choices{display:flex;flex-direction:column;gap:6px}#menu-root .choices button{display:flex;align-items:center;gap:10px;width:100%;background:var(--glass);border:none;border-radius:12px;padding:11px 14px;cursor:pointer;text-align:left;color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--line)}#menu-root .choices button .cv{font-size:14px;font-weight:700}#menu-root .cd{display:block;font-size:11px;color:var(--text-dim);margin-top:2px;font-weight:400}#menu-root .choices button.on{background:linear-gradient(180deg,var(--plate-hi) 0%,var(--plate-lo) 100%);color:var(--text);box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px var(--line),0 3px 7px #00000059}#menu-root .code-card{background:linear-gradient(180deg,#263a5c,#1a2a46);box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #7aa0dc24,0 3px 7px #00000059;border-radius:16px;padding:12px 16px 13px;text-align:center}#menu-root .code-card .lbl{font-size:10px;font-weight:800;letter-spacing:.2em;color:#8fa3c2}#menu-root .code-card .cells{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:8px;cursor:pointer}#menu-root .code-card .cell{width:40px;height:48px;border-radius:10px;background:linear-gradient(180deg,#16283f,#0f1d31);box-shadow:inset 0 2px 4px #00000080,inset 0 0 0 1px #7aa0dc33;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:var(--select);text-shadow:0 2px 10px rgba(90,200,250,.4)}#menu-root .code-card .cp{display:block;color:#8fb6d9;opacity:.85;margin-left:2px}#menu-root .code-card .cells:active .cp{color:#fff;opacity:1}#menu-root .cc-actions{display:flex;gap:8px;margin-top:10px}#menu-root .chip{flex:1;min-width:0;background:#0d1b3099;border:1px solid rgba(122,160,220,.25);color:#cfe0f4;padding:11px 8px;border-radius:12px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:inset 0 1px #ffffff14;display:flex;align-items:center;justify-content:center;gap:7px}#menu-root .chip:active{border-color:#7aa0dc8c;color:#fff}#menu-root .colorcard{background:linear-gradient(180deg,#263a5c,#1a2a46);box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #7aa0dc24,0 3px 7px #00000059;border-radius:16px;padding:11px 16px 13px;margin-top:10px;text-align:center}#menu-root .colorcard .lbl{font-size:10px;font-weight:800;letter-spacing:.2em;color:#8fa3c2}#menu-root .swatches{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}#menu-root .sw{width:30px;height:30px;border-radius:10px;cursor:pointer;position:relative;border:none;padding:0;box-shadow:inset 0 2px #ffffff59,inset 0 0 0 1.5px #16233ca6,0 2px 5px #0006}#menu-root .sw.sel{outline:2px solid #fff;outline-offset:2px;box-shadow:inset 0 2px #ffffff59,inset 0 0 0 1.5px #16233ca6,0 0 12px var(--sc, transparent)}#menu-root .sw.taken{cursor:default;opacity:.3}#menu-root .sw.taken:after{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}#menu-root .seat{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#263a5c,#1a2a46);box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #7aa0dc24,0 3px 7px #00000059;border-bottom:3px solid var(--pc, rgba(122, 160, 220, .25));border-radius:13px;padding:9px 12px;margin-top:9px;font-size:14px;font-weight:700}#menu-root .seat.empty{background:#0d1b3059;box-shadow:none;border:1px dashed rgba(122,160,220,.3);color:var(--text-dim);font-weight:600}#menu-root .seat .pava{width:30px;height:30px;border-radius:9px;flex:none;background:#0000004d;box-shadow:inset 0 0 0 2px var(--pc, #8fa3c2);display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1}#menu-root .seat.empty .pava{background:none;box-shadow:none;border:1.5px dashed rgba(122,160,220,.3)}#menu-root .seat .who{flex:1}#menu-root .seat .tag{font-size:10px;font-weight:800}#menu-root .seat .die{font-size:26px;line-height:1;min-width:30px;text-align:right;letter-spacing:-3px;color:#e8eefa;text-shadow:0 2px 6px rgba(0,0,0,.5)}#menu-root .seat .die.spin{color:var(--gold)}#menu-root .seat .die.win{color:var(--accent)}#menu-root .seat .ord{width:22px;height:22px;border-radius:50%;flex:none;background:linear-gradient(180deg,#ffe9a8,#d7a233);color:#3d2b04;font-size:11px;font-weight:900;box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #8a5f14;display:flex;align-items:center;justify-content:center}#menu-root .draw-hint{margin-top:10px}#menu-root .draw-hint b{color:var(--accent)}#menu-root .room-spacer{flex:1}#menu-root .qr-dim{position:fixed;inset:0;z-index:40;background:#050911f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer}#menu-root .qr-dim canvas{width:min(258px,70vw);height:auto;border-radius:14px;image-rendering:pixelated;box-shadow:0 8px 30px #0009,0 0 0 1px #7aa0dc40}#menu-root .qr-dim .qcode{font-size:24px;font-weight:900;letter-spacing:.2em;color:var(--select)}#menu-root .qr-dim .qcap{font-size:11px;color:#8fa3c2}#menu-root .qr-close{position:absolute;top:calc(14px + var(--sa-t));right:calc(14px + var(--sa-r));width:34px;height:34px;border-radius:50%;border:1px solid rgba(122,160,220,.3);background:#0d1b3099;color:#cfe0f4;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit}#menu-root .menu-toast{position:fixed;left:50%;top:calc(16% + var(--sa-t));transform:translate(-50%);z-index:50;background:#000000e0;color:var(--accent);font-weight:800;font-size:14px;padding:12px 18px;border-radius:12px;border:1px solid rgba(52,199,89,.4);white-space:nowrap;pointer-events:none}#menu-root .join-hint{font-size:12px;color:var(--text-dim);margin-bottom:10px}#menu-root .code-box{padding:20px 0;text-align:center;font-size:30px;font-weight:800;color:var(--select);letter-spacing:.4em;text-shadow:0 2px 10px rgba(90,200,250,.4)}#menu-root .sec-label{font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--text-dim);margin:18px 4px 0}#menu-root .info-panel{padding:4px 16px;margin-top:8px}#menu-root .info-row{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:14px;border-top:1px solid var(--line)}#menu-root .info-row:first-child{border-top:none}#menu-root .info-row .k{color:var(--text-dim)}#menu-root .info-row .v{margin-left:auto;font-weight:700;text-align:right}#menu-root .warn{margin-top:12px;border-radius:16px;padding:14px 16px;background:#ff453a1f;box-shadow:inset 0 0 0 1px #ff453a59;font-size:13px;line-height:1.45}#menu-root .warn b{color:#ff6961}#menu-root .pl-row{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,var(--plate-hi) 0%,var(--plate-lo) 100%);border-radius:14px;padding:13px 14px;margin-top:8px;font-size:14px;box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px var(--line),0 3px 7px #00000059}#menu-root .pl-row .dot{width:14px;height:14px;border-radius:50%;flex:none}#menu-root .pl-row .who{flex:1}#menu-root .pl-row .st{margin-left:auto;font-size:11px;font-weight:700}#menu-root .st.online{color:var(--accent)}#menu-root .st.left{color:var(--danger)}#menu-root .st.bot{color:var(--text-dim)}#menu-root .preload{position:fixed;left:50%;bottom:calc(10px + var(--sa-b));transform:translate(-50%);z-index:20;pointer-events:none;width:min(420px,100% - 32px);background:#0a1424e0;border-radius:12px;padding:9px 12px 10px;box-shadow:inset 0 0 0 1px var(--line)}#menu-root .preload-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-bottom:6px}#menu-root .preload-pct{font-variant-numeric:tabular-nums}#menu-root .preload-track{height:3px;border-radius:2px;background:#ffffff14;overflow:hidden}#menu-root .preload-fill{height:100%;background:var(--accent);transition:width .2s linear}#menu-root .modal-back{position:fixed;inset:0;z-index:30;background:#0009;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(16px + var(--sa-b))}#menu-root .sheet{width:min(420px,100%);background:linear-gradient(180deg,#22344f,#16243c);border-radius:22px;padding:22px 18px 16px;text-align:center;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px var(--line),0 10px 30px #00000080}#menu-root .sheet h3{font-size:17px;font-weight:800}#menu-root .sheet p{font-size:13px;color:var(--text-dim);margin-top:8px;line-height:1.4}#menu-root .sheet .btn{margin-top:14px}#menu-root .debug-btn{text-align:left;padding-left:16px;font-weight:600}#menu-root .mt-lg{margin-top:26px}#menu-root .name-card{margin-top:0;padding:0}#dom-hud{--dt-line: #16233c;--dh-stack-gap: 12px;--sa-t: max( env(safe-area-inset-top), calc(var(--tg-sa-top, 0px) + var(--tg-csa-top, 0px)) );--sa-r: max( env(safe-area-inset-right), calc(var(--tg-sa-right, 0px) + var(--tg-csa-right, 0px)) );--sa-b: max( env(safe-area-inset-bottom), calc(var(--tg-sa-bottom, 0px) + var(--tg-csa-bottom, 0px)) );--sa-l: max( env(safe-area-inset-left), calc(var(--tg-sa-left, 0px) + var(--tg-csa-left, 0px)) );position:absolute;inset:0;pointer-events:none;z-index:10;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#dom-hud button{pointer-events:auto;border:none;cursor:pointer;font-family:inherit;font-weight:700;color:#fff;transition:transform .09s ease-in-out}#dom-hud button:active:not(:disabled){transform:scale(.96)}#dom-hud button:disabled{background:#3a3a3c;color:#6e6e72;cursor:default}.dh-tab.on:before,.dc-restore:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff47,#ffffff14 44%,#fff0 45%);pointer-events:none}.dh-profile,.dh-opp{position:relative;width:50px;border-radius:10px;padding:8px 4px 4px;background:linear-gradient(180deg,#294a76,#1d3153);box-shadow:inset 0 2px #ffffff24,inset 0 0 0 1px #7aa0dc1f,0 3px 7px #00000059;display:flex;flex-direction:column;align-items:center;gap:3px}#dom-hud .dh-profile,#dom-hud .dh-opp{border-bottom:3px solid var(--pc, #4a90e2)}.dh-side,.dh-opps{position:absolute;top:calc(12px + var(--sa-t, 0px));display:flex;flex-direction:column;gap:var(--dh-stack-gap)}.dh-side{left:calc(12px + var(--sa-l, 0px))}.dh-opps{right:calc(12px + var(--sa-r, 0px))}#dom-hud .dh-bank-toast{position:fixed;left:50%;top:calc(14px + var(--sa-t, 0px));transform:translate(-50%);z-index:60;background:#0a0e16eb;color:#ffd60a;font-size:13px;font-weight:700;padding:10px 16px;border-radius:12px;box-shadow:inset 0 0 0 1px #ffd60a59,0 4px 12px #00000073;pointer-events:none;white-space:nowrap}#dom-hud .dh-profile.active,#dom-hud .dh-opp.active{border:3px solid var(--pc, #4a90e2);padding-top:5px;padding-left:1px;padding-right:1px;box-shadow:inset 0 2px #ffffff24,0 3px 7px #00000059,0 0 16px color-mix(in srgb,var(--pc, #4a90e2) 60%,transparent)}.dh-ava{width:34px;height:34px;border-radius:8px;background:#0000004d;box-shadow:inset 0 0 0 2px var(--pc, #4a90e2);display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;overflow:hidden;flex:none}.dh-stat{width:100%;box-sizing:border-box;padding:1.5px 3px;border-radius:5px;font-size:9px;font-weight:800;line-height:1.3;color:#dfe6f2;background:#00000040;box-shadow:inset 0 0 0 1px #16233cb3;display:flex;align-items:center;justify-content:space-between}.dh-stat.vp{color:#ffd60a}.dh-stat.gold{color:#3d2b04;background:linear-gradient(180deg,#ffe9a8,#d7a233);box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #8a5f14}.dh-timer{width:100%;height:4px;border-radius:2px;background:#09111f99;box-shadow:inset 0 1px 2px #00000073;overflow:hidden;flex:none}.dh-timer i{display:block;height:100%;border-radius:2px;background:#43d158;transition:width .2s linear,background-color .3s ease}.dh-timer.warn i{background:#f5b942}.dh-timer.low i{background:#e5484d}.dh-timer.pulse i{animation:dh-timer-pulse .9s ease-in-out infinite}@keyframes dh-timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.dh-zoom{position:absolute;right:calc(12px + var(--sa-r, 0px));top:max(50%,var(--dh-zoom-min-top, 0px));transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.dh-zoom button{position:relative;width:50px;height:50px;border-radius:12px;font-size:23px;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.35);background:linear-gradient(180deg,#4a90e8,#2a6ac6);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1.5px #16233c8c}.dh-bottom{position:absolute;left:0;right:0;bottom:calc(12px + var(--sa-b, 0px));display:flex;justify-content:center;padding:0 16px;pointer-events:none}.dh-panel{position:relative;width:min(660px,100%);border-radius:22px;background:linear-gradient(180deg,#1d2e48,#15223a);box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #7aa0dc29,0 14px 34px #0000008c;display:flex;flex-direction:column;gap:10px;padding:13px 14px 14px;box-sizing:border-box;pointer-events:auto}.dh-expand{position:absolute;bottom:calc(100% + 12px);left:0;right:0;margin:0 auto;width:fit-content;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:10px;padding:0 11px 12px;border-radius:18px;background:linear-gradient(180deg,#1a263c,#10192a);box-shadow:inset 0 0 0 2px var(--dt-line);animation:dh-pop .16s ease-out}@keyframes dh-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dh-exp-head{display:flex;align-items:center;gap:8px;margin:0 -11px;padding:7px 11px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#144993,#1e3b6a);box-shadow:inset 0 2px #ffffff24,0 3px #0000004d}.dh-exp-title{flex:1;text-align:center;padding-left:34px;font-size:19px;font-weight:900;color:#fff;-webkit-text-stroke:1px var(--dt-line);paint-order:stroke fill;text-shadow:0 2px 0 rgba(6,10,16,.85),0 4px 8px rgba(0,0,0,.5)}.dh-close{display:flex;flex:none;width:26px;height:26px;margin:0;padding:0;border-radius:8px;font-size:12px;line-height:1;align-items:center;justify-content:center;background:linear-gradient(180deg,#f2685a,#c62b1d);box-shadow:inset 0 1px #ffffff80,0 3px #7e1a10,0 0 0 2px var(--dt-line),0 3px 0 2px var(--dt-line)}.dh-turn{position:absolute;right:0;top:-62px;width:50px;height:50px;border-radius:12px;font-size:23px;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.35);background:linear-gradient(180deg,#4a90e8,#2a6ac6);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1.5px #16233c8c;display:flex;align-items:center;justify-content:center}.dh-turn.green{background:linear-gradient(180deg,#6fcb63,#37933c);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1.5px #16233c8c}.dh-turn.amber{background:linear-gradient(180deg,#e29a3a,#b56f1f);box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1.5px #16233c8c}.dh-res-row{display:flex;align-items:stretch;justify-content:center;gap:9px}.dh-res{position:relative;min-width:74px;padding:9px 10px 10px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:21px;font-weight:800;color:#e8eefa;background:linear-gradient(180deg,#263a5c,#1a2a46);box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #7aa0dc1f,0 3px 7px #00000059;border-bottom:3px solid var(--rc, #8fa3c2)}.dh-res img{width:34px;height:34px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4)) drop-shadow(0 0 3px color-mix(in srgb,var(--gc, var(--rc, #8fa3c2)) var(--ga1, 85%),transparent)) drop-shadow(0 0 9px color-mix(in srgb,var(--gc, var(--rc, #8fa3c2)) var(--ga2, 55%),transparent))}.dh-res.zero{color:#6e7f9a}.dh-res.zero img{filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.dh-res.wood{--rc: #4caf50}.dh-res.brick{--rc: #e05a3a}.dh-res.sheep{--rc: #e8e8ea}.dh-res.wheat{--rc: #f0b429}.dh-res.ore{--rc: #90a4b8;--gc: #d6e9fb;--ga1: 90%;--ga2: 65%}.dh-res.dh-dev-res{--rc: #a86ee0}.dh-div{display:flex;align-items:center;gap:9px;margin:0 8px}.dh-div:before,.dh-div:after{content:"";flex:1;height:1px}.dh-div:before{background:linear-gradient(90deg,transparent,rgba(140,170,215,.28))}.dh-div:after{background:linear-gradient(90deg,rgba(140,170,215,.28),transparent)}.dh-div i{width:7px;height:7px;background:#d7a233;transform:rotate(45deg);border-radius:1.5px;box-shadow:0 0 9px #d7a233a6}.dh-tabs{display:flex;gap:10px;justify-content:center}.dh-tab{position:relative;min-width:78px;padding:8px 10px 7px;border-radius:13px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#8fa3c2;background:linear-gradient(180deg,#263a5c,#1a2a46);box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #7aa0dc1f,0 3px 7px #00000059}.dh-tab .ti{font-size:20px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.dh-tab .tl{font-size:8.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.dh-tab.on{color:#fff;background:linear-gradient(180deg,#3d8ef0,#1f5fc0);box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1.5px #7ec1ff,0 0 20px #3d8ef073,0 3px 8px #0006}.dh-tab.on .tl{color:#eaf4ff}.dh-builds{display:flex;align-items:stretch;gap:9px;justify-content:center}.dh-build{position:relative;min-width:98px;padding:10px 10px 9px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff1f}.dh-build .em{font-size:23px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.dh-build .nm{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#cfd9ea}#dom-hud .dh-build{border-bottom:3px solid #3f9f5c}#dom-hud .dh-build.active{border-bottom-color:#7ec1ff}#dom-hud .dh-build.poor{border-bottom-color:#d05545}.dh-build.active{background:linear-gradient(180deg,#3d8ef0d9,#1f5fc0d9);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff59,0 0 22px #3d8ef080}.dh-build.active .nm{color:#fff}.dh-build.active .dh-build-cost{color:#d6e8ff}.dh-build.poor{filter:grayscale(.45);opacity:.75}.dh-build-cost{display:flex;align-items:center;gap:6px;color:#8fa3c2}.dh-build-cost span{display:flex;align-items:center;gap:2px;font-size:10.5px;font-weight:800}.dh-build-cost img{width:15px;height:15px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}#dom-hud .dh-build:disabled,#dom-hud .dh-trade:disabled{background:#ffffff0e;color:#cfd9ea;opacity:.55}.dh-devs{display:flex;align-items:stretch;gap:9px;justify-content:center}.dh-devs-empty{padding:16px 10px;font-size:10.5px;font-weight:700;color:#c3d2e8}.dh-devcard{position:relative;min-width:98px;padding:13px 10px 11px;border-radius:14px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff1f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.dh-devcard .ico{font-size:26px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.dh-devcard .nm{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#cfd9ea}.dh-devcard .cnt{position:absolute;top:5px;right:7px;font-size:10px;font-weight:800;color:#8fa3c2}#dom-hud .dh-devcard{border-bottom:3px solid #3f9f5c}#dom-hud .dh-devcard.locked{border-bottom-color:#55627a}.dh-devcard.locked{filter:grayscale(.45);opacity:.7;cursor:default}.dh-devcard.locked:active{transform:none}.dh-trades{display:flex;align-items:stretch;gap:9px;justify-content:center}.dh-trade{position:relative;width:172px;padding:15px 12px 12px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#cfd9ea;background:#ffffff0e;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff1f}.dh-trade .em{font-size:30px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.dh-trade .nm{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}#dom-hud .dh-trade{border-bottom:3px solid #3f9f5c}#dom-hud .dh-trade:disabled{border-bottom-color:#55627a}.dh-settings{display:flex;flex-direction:column;align-items:center;gap:8px}.dh-setting{position:relative;width:280px;padding:11px 14px;border-radius:14px;display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#cfd9ea;background:#ffffff0e;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff1f}.dh-setting .em{font-size:20px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.dh-setting .nm{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.dh-setting .chev{margin-left:auto;font-size:16px;font-weight:800;color:#8fa3c2}#dom-hud .dh-setting{border-bottom:3px solid #3f9f5c}#dom-hud .dh-setting.danger{border-bottom-color:#d05545}#dom-hud .dh-setting.cancel{border-bottom-color:#55627a}.dh-confirm-text{max-width:280px;padding:2px 4px 0;text-align:center;font-size:10.5px;font-weight:700;line-height:1.55;color:#c3d2e8}@media(max-width:719px){.dh-bottom{padding:0 8px;bottom:8px}.dh-panel{gap:8px;padding:9px 9px 10px;border-radius:18px}.dh-res-row{gap:5px}.dh-res{flex:1;min-width:0;flex-direction:column;gap:3px;padding:6px 2px 7px;border-radius:11px;font-size:14px}.dh-res img{width:28px;height:28px}.dh-zoom{right:8px;gap:10px;top:max(60%,var(--dh-zoom-min-top, 0px))}.dh-zoom button,.dh-turn{width:46px;height:46px;font-size:21px}.dh-turn{top:-58px}.dh-profile,.dh-opp{width:46px}#dom-hud{--dh-stack-gap: 10px}.dh-side,.dh-opps{top:calc(8px + var(--sa-t, 0px))}.dh-side{left:calc(8px + var(--sa-l, 0px))}.dh-opps{right:calc(8px + var(--sa-r, 0px))}.dh-ava{width:30px;height:30px;font-size:17px}.dh-stat{font-size:8.5px}.dh-tabs{gap:6px}.dh-tab{min-width:0;flex:1;padding:6px 4px;border-radius:11px}.dh-tab .ti{font-size:17px}.dh-tab .tl{font-size:7px;letter-spacing:.7px}.dh-expand{padding:0 9px 10px;gap:8px}.dh-exp-head{margin:0 -9px;padding:6px 9px}.dh-exp-title{padding-left:30px;font-size:16px}.dh-close{width:24px;height:24px;font-size:11px}.dh-builds,.dh-devs,.dh-trades{gap:6px;flex-wrap:wrap}.dh-build{min-width:84px;padding:8px 8px 7px}.dh-build .em{font-size:20px}.dh-build .nm{font-size:8px;letter-spacing:.6px}.dh-build-cost span{font-size:9.5px}.dh-build-cost img{width:13px;height:13px}.dh-devcard{min-width:80px;padding:10px 8px 9px}.dh-devcard .ico{font-size:22px}.dh-devcard .nm{font-size:8px;letter-spacing:.6px}.dh-trade{width:150px;padding:12px 10px 10px}.dh-trade .em{font-size:25px}.dh-trade .nm{font-size:9px;letter-spacing:.7px}.dh-setting{width:240px;padding:9px 12px}.dh-setting .em{font-size:17px}.dh-setting .nm{font-size:9px;letter-spacing:.7px}.dh-confirm-text{font-size:10px}}@media(max-height:499px)and (orientation:landscape){#dom-hud{--dh-stack-gap: 8px;--land-bottom: clamp(4px, var(--sa-b, 0px), 6px)}html.is-iphone #dom-hud{--land-bottom: 6px}.dh-bottom{inset:0 0 0 auto;padding:0;width:calc(78px + var(--sa-r, 0px));justify-content:stretch}.dh-panel{width:100%;height:100%;border-radius:18px 0 0 18px;padding:0;gap:0;justify-content:center}.dh-div{display:none}.dh-tabs{flex-direction:column;align-items:flex-end;padding:0 calc(10px + var(--sa-r, 0px)) 0 0;gap:10px}.dh-tab{min-width:0;width:62px;padding:6px 3px 5px;border-radius:12px;gap:3px}.dh-tab .ti{font-size:17px}.dh-tab .tl{font-size:6.5px;letter-spacing:.5px}.dh-res-row{position:fixed;left:calc(12px + var(--sa-l, 0px));bottom:var(--land-bottom);padding:5px 7px;gap:6px;border-radius:14px;background:linear-gradient(180deg,#1d2e48,#15223a);box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #7aa0dc29,0 3px 7px #00000059}.dh-res{flex:none;min-width:0;flex-direction:row;gap:4px;padding:4px 8px 5px;border-radius:9px;font-size:13px;border-bottom-width:2px}.dh-res img{width:24px;height:24px}.dh-turn{position:fixed;top:auto;bottom:var(--land-bottom);right:calc(90px + var(--sa-r, 0px));width:44px;height:44px;font-size:20px}.dh-expand{position:fixed;left:auto;right:calc(96px + var(--sa-r, 0px));bottom:calc(var(--land-bottom) + 48px);margin:0;width:fit-content}.dh-zoom{right:calc(90px + var(--sa-r, 0px));gap:10px;top:auto;bottom:calc(var(--land-bottom) + 56px);transform:none}.dh-zoom button{width:44px;height:44px;font-size:20px}.dh-opps{right:max(calc(90px + var(--sa-r, 0px)),min(var(--tg-csa-top, 0px) * 99,90px));top:calc(10px + max(env(safe-area-inset-top),var(--tg-sa-top, 0px)));flex-direction:row}.dh-opp,.dh-profile{width:44px}#dom-hud .dh-opp,#dom-hud .dh-profile{border-bottom-width:3px}#dom-hud .dh-fold{width:44px;height:49px;align-self:flex-start;border-radius:10px;padding:0;font-size:13px;line-height:1;color:#cfe0f4;background:linear-gradient(180deg,#294a76,#1d3153);box-shadow:inset 0 2px #ffffff24,inset 0 0 0 1px #7aa0dc1f,0 3px 7px #00000059}.dh-opps.mini .dh-stat,.dh-opps.mini .dh-timer{display:none}.dh-opps.mini .dh-opp{padding-top:8px;padding-bottom:8px}.dh-ava{width:30px;height:30px;font-size:17px}.dh-stat{font-size:8.5px}}.dx-dim{position:absolute;inset:0;background:#000000b3;pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:max(4vh,var(--sa-t, 0px)) max(8px,var(--sa-r, 0px)) max(4vh,var(--sa-b, 0px)) max(8px,var(--sa-l, 0px));container-type:size;animation:dx-fade .15s ease-out}@media(min-width:740px){.dx-dim:has(>.dx-sheet.land){padding:max(4vh,env(safe-area-inset-top),var(--tg-sa-top, 0px)) max(8px,var(--sa-r, 0px),min(var(--tg-csa-top, 0px) * 99,100px)) max(4vh,var(--sa-b, 0px)) max(8px,var(--sa-l, 0px),min(var(--tg-csa-top, 0px) * 99,136px))}}@media(min-width:740px)and (max-width:899px){.dx-dim:has(>.dx-sheet.land){padding-right:max(8px,var(--sa-r, 0px),min(var(--tg-csa-top, 0px) * 99,118px));padding-left:max(8px,var(--sa-l, 0px),min(var(--tg-csa-top, 0px) * 99,158px))}}@keyframes dx-fade{0%{opacity:0}to{opacity:1}}.dx-sheet{--dx-tile: 46px;width:min(400px,94vw);max-height:100%;overflow-y:auto;background:#1c1c1e;border-radius:18px;box-shadow:0 10px #00000080,inset 0 0 0 1px #ffffff12;padding:12px 14px 14px;box-sizing:border-box;display:flex;flex-direction:column;gap:7px;animation:dx-pop .18s ease-out}@keyframes dx-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.dx-header{display:flex;align-items:center;justify-content:space-between}.dx-title{margin-left:calc((100% - (5 * var(--dx-tile) + 4 * 8px)) / 2)}.dx-title{font-size:15px;font-weight:700;color:#fff}.dx-close{width:26px;height:26px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1px #ffffff24;color:#9b9b9d;font-size:12px}.dt-modes{display:flex;gap:6px;width:calc(5 * var(--dx-tile) + 4 * 8px);margin:0 auto}.dt-mode{flex:1;height:30px;border-radius:10px;background:#252527;box-shadow:inset 0 0 0 1px #ffffff14;font-size:11px;color:#9b9b9d}.dt-mode.on{background:#0a84ff;color:#fff;box-shadow:inset 0 0 0 1px #ffffff4d}.dt-targets{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;width:calc(5 * var(--dx-tile) + 4 * 8px);margin:2px auto 0}.dt-targets-label{font-size:10px;font-weight:700;color:#9b9b9d;flex:none}.dt-target{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:24px;padding:0 6px;border-radius:12px;background:#252527;box-shadow:inset 0 0 0 1px #ffffff14;font-size:10px;color:#9b9b9d;white-space:nowrap;overflow:hidden}.dt-target.player{background:color-mix(in srgb,var(--player-color, #888888) 40%,#252527);color:#fff}.dt-target.on{color:#fff;box-shadow:inset 0 0 0 2px #fff}.dx-submit{margin-top:14px;height:36px;border-radius:18px;background:#34c759;font-size:12px;width:calc(5 * var(--dx-tile) + 4 * 8px);margin-left:auto;margin-right:auto;box-shadow:0 4px #00000073,inset 0 0 0 1px #ffffff38}.dc-restore{position:absolute;top:calc(14px + var(--sa-t, 0px));left:50%;transform:translate(-50%);height:40px;padding:0 20px;border-radius:999px;font-size:13px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.38);background:linear-gradient(180deg,#e29a3a,#b56f1f);box-shadow:inset 0 1px #ffffff73,0 4px #7a4a12,0 0 0 2px var(--dt-line),0 4px 0 2px var(--dt-line)}@media(max-width:719px){.dc-restore{top:calc(8px + var(--sa-t, 0px));height:36px;font-size:12px}}.dc-wait{position:absolute;top:calc(14px + var(--sa-t, 0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-size:13px;font-weight:800;color:#dfe6f2;background:linear-gradient(180deg,#294a76,#1d3153);box-shadow:inset 0 0 0 2px var(--dt-line),inset 0 2px #ffffff24,0 3px #00000059;white-space:nowrap;pointer-events:none}.dc-wait.rob{color:#ffd7d0;background:linear-gradient(180deg,#8c3a30,#5c221b);box-shadow:inset 0 0 0 2px var(--dt-line),inset 0 2px #ffffff1a,0 3px #00000059,0 0 18px #d0554566}@media(max-width:719px){.dc-wait{top:calc(8px + var(--sa-t, 0px));height:36px;font-size:12px}}.dg-over .dx-title{padding-left:0}.dg-winner{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;border-radius:10px;text-align:center;font-size:13px;font-weight:900;color:#ffd60a;text-shadow:0 2px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,#0000006b,#00000042);box-shadow:inset 0 0 0 2px var(--dt-line),inset 0 2px 6px #00000080}.dw-row.dg-gold{background:linear-gradient(180deg,#ffe08a,#dfaa3b);box-shadow:inset 0 1px #fff9,0 3px #8a5f14,0 0 0 2px var(--dt-line),0 3px 0 2px var(--dt-line),0 0 18px #ffd60a59}#dom-hud .dw-row.dg-gold{color:#4c350a}.dh-ava-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.dg-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:4px 0}.dg-name{display:flex;align-items:center;gap:6px;font-weight:900;font-size:calc(var(--tc-name) * 1.2)}.dg-award{font-size:calc(var(--tc-name) * .95);font-weight:900;color:#3d2b04;background:linear-gradient(180deg,#ffe9a8,#d7a233);border-radius:5px;padding:1px 5px;box-shadow:inset 0 0 0 1px #8a5f14;text-shadow:none}.dg-cards{display:flex;flex-wrap:wrap;gap:4px}.dg-vp{margin-left:auto;flex:none;font-size:20px;font-weight:900;color:#ffd60a;text-shadow:0 2px 0 rgba(0,0,0,.5);padding-right:4px}.dg-vp small{font-size:11px;margin-left:1px}.dw-row.dg-gold .dg-vp{color:#4c350a;text-shadow:0 1px 0 rgba(255,255,255,.4)}.dx-sheet.dt-v2{--dt-bg: #24406b;--dt-plate-off: #9aa0a3;--dt-line: #16233c;--dt-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='.5 .5'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");--tc-icon: 40px;--tc-name: 9px;--tc-val: 16px;--tc-step: 28px;width:min(460px,94vw);padding:0 11px 11px;gap:11px;background-image:var(--dt-grain),linear-gradient(180deg,color-mix(in srgb,var(--dt-bg),#ffffff 8%) 0%,var(--dt-bg) 60%,color-mix(in srgb,var(--dt-bg),#000000 28%) 100%);background-blend-mode:soft-light,normal;background-size:140px 140px,auto;box-shadow:inset 0 0 0 2px var(--dt-line),0 10px #00000080}.dx-sheet.dt-v2:not(.land){min-height:min(528px,100%)}.dt-v2:not(.land) .dx-submit{margin-top:auto}.dt-v2 .dx-header{margin:0 -11px;padding:8px 11px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#5790dd,#2f66b8);box-shadow:inset 0 2px #ffffff47,0 3px #0000004d}.dt-v2 .dx-title{flex:1;margin:0;text-align:center;padding-left:34px;font-size:22px;font-weight:900;color:#fff;-webkit-text-stroke:2px var(--dt-line);paint-order:stroke fill;text-shadow:0 2px 0 rgba(6,10,16,.85),0 4px 8px rgba(0,0,0,.5)}.dt-v2 .dx-close{flex:none;width:26px;height:26px;border-radius:8px;color:#fff;background:linear-gradient(180deg,#f2685a,#c62b1d);box-shadow:inset 0 1px #ffffff80,0 3px #7e1a10,0 0 0 2px var(--dt-line),0 3px 0 2px var(--dt-line)}.dt-v2 .dt-modes,.dt-v2 .dt-targets{width:auto;margin:0}.dt-v2 .dt-modes{gap:6px}.dt-v2 .dt-mode{flex:1;height:38px;border-radius:9px;font-size:10px;color:#b8c9e2;background:linear-gradient(180deg,#294a76,#1d3153);box-shadow:inset 0 0 0 2px var(--dt-line);display:flex;align-items:center;justify-content:center;gap:6px}.dt-v2 .dt-mode .ic{font-size:12px;opacity:.9}.dt-v2 .dt-mode.on{color:#fff;background:linear-gradient(180deg,#4a90e8,#2a6ac6);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 2px #7ab6ff,0 3px 0 var(--dt-line);text-shadow:0 2px 0 rgba(0,0,0,.38)}.dt-v2 .dt-targets{gap:6px}.dt-v2 .dt-targets-label{font-size:9px;font-weight:700;color:#c3d2e8;letter-spacing:0}.dt-v2 .dt-target{flex:1;height:35px;border-radius:9px;font-size:9px;color:#b8c9e2;background:linear-gradient(180deg,#294a76,#1d3153);box-shadow:inset 0 0 0 2px var(--dt-line)}.dt-v2 .dt-target.player{background:linear-gradient(180deg,#294a76,#1d3153);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--player-color) 65%,var(--dt-line))}.dt-v2 .dt-target.on{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--player-color, #4a90e2),#ffffff 24%),color-mix(in srgb,var(--player-color, #4a90e2),#000000 24%));box-shadow:inset 0 1px #ffffff73,inset 0 0 0 2px color-mix(in srgb,var(--player-color, #4a90e2),#ffffff 45%),0 3px color-mix(in srgb,var(--player-color, #4a90e2),#000000 58%);text-shadow:0 2px 0 rgba(0,0,0,.38)}.dt-side{padding:0 6px 6px;border-radius:13px;box-shadow:inset 0 0 0 2px var(--dt-line),inset 0 2px #ffffff80;transition:filter .15s ease-out,opacity .15s ease-out}.dt-side.give{background:linear-gradient(180deg,#f2ddb8,#e6cb9e)}.dt-side.get{background:linear-gradient(180deg,#d3ecb6,#bcdf9c)}.dt-side.off{filter:grayscale(1);opacity:.55;pointer-events:none}.dt-side-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px}.dt-side-name{margin-left:-6px;padding:3px 16px 3px 8px;font-size:10px;font-weight:900;letter-spacing:.4px;color:#fff;border-radius:0 0 4px;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);text-shadow:0 2px 0 rgba(0,0,0,.35)}.dt-side.give .dt-side-name{background:linear-gradient(180deg,#e29a3a,#b56f1f)}.dt-side.get .dt-side-name{background:linear-gradient(180deg,#63b04a,#3d7f2c)}.dt-cost{padding-top:3px;padding-right:4px;font-size:9px;font-weight:700}.dt-cost b{font-size:11px}.dt-cost.note{padding-top:8px}.dt-side.give .dt-cost{color:#8a6a34}.dt-side.get .dt-cost{color:#3f6b2c}.dt-side.give .dt-cost b{color:#7a4a12}.dt-side.get .dt-cost b{color:#2f5c1f}.dt-cards{display:flex;gap:6px}.tc{position:relative;flex:1;min-width:0;padding:4px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:3px}.dt-side.give .tc{background:linear-gradient(180deg,#fbf0dc,#f3e2c4);box-shadow:inset 0 0 0 2px #cfae7d,inset 0 2px #fffc}.dt-side.get .tc{background:linear-gradient(180deg,#e6f5d3,#d5ecbd);box-shadow:inset 0 0 0 2px #9dc684,inset 0 2px #ffffffbf}.dt-side.give .tc.picked{box-shadow:inset 0 0 0 2px #b5762a,inset 0 2px #fffc}.dt-side.get .tc.picked{box-shadow:inset 0 0 0 2px #4e8f37,inset 0 2px #ffffffbf}.dt-side.give .tc.empty{background:linear-gradient(180deg,#d3c3a6,#c4b193);box-shadow:inset 0 0 0 2px #ab9878}.tc.empty .tc-ic,.tc.empty .tc-name{opacity:.5}.tc-name{font-size:var(--tc-name);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dt-side.give .tc-name{color:#5d4222}.dt-side.get .tc-name{color:#37561f}.tc-ic{width:var(--tc-icon);height:var(--tc-icon);max-width:100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.tc-cnt{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px}.tc-val{width:100%;height:calc(var(--tc-val) * 1.5);border-radius:6px;background:var(--dt-plate-off);color:#f4f6f7;font-size:var(--tc-val);font-weight:800;display:flex;align-items:center;justify-content:center}.dt-side.give .tc-val.hot{background:#7a5a33;color:#fff}.dt-side.get .tc-val.hot{background:#4e7a35;color:#fff}.tc-hand{position:absolute;top:calc(var(--tc-name) * -.55);right:calc(var(--tc-name) * -.35);min-width:calc(var(--tc-name) * 1.6);height:calc(var(--tc-name) * 1.55);padding:0 calc(var(--tc-name) * .4);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:calc(var(--tc-name) * .95);font-weight:900;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4);background:linear-gradient(180deg,#4a90e8,#2a6ac6);box-shadow:inset 0 1px #ffffff80,0 2px 0 var(--dt-line)}.tc.empty .tc-hand{background:linear-gradient(180deg,#93a4ba,#6f8199)}.dt-pick .tc{min-height:88px}.dt-pick .tc-cnt{flex:1;justify-content:center}.dt-v2.land .dt-pick .tc{min-height:0}.dt-v2.land .dt-pick .tc-cnt{grid-template-columns:minmax(0,1fr)}.tc-steps{display:flex;gap:3px;width:100%}.tc-step{position:relative;flex:1;height:var(--tc-step);border-radius:7px;font-size:14px;font-weight:900;line-height:1;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.32);display:flex;align-items:center;justify-content:center}.tc-step:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff4d,#ffffff17 44%,#fff0 45%);pointer-events:none}.dt-side.give .tc-step:not(:disabled){background:linear-gradient(180deg,#4a9cf5,#1c65c4);box-shadow:0 3px #14497f}.dt-side.get .tc-step:not(:disabled){background:linear-gradient(180deg,#6fcb63,#35883a);box-shadow:0 3px #1d5722}#dom-hud .tc-step:disabled{color:#e8eef7;background:linear-gradient(180deg,#93a4ba,#6f8199);box-shadow:0 3px #4c5b70}#dom-hud .tc-step:disabled:before{opacity:.4}#dom-hud .tc-step:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #00000080}.dt-v2 .dx-submit{position:relative;width:auto;margin:0;height:45px;border-radius:9px;font-size:13px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.38);background:linear-gradient(180deg,#6fcb63,#37933c);box-shadow:inset 0 1px #ffffff80,0 4px #1d5722,0 0 0 2px var(--dt-line),0 4px 0 2px var(--dt-line)}.dt-v2 .dx-submit:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff47,#ffffff14 44%,#fff0 45%);pointer-events:none}#dom-hud .dt-v2 .dx-submit:disabled{color:#b9c6d8;background:linear-gradient(180deg,#4a5c76,#35455c);box-shadow:0 4px #2a3646,0 0 0 2px var(--dt-line),0 4px 0 2px var(--dt-line);text-shadow:none}#dom-hud .dt-v2 .dx-submit:disabled:before{opacity:.25}.dx-sheet.dt-v2.land{width:min(880px,94vw,100%);height:100%;padding:0 10px 10px;gap:10px;--tc-icon: 34px}.dt-v2.land .dt-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px}.dt-v2.land .dt-main,.dt-v2.land .dt-rail{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.dt-v2.land .dt-side{flex:1;min-height:0;display:flex;flex-direction:column}.dt-v2.land .dt-cards{flex:1;min-height:0}.dt-v2.land .dx-header{margin:0 -10px;padding:7px 10px}.dt-v2.land .dx-title{padding-left:37px;font-size:24px;-webkit-text-stroke:2px var(--dt-line)}.dt-v2.land .dx-close{width:29px;height:29px;border-radius:8px;font-size:14px}.dt-v2.land .dt-modes{flex-direction:column;gap:5px}.dt-v2.land .dt-mode{flex:none;height:31px}.dt-v2.land .dt-targets{flex-wrap:wrap;gap:5px}.dt-v2.land .dt-targets-label{flex:0 0 100%}.dt-v2.land .dt-target{flex:1 1 40%;height:29px}.dt-v2.land .dx-submit{margin-top:auto;height:38px;font-size:11px}.dt-v2.land .tc-cnt{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px;align-items:center;justify-items:center}.dt-v2.land .dt-cards:not(.view) .tc-cnt{grid-template-rows:minmax(0,1fr);container-type:size}.dt-v2.land .dt-cards:not(.view) .tc-ic,.dt-v2.land .dt-cards:not(.view) .tc-val{height:min(100cqh,48cqw,64px);max-width:100%}.dx-sheet.dt-v2.land.dt-solo{height:auto;max-height:100%}.dt-v2.land.dt-solo .dt-cards .tc-cnt{grid-template-rows:auto;container-type:normal}.dt-v2.land.dt-solo .dt-cards .tc-ic,.dt-v2.land.dt-solo .dt-cards .tc-val{height:44px}.dt-v2.land .dt-cards:not(.view) .tc-ic{width:auto;aspect-ratio:1}.dt-v2.land .dt-cards:not(.view) .tc-val{font-size:calc(var(--tc-val) * 1.25)}@container (max-height: 331px){.dx-sheet.dt-v2.land{gap:8px;--tc-icon: 28px;--tc-step: 24px}.dt-v2.land .dt-body,.dt-v2.land .dt-main,.dt-v2.land .dt-rail{gap:8px}.dt-v2.land .dx-header{padding:5px 10px}.dt-v2.land .dx-title{padding-left:34px;font-size:20px}.dt-v2.land .dx-close{width:26px;height:26px}.dt-v2.land .dt-mode{height:28px}.dt-v2.land .dt-target{height:26px}.dt-v2.land .dx-submit{height:34px}}@container (min-height: 349px){.dx-sheet.dt-v2.land{--tc-icon: 40px}}@media(max-width:349px){.dx-sheet.dt-v2:not(.land){--tc-icon: 34px;--tc-step: 24px}}.dr-from{display:flex;align-items:center;gap:5px;min-height:calc(var(--tc-step) * 1.5);padding:3px 5px;border-radius:10px;background:linear-gradient(180deg,#294a76,#1d3153);box-shadow:inset 0 0 0 2px var(--dt-line)}.dr-ava,.dw-ava{flex:none;width:calc(var(--tc-step) * 1.05);height:calc(var(--tc-step) * 1.05);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:calc(var(--tc-step) * .55);background:#0000004d;box-shadow:inset 0 0 0 2px var(--pc, #4a90e2)}.dr-name{font-weight:900;font-size:calc(var(--tc-name) * 1.05);color:#fff;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-waits{flex:none;font-weight:800;font-size:var(--tc-name);color:#8fa7c8;animation:dr-pulse 1.2s ease-in-out infinite}@keyframes dr-pulse{0%,to{opacity:.45}50%{opacity:1}}.dr-v2 .dt-side-name{display:block;width:fit-content;margin-bottom:4px}.dr-sides{display:grid;grid-auto-rows:1fr;gap:11px}.dr-sides .dt-side{display:flex;flex-direction:column}.dr-sides .dr-goods{flex:1}.dr-goods{display:flex;align-items:center;justify-content:center;padding:2px 0;min-height:calc(var(--tc-step) * 1.3)}.dr-open{width:var(--tc-icon);height:var(--tc-icon);border-radius:50%;border:2px dashed rgba(22,35,60,.55);color:#16233cb3;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(var(--tc-icon) * .5)}.dr-v2 .dt-cards.view{justify-content:center}.dr-v2 .dt-cards.view .tc{flex:0 1 calc((100% - 24px)/5)}.dr-v2:not(.land) .tc-val{height:calc(var(--tc-val) * 2.2)}.dr-v2:not(.land) .dt-cards.view .tc-ic{margin:calc((var(--tc-step) + 3px) / 2) 0}.dr-actions{display:flex;gap:10px;margin-top:auto}.dr-btn{position:relative;flex:1;min-width:0;height:calc(var(--tc-step) * 1.6);border-radius:9px;font-size:calc(var(--tc-name) * 1.2);font-weight:900;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;text-shadow:0 2px 0 rgba(0,0,0,.38)}.dr-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff47,#ffffff14 44%,#fff0 45%);pointer-events:none}.dr-btn.accept{background:linear-gradient(180deg,#6fcb63,#37933c);box-shadow:inset 0 1px #ffffff80,0 4px #1d5722,0 0 0 2px var(--dt-line),0 4px 0 2px var(--dt-line)}.dr-btn.counter{background:linear-gradient(180deg,#e29a3a,#b56f1f);box-shadow:inset 0 1px #ffffff73,0 4px #7a4a12,0 0 0 2px var(--dt-line),0 4px 0 2px var(--dt-line)}.dr-btn.decline{background:linear-gradient(180deg,#ef5b4d,#c62b1d);box-shadow:inset 0 1px #ffffff73,0 4px #7e1a10,0 0 0 2px var(--dt-line),0 4px 0 2px var(--dt-line)}.dr-btn.back{flex:.5;background:linear-gradient(180deg,#4a5c76,#35455c);box-shadow:inset 0 1px #ffffff4d,0 4px #232f42,0 0 0 2px var(--dt-line),0 4px 0 2px var(--dt-line)}#dom-hud .dr-btn:disabled{color:#b9c6d8;background:linear-gradient(180deg,#4a5c76,#35455c);box-shadow:0 4px #2a3646,0 0 0 2px var(--dt-line),0 4px 0 2px var(--dt-line);text-shadow:none}#dom-hud .dr-btn:disabled:before{opacity:.25}#dom-hud .dr-btn:active:not(:disabled){transform:translateY(2px)}.dr-v2.land .dr-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:10px}.dr-v2.land .dr-main,.dr-v2.land .dr-rail{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.dr-v2.land .dr-goods{flex:1}.dr-v2.land .dr-open{width:calc(var(--tc-icon) * 1.3);height:calc(var(--tc-icon) * 1.3);font-size:calc(var(--tc-icon) * .6)}.dr-v2.land .dr-waits{display:none}.dr-v2.land .dr-ava,.dw-v2.land .dw-ava{width:calc(var(--tc-step) * 1.4);height:calc(var(--tc-step) * 1.4);font-size:calc(var(--tc-step) * .75)}.dr-v2.land .dr-actions{flex-direction:column;gap:14px;margin-top:auto}.dr-v2.land .dr-btn{flex:none;height:calc(var(--tc-step) * 1.3);font-size:calc(var(--tc-name) * 1.1)}.dt-v2.land .dt-cards.view .tc-cnt{display:flex;flex-direction:column;align-items:center}.dt-v2.land .dt-cards.view .tc-ic{margin:auto 0}.dt-v2.land .dt-cards.view .tc-val{height:calc(var(--tc-val) * 1.5)}@container (min-height: 368px){.dr-v2.land .dt-cards.view .tc-val{height:calc(var(--tc-val) * 2)}}.dw-offer{padding:5px;border-radius:10px;background:linear-gradient(180deg,#0000006b,#00000042);box-shadow:inset 0 0 0 2px var(--dt-line),inset 0 2px 6px #00000080;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.dw-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:7px;background:linear-gradient(180deg,#fbf0dc,#f3e2c4);box-shadow:inset 0 0 0 2px #cfae7d,inset 0 2px #fffc;font-weight:900;font-size:calc(var(--tc-name) * 1.1);color:#5d4222;white-space:nowrap}.dw-chip.get{background:linear-gradient(180deg,#e6f5d3,#d5ecbd);box-shadow:inset 0 0 0 2px #9dc684,inset 0 2px #ffffffbf;color:#37561f}.dw-chip .ic{width:calc(var(--tc-name) * 1.9);height:calc(var(--tc-name) * 1.9);display:block}.dw-arrow{font-size:calc(var(--tc-name) * 1.7);font-weight:900;color:#ffd60a;text-shadow:0 2px 0 rgba(0,0,0,.5)}.dw-open{width:calc(var(--tc-name) * 2.4);height:calc(var(--tc-name) * 2.4);border-radius:50%;border:2px dashed #8fa7c8;color:#b8c9e2;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(var(--tc-name) * 1.2)}.dw-progress{display:flex;flex-direction:column;gap:4px}.dw-meta{display:flex;align-items:center;justify-content:space-between}.dw-label{font-size:calc(var(--tc-name) * .95);font-weight:900;letter-spacing:.8px;color:#c3d2e8}.dw-timer{display:flex;align-items:center;gap:5px;font-weight:900;font-size:calc(var(--tc-name) * 1.1);color:#ffd60a;text-shadow:0 2px 0 rgba(0,0,0,.4)}.dw-bar{height:8px;border-radius:6px;background:#142238;box-shadow:inset 0 0 0 2px var(--dt-line),inset 0 2px 3px #00000080;overflow:hidden}.dw-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(180deg,#ffe9a8,#d7a233);box-shadow:inset 0 -2px #00000040;animation:dw-drain var(--secs) linear forwards}@keyframes dw-drain{0%{width:100%}to{width:0%}}.dw-rows{display:flex;flex-direction:column;gap:10px}.dw-row{position:relative;display:flex;align-items:center;gap:5px;min-height:calc(var(--tc-step) * 1.5);padding:3px 5px;text-align:left;border-radius:10px;background:linear-gradient(180deg,#294a76,#1d3153);box-shadow:inset 0 0 0 2px var(--dt-line)}#dom-hud .dw-row{cursor:default;color:#dfe6f2;transition:transform .09s ease-in-out,filter .15s ease-out,opacity .15s ease-out}#dom-hud .dw-row.accept,#dom-hud .dw-row.counter{cursor:pointer;color:#fff}#dom-hud .dw-row.locked{cursor:default}.dw-name{font-weight:900;font-size:calc(var(--tc-name) * 1.05);flex:none;min-width:3.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dw-status{margin-left:auto;display:flex;align-items:center;gap:6px;font-weight:800;font-size:var(--tc-name);color:#b8c9e2;flex-wrap:wrap;justify-content:flex-end}.dw-row.thinking .dw-status{color:#8fa7c8;animation:dr-pulse 1.2s ease-in-out infinite}.dw-row.decline{opacity:.55}.dw-row.decline .dw-status{color:#ef7b6d}.dw-row.accept{background:linear-gradient(180deg,#6fcb63,#37933c);box-shadow:inset 0 1px #ffffff73,0 3px #1d5722,0 0 0 2px var(--dt-line),0 3px 0 2px var(--dt-line),0 0 16px #6fcb6359}.dw-row.counter{background:linear-gradient(180deg,#e29a3a,#b56f1f);box-shadow:inset 0 1px #fff6,0 3px #7a4a12,0 0 0 2px var(--dt-line),0 3px 0 2px var(--dt-line)}.dw-row.accept:before,.dw-row.counter:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff42,#ffffff14 44%,#fff0 45%);pointer-events:none}.dw-row.accept .dw-status{color:#eafbe4}.dw-row.locked{filter:grayscale(1);opacity:.55}.dw-lock-note{font-weight:700;font-size:calc(var(--tc-name) * .85);opacity:.9}#dom-hud .dw-row:active:not(:disabled){transform:none}#dom-hud .dw-row.accept:active:not(:disabled),#dom-hud .dw-row.counter:active:not(:disabled){transform:translateY(2px)}#dom-hud .dw-row.locked:active:not(:disabled){transform:none}.dw-foot{margin-top:auto;padding-top:6px}.dw-hint{text-align:center;font-weight:700;font-size:calc(var(--tc-name) * .95);color:#8fa7c8}.dw-v2.land .dw-rows{flex:1;min-height:0}.dw-v2.land .dw-row{flex:1}.dw-v2.land .dw-chip{font-size:calc(var(--tc-name) * 1.4)}.dw-v2.land .dw-chip .ic{width:calc(var(--tc-name) * 2.6);height:calc(var(--tc-name) * 2.6)}.dw-v2.land .dw-open{width:calc(var(--tc-name) * 3);height:calc(var(--tc-name) * 3);font-size:calc(var(--tc-name) * 1.5)}@container (max-height: 265px){.dx-sheet.dt-v2.land{gap:6px;--tc-icon: 24px;--tc-step: 20px}.dt-v2.land .dt-body,.dt-v2.land .dt-main,.dt-v2.land .dt-rail{gap:6px}.dt-v2.land .dx-header{padding:4px 10px}.dt-v2.land .dx-title{padding-left:32px;font-size:18px}.dt-v2.land .dx-close{width:24px;height:24px;font-size:12px}.dt-v2.land .dt-mode{height:24px}.dt-v2.land .dt-target{height:22px}.dt-v2.land .dx-submit{height:30px;font-size:10px}.dr-v2.land .dr-body,.dw-v2.land .dw-rows{gap:8px}.dw-v2.land .dw-foot{display:none}}