*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background:#1b2432;touch-action:none;overscroll-behavior:none;font-family:Arial Black,Segoe UI Black,Impact,Arial,sans-serif;color:#f2e4c4}#field{display:block;width:100vw;height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.hide{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:17}#hud>*{pointer-events:auto}.res{position:absolute;top:calc(9px + env(safe-area-inset-top));display:flex;align-items:center;gap:7px;background:linear-gradient(#243248,#18212f);border:2px solid #3d5170;border-radius:13px;padding:5px 13px 5px 7px;box-shadow:0 4px 0 #0d1420,0 7px 14px rgba(0,0,0,.35);min-width:104px}.res .ic{width:24px;height:24px;flex:none}.res .col{display:flex;flex-direction:column;line-height:1}.res .v{font-size:14px;letter-spacing:.4px;text-shadow:0 2px 0 rgba(0,0,0,.5)}.res .cap{font-size:8px;letter-spacing:1.6px;color:#8fa6c4;font-family:Arial;font-weight:900;margin-top:3px}#rGold{left:9px}#rIron{left:121px}#keepBadge{position:absolute;top:calc(9px + env(safe-area-inset-top));right:9px;background:linear-gradient(#e8b23c,#c2891f);border-radius:13px;padding:6px 12px;text-align:center;box-shadow:0 4px 0 #8a5c10,0 7px 14px rgba(0,0,0,.35);color:#33240a}#keepBadge .n{font-size:17px;line-height:1}#keepBadge .t{font-size:7.5px;letter-spacing:1.6px;font-family:Arial;font-weight:900;margin-top:3px}#trophyBar{position:absolute;top:calc(68px + env(safe-area-inset-top));right:9px;display:flex;align-items:center;gap:5px;background:rgba(20,28,40,.82);border:2px solid #3d5170;border-radius:11px;padding:4px 10px 4px 6px;font-size:12px}#trophyBar svg{width:16px;height:16px;display:block}#trophyBar{cursor:pointer}#trophyBar:active{transform:translateY(2px)}.res .ic svg{width:100%;height:100%}.card .cost svg,.lootRow svg,.qrw svg,.res .ic svg{display:block}#rail{position:absolute;left:0;right:0;bottom:calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:9px;padding:0 9px}@media (max-width:430px){#rail{gap:5px}.rbtn span{font-size:7px;letter-spacing:.4px}}.rbtn{flex:1 1;min-width:0;max-width:68px;height:60px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(#2c3d57,#1b2635);border:2px solid #46608a;box-shadow:0 4px 0 #0d1420;transition:transform .08s}.rbtn:active{transform:translateY(3px);box-shadow:0 1px 0 #0d1420}.rbtn svg{width:26px;height:26px}.rbtn span{font-size:8.5px;letter-spacing:1.2px;font-family:Arial;font-weight:900;color:#c3d4ea}.rbtn.gold{background:linear-gradient(#f0bb45,#c2891f);border-color:#ffd97a;box-shadow:0 4px 0 #7d5310}.rbtn.gold span{color:#3a2708}.rbtn.red{background:linear-gradient(#d64f38,#a32e1c);border-color:#ff8a70;box-shadow:0 4px 0 #6d1c0f}.rbtn.red span{color:#ffe2d8}.rbtn .dot{position:absolute;margin:-40px 0 0 40px;width:11px;height:11px;border-radius:50%;background:#ff4a3d;border:2px solid #fff}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:20;max-height:70vh;overflow-y:auto;background:linear-gradient(#22304a,#141d2b);border-top:3px solid #e8b23c;border-radius:20px 20px 0 0;padding:14px 13px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.5);animation:slideUp .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.sheetHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheetHead h2{font-size:15px;letter-spacing:2px;color:#f2e4c4}.sheetHead p{font-size:10px;font-family:Arial;font-weight:700;color:#8fa6c4;letter-spacing:.3px;margin-top:4px}.xbtn{width:32px;height:32px;border-radius:10px;background:#31435f;font-size:16px;line-height:1;color:#c3d4ea;flex:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:9px;gap:9px}.card{background:linear-gradient(#31435f,#22304a);border:2px solid #46608a;border-radius:14px;padding:9px 7px;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;transition:transform .08s}.card:active{transform:scale(.96)}.card.locked{opacity:.42;filter:grayscale(.6)}.card.poor{border-color:#7a3c33}.card canvas{width:52px;height:52px}.card .nm{font-size:9.5px;letter-spacing:.8px;text-align:center;line-height:1.25}.card .cost{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#ffd97a}.card .cost.no{color:#ff7a63}.card .sub{font-size:8px;letter-spacing:.9px}.card .cnt,.card .sub{font-family:Arial;font-weight:900;color:#8fa6c4}.card .cnt{position:absolute;top:5px;right:6px;font-size:8.5px}#insp{position:fixed;left:9px;right:9px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:15;background:linear-gradient(#22304a,#141d2b);border:2px solid #46608a;border-radius:16px;padding:11px 12px;box-shadow:0 8px 22px rgba(0,0,0,.45);display:flex;align-items:center;gap:11px}#insp canvas{width:46px;height:46px;flex:none}#insp .info{flex:1 1;min-width:0}#insp .info h3{font-size:12.5px;letter-spacing:1.2px}#insp .info p{font-size:9.5px;font-family:Arial;font-weight:700;color:#8fa6c4;margin-top:3px;line-height:1.4}#insp .acts{display:flex;flex-direction:column;gap:5px;flex:none}.btn{border-radius:11px;padding:8px 13px;font-size:10px;letter-spacing:1.1px;background:linear-gradient(#4fa85a,#2f7a3c);box-shadow:0 3px 0 #1d4d26;color:#eaffe9;transition:transform .08s}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #1d4d26}.btn.grey{background:linear-gradient(#4a5f80,#31435f);box-shadow:0 3px 0 #1b2635;color:#c3d4ea}.btn.gold{background:linear-gradient(#f0bb45,#c2891f);box-shadow:0 3px 0 #7d5310;color:#3a2708}.btn.red{background:linear-gradient(#d64f38,#a32e1c);box-shadow:0 3px 0 #6d1c0f;color:#ffe2d8}.btn:disabled{opacity:.45;box-shadow:none;transform:none}#placeBar{position:fixed;left:9px;right:9px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:16;display:flex;align-items:center;gap:9px;background:linear-gradient(#22304a,#141d2b);border:2px solid #e8b23c;border-radius:16px;padding:10px 12px;box-shadow:0 8px 22px rgba(0,0,0,.45)}#placeBar .t{flex:1 1;font-size:10.5px;letter-spacing:.8px;line-height:1.35}#placeBar .t em{font-style:normal;color:#8fa6c4;font-family:Arial;font-weight:700;font-size:9px;display:block;margin-top:3px}#btHud{position:fixed;inset:0;pointer-events:none;z-index:8}#btHud>*{pointer-events:auto}#btTop{position:absolute;top:calc(9px + env(safe-area-inset-top));left:9px;right:9px;display:flex;align-items:center;gap:9px}#btTop .box{background:rgba(20,28,40,.86);border:2px solid #3d5170;border-radius:12px;padding:6px 11px;text-align:center}#btTop .box .v{font-size:13px}#btTop .box .cap{font-size:7.5px;letter-spacing:1.5px;color:#8fa6c4;font-family:Arial;font-weight:900;margin-top:3px}#dmgWrap{flex:1 1;background:rgba(20,28,40,.86);border:2px solid #3d5170;border-radius:12px;padding:6px 10px}#dmgBarBg{height:9px;background:#0d1420;border-radius:5px;overflow:hidden;margin-top:5px}#dmgBar{height:100%;width:0;background:linear-gradient(90deg,#e8b23c,#ff7a3d);transition:width .2s}#starRow{display:flex;gap:3px;justify-content:center}#starRow svg{width:15px;height:15px}#btTray{position:absolute;left:0;right:0;bottom:calc(9px + env(safe-area-inset-bottom));display:flex;gap:8px;justify-content:center;padding:0 9px;flex-wrap:wrap}.tcard{width:62px;background:linear-gradient(#2c3d57,#1b2635);border:2px solid #46608a;border-radius:13px;padding:6px 3px 5px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .08s}.tcard.sel{border-color:#e8b23c;background:linear-gradient(#5a4620,#3a2c11);transform:translateY(-4px)}.tcard.out{opacity:.35}.tcard canvas{width:34px;height:34px}.tcard .n{font-size:11px;color:#ffd97a}.ovl{position:fixed;inset:0;z-index:40;background:rgba(8,12,20,.78);display:flex;align-items:center;justify-content:center;padding:22px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:100%;max-width:340px;background:linear-gradient(#25344e,#141d2b);border:3px solid #e8b23c;border-radius:22px;padding:20px 18px;text-align:center;box-shadow:0 16px 44px rgba(0,0,0,.6);max-height:86vh;overflow-y:auto}.modal h2{font-size:19px;letter-spacing:2.4px;margin-bottom:7px}.modal .lead{font-size:10.5px;font-family:Arial;font-weight:700;color:#8fa6c4;line-height:1.55;margin-bottom:15px}.modal .big{display:block;width:100%;padding:13px;font-size:13px;letter-spacing:1.8px;border-radius:14px;margin-top:9px}.lootRow{display:flex;justify-content:center;gap:16px;margin:13px 0}.lootRow div{display:flex;align-items:center;gap:5px;font-size:14px;color:#ffd97a}#resStars{display:flex;justify-content:center;gap:7px;margin:5px 0 11px}#resStars svg{width:38px;height:38px}.qrow{display:flex;align-items:center;gap:10px;background:#22304a;border:2px solid #3d5170;border-radius:13px;padding:9px 10px;margin-bottom:7px;text-align:left}.qrow.done{border-color:#3f7a45;opacity:.6}.qrow .qi{flex:1 1;min-width:0}.qrow .qi h4{font-size:10.5px;letter-spacing:.7px}.qrow .qi p{font-size:9px;font-family:Arial;font-weight:700;color:#8fa6c4;margin-top:3px}.qbarBg{height:6px;background:#0d1420;border-radius:4px;margin-top:6px;overflow:hidden}.qbar{height:100%;background:linear-gradient(90deg,#4fa85a,#8fe07a)}.qrw{font-size:10px;color:#ffd97a;display:flex;align-items:center;gap:4px;flex:none}.qrw svg{width:14px;height:14px}.dayHead{display:flex;align-items:center;justify-content:space-between;margin:2px 0 8px}.dayHead h3{font-size:11px;letter-spacing:1.8px;color:#f2e4c4}.dayHead p{font-size:9px;font-family:Arial;font-weight:700;color:#8fa6c4;margin-top:3px}.streak{font-size:9.5px;letter-spacing:.8px;color:#ffd97a;background:#3a2a16;border:2px solid #7a5a24;border-radius:9px;padding:4px 8px;flex:none}.qrow.day{border-color:#5a6f96;background:#26364f}.qrow.day.done{border-color:#3f7a45}#homeBtn{position:absolute;left:9px;bottom:calc(80px + env(safe-area-inset-bottom));width:46px;height:46px;border-radius:14px;background:linear-gradient(#2c3d57,#1b2635);border:2px solid #46608a;box-shadow:0 4px 0 #0d1420;display:flex;align-items:center;justify-content:center}#homeBtn:active{transform:translateY(3px);box-shadow:0 1px 0 #0d1420}#homeBtn svg{width:22px;height:22px}#toast{position:fixed;left:50%;top:calc(96px + env(safe-area-inset-top));transform:translateX(-50%);z-index:60;background:rgba(20,28,40,.94);border:2px solid #e8b23c;border-radius:12px;padding:9px 16px;font-size:11px;letter-spacing:.7px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap;max-width:90vw}#toast.on{opacity:1}#scoutSheet{max-height:52vh}#collectAll{position:absolute;right:9px;bottom:calc(80px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;border-radius:14px;padding:9px 13px;background:linear-gradient(#f0bb45,#c2891f);border:2px solid #ffd97a;box-shadow:0 4px 0 #7d5310;color:#3a2708;font-size:10px;letter-spacing:1.1px}#collectAll:active{transform:translateY(3px);box-shadow:0 1px 0 #7d5310}#collectAll svg{width:16px;height:16px;display:block}#guestNote{position:absolute;left:9px;right:9px;top:calc(102px + env(safe-area-inset-top));background:rgba(20,28,40,.9);border:2px solid #46608a;border-radius:12px;padding:8px 11px;display:flex;align-items:center;gap:9px;font-size:9px;font-family:Arial;font-weight:700;color:#c3d4ea;letter-spacing:.3px;line-height:1.4}#guestNote .btn{padding:6px 10px;font-size:9px;flex:none}#guestNote .xbtn{width:24px;height:24px;font-size:12px;border-radius:8px;flex:none}@keyframes starPop{0%{transform:scale(.2) rotate(-25deg);opacity:0}60%{transform:scale(1.25) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}#resStars svg{animation:starPop .42s cubic-bezier(.2,.9,.3,1.4) both}@media (prefers-reduced-motion:reduce){#resStars svg{animation:none}}#soundBtn{position:absolute;left:9px;bottom:calc(132px + env(safe-area-inset-bottom));width:38px;height:38px;border-radius:12px;background:linear-gradient(#2c3d57,#1b2635);border:2px solid #46608a;box-shadow:0 4px 0 #0d1420;display:flex;align-items:center;justify-content:center}#soundBtn:active{transform:translateY(3px);box-shadow:0 1px 0 #0d1420}#soundBtn svg{width:19px;height:19px;display:block}.tcard.hero{border-color:#e8b23c;background:linear-gradient(#4a3a18,#2a2110)}.tcard.hero .nm{color:#ffd97a}.tcard.hero.sel{border-color:#ffd97a;background:linear-gradient(#6b5220,#40310f)}#builderBar{position:absolute;top:calc(102px + env(safe-area-inset-top));right:9px;display:flex;align-items:center;gap:5px;background:rgba(20,28,40,.82);border:2px solid #3d5170;border-radius:11px;padding:4px 10px 4px 6px;font-size:12px}#builderBar svg{width:16px;height:16px;display:block}#builderBar.busy{border-color:#7a3c33}#builderBar.busy span{color:#ff9a86}#guestNote{top:calc(140px + env(safe-area-inset-top))}.btn svg{display:inline-block;vertical-align:-2px}.btn svg,.card .cost svg{width:13px;height:13px}.lootRow svg{width:19px;height:19px}#insp{max-height:34vh;bottom:calc(84px + env(safe-area-inset-bottom))}#insp .acts{max-width:46%}#insp .acts .btn{white-space:nowrap;gap:4px;justify-content:center}#insp .acts .btn,.setRow{display:flex;align-items:center}.setRow{gap:11px;background:#22304a;border:2px solid #3d5170;border-radius:13px;padding:10px 12px;margin-bottom:7px}.setLabel{flex:1 1;min-width:0}.setLabel h4{font-size:11px;letter-spacing:1.1px}.setLabel p{font-size:9px;font-family:Arial;font-weight:700;color:#8fa6c4;margin-top:3px;line-height:1.4}.setRow input[type=range]{flex:none;width:118px;height:26px;accent-color:#e8b23c;background:transparent}.setRow .btn{flex:none;min-width:70px}.qrow.me{border-color:#e8b23c;background:#2a3a24}.clanBadge{display:flex;align-items:center;justify-content:center;flex:none;border-radius:9px;border:2px solid #0d1420;color:#f2e4c4;letter-spacing:.5px;font-weight:900;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}.tabs{display:flex;gap:6px;margin-bottom:10px}.tab{flex:1 1;padding:8px 4px;border-radius:11px;background:#22304a;border:2px solid #3d5170;color:#8fa6c4;font-size:9.5px;letter-spacing:1.2px;position:relative}.tab.on{background:#31435f;border-color:#7d9ac4;color:#f2e4c4}.tab .dot{position:absolute;top:4px;right:6px}.chatLog{height:44vh;min-height:180px;overflow-y:auto;background:#141d2e;border:2px solid #2d3d58;border-radius:13px;padding:9px;display:flex;flex-direction:column;gap:6px}.chatSys{font-size:9px;font-family:Arial;font-weight:700;color:#7f93ad;text-align:center;margin:2px 0}.chatMsg{max-width:82%;background:#2a3a55;border:2px solid #3d5170;border-radius:11px;padding:6px 9px;align-self:flex-start}.chatMsg.mine{align-self:flex-end;background:#2f4a37;border-color:#4a7a52}.chatMsg .who{display:block;font-size:8.5px;letter-spacing:.8px;color:#ffd97a;margin-bottom:2px}.chatMsg .body{font-size:11px;font-family:Arial;font-weight:600;color:#e6eefa;word-break:break-word;line-height:1.35}.chatBar{display:flex;gap:7px;margin-top:9px}.chatBar input{flex:1 1;min-width:0}.formRow{display:flex;gap:7px;margin-bottom:8px}.chatBar input,.formRow input,.formRow select{background:#141d2e;border:2px solid #3d5170;border-radius:11px;padding:9px 10px;color:#e6eefa;font-family:Arial;font-weight:700;font-size:11.5px;min-width:0;flex:1 1}.chatBar input:focus,.formRow input:focus{outline:none;border-color:#7d9ac4}.badgeRow{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0 10px}.badgePick{padding:3px;border-radius:11px;border:2px solid transparent;background:none}.badgePick.on{border-color:#e8b23c;background:#2a3a24}.btn.wide{width:100%}.roleTag{font-size:8px;letter-spacing:.8px;padding:1px 5px;border-radius:6px;background:#31435f;color:#c3d4ea;margin-right:4px}.roleTag.leader{background:#7a5a24;color:#ffd97a}.roleTag.elder{background:#2f4a5a;color:#9fd6ea}.tagYou{font-size:8px;letter-spacing:.8px;color:#8fe07a;margin-left:4px}.rank{font-size:11px;color:#8fa6c4;width:22px;flex:none;text-align:center}