.ttown{--font-body:var(--font-game),"Baloo 2",system-ui,sans-serif;--r-common:#b3a3c4;--r-rare:#6cc2f7;--r-epic:#c489ff;--r-legendary:#ffbe2e;--r-mythic:#ff7a9c;--card:#fff8fc;--card-2:#ffeef7;--line:#ffd0e7;--line-2:#ffbcdb;--ink:#5d2444;--ink-soft:rgba(93,36,68,.66);--drop:rgba(196,78,141,.3);--drop-2:rgba(196,78,141,.18);--g1:#ffe37a;--g2:#ffc327;--g3:#e59a00;--p1:#ffa8d2;--p2:#ff7fbb;--p3:#e0559a;position:relative;min-height:100vh;color:var(--cream);font-family:var(--font-body);letter-spacing:.005em;padding-bottom:90px;isolation:isolate}.tt-sky{position:fixed;inset:0;z-index:-1;background:radial-gradient(66% 44% at 16% 2%,rgba(255,246,200,.75) 0,transparent 60%),radial-gradient(56% 38% at 88% 10%,rgba(255,195,228,.85) 0,transparent 64%),linear-gradient(180deg,#ffd3ea,#ffb4d8 32%,#ff9ac9 62%,#f57ab4)}.ttown.tt-gold .tt-sky{background:radial-gradient(66% 44% at 16% 2%,rgba(255,250,220,.8) 0,transparent 60%),radial-gradient(56% 38% at 88% 10%,rgba(255,226,160,.85) 0,transparent 64%),linear-gradient(180deg,#ffeec4,#ffdb92 32%,#f7c25e 62%,#e8a63a)}.tt-boot{display:grid;place-items:center;grid-gap:14px;gap:14px;min-height:70vh;font-weight:800;font-size:1.15rem;color:#fff;text-shadow:0 2px 0 var(--p3)}.tt-boot-paw{animation:tt-bob 1.1s ease-in-out infinite}@keyframes tt-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(6deg)}}.tt-card,.tt-item,.tt-panel,.tt-pullbox,.tt-res,.tt-scene,.tt-sim{background:linear-gradient(180deg,var(--card) 0,var(--card-2) 100%);border:2.5px solid var(--line);border-radius:26px;color:var(--ink);box-shadow:inset 0 2px 0 #fff,0 5px 0 var(--line-2),0 14px 26px var(--drop-2)}.tt-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:800 .98rem/1 var(--font-body);letter-spacing:-.01em;color:#6a4300;background:linear-gradient(180deg,var(--g1) 0,var(--g2) 100%);border:2.5px solid #fff;border-radius:19px;padding:14px 26px;cursor:pointer;text-shadow:0 1px 0 hsla(0,0%,100%,.6);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.8),0 5px 0 var(--g3),0 11px 18px var(--drop-2);transition:transform .1s ease,box-shadow .1s ease,filter .14s ease}.tt-btn:hover:not(:disabled){filter:brightness(1.05)}.tt-btn:active:not(:disabled){transform:translateY(5px);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.7),0 0 0 var(--g3)}.tt-btn.alt{color:#7a1f4d;background:linear-gradient(180deg,var(--p1) 0,var(--p2) 100%);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.75),0 5px 0 var(--p3),0 11px 18px var(--drop-2)}.tt-btn.alt:active:not(:disabled){box-shadow:inset 0 2px 0 hsla(0,0%,100%,.7),0 0 0 var(--p3)}.tt-btn.wide{flex:1 1;min-width:200px}.tt-btn:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.5)}.tt-btn:focus-visible,.tt-mini:focus-visible,.tt-slot:focus-visible,.tt-tab:focus-visible{outline:3px solid #fff;outline-offset:3px}.tt-mini{font:800 .8rem/1 var(--font-body);color:var(--ink);background:#fff;border:2px solid var(--line);padding:9px 13px;border-radius:14px;cursor:pointer;box-shadow:0 3px 0 var(--line-2);transition:transform .1s ease,box-shadow .1s ease,background .14s ease}.tt-mini:hover:not(:disabled){background:var(--card-2)}.tt-mini:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--line-2)}.tt-mini.gold:not(:disabled),.tt-mini.on{color:#6a4300;background:linear-gradient(180deg,var(--g1),var(--g2));border-color:#fff;box-shadow:0 3px 0 var(--g3)}.tt-mini:disabled{opacity:.42;cursor:not-allowed}.tt-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px 4px;max-width:1120px;margin:0 auto}.tt-back,.tt-tier{display:inline-flex;align-items:center;gap:7px;font:800 .86rem/1 var(--font-body);text-decoration:none;color:var(--ink);background:#fff;border:2.5px solid var(--line);padding:10px 15px;border-radius:var(--pill);box-shadow:0 3px 0 var(--line-2)}.tt-back:hover{background:var(--card-2)}.tt-tier b{color:var(--g3)}.tt-title{display:flex;align-items:center;gap:9px}.tt-title-main{font-weight:900;font-size:clamp(1.35rem,3.6vw,2rem);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 0 var(--p2),0 4px 0 var(--p3),0 8px 14px var(--drop)}.tt-proto{font:800 .58rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(180deg,var(--g1),var(--g2));color:#6a4300;padding:5px 8px;border-radius:9px;border:2px solid #fff;transform:rotate(-5deg);box-shadow:0 2px 0 var(--g3)}.tt-hud{max-width:1120px;margin:14px auto 0;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:11px;gap:11px}.tt-res{display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:21px}.tt-res-i{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:14px;color:var(--p3);background:var(--card-2);border:2px solid var(--line);box-shadow:inset 0 2px 0 #fff}.tt-res.accent .tt-res-i{color:#6a4300;background:linear-gradient(180deg,var(--g1),var(--g2));border-color:#fff;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.8),0 2px 0 var(--g3)}.tt-res-t{display:flex;flex-direction:column;min-width:0}.tt-res-t b{font-size:1.3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.tt-res-t small{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-soft)}.tt-tabs{max-width:1120px;margin:20px auto 0;padding:0 22px;display:flex;gap:9px;flex-wrap:wrap}.tt-tab{display:inline-flex;align-items:center;gap:8px;font:800 .9rem/1 var(--font-body);color:var(--ink);background:#fff;border:2.5px solid var(--line);padding:12px 19px;border-radius:18px;cursor:pointer;box-shadow:0 4px 0 var(--line-2);transition:transform .1s ease,box-shadow .1s ease,background .14s ease}.tt-tab:hover{background:var(--card-2)}.tt-tab.on{color:#6a4300;background:linear-gradient(180deg,var(--g1),var(--g2));border-color:#fff;box-shadow:0 4px 0 var(--g3)}.tt-body{max-width:1120px;margin:0 auto;padding:22px 22px 0}.tt-shead{margin:32px 0 15px}.tt-shead:first-child{margin-top:0}.tt-shead h2{font-size:clamp(1.4rem,3.4vw,1.8rem);font-weight:900;letter-spacing:-.025em;color:#fff;text-shadow:0 2px 0 var(--p2),0 4px 0 var(--p3),0 6px 12px var(--drop)}.tt-shead p{margin-top:6px;color:#fff;opacity:.92;font-size:.92rem;max-width:60ch;text-shadow:0 1px 2px var(--drop)}.tt-h3{font-size:1.12rem;font-weight:900;margin:32px 0 12px;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 0 var(--p3)}.tt-sub{color:#fff;opacity:.92;max-width:62ch;margin-bottom:14px;font-size:.9rem;text-shadow:0 1px 2px var(--drop)}.tt-p{margin-bottom:12px}.tt-warn{color:var(--g3);font-weight:800;margin-bottom:16px;font-size:.9rem}.r-common{--rc:var(--r-common)}.r-rare{--rc:var(--r-rare)}.r-epic{--rc:var(--r-epic)}.r-legendary{--rc:var(--r-legendary)}.r-mythic{--rc:var(--r-mythic)}.tt-town{position:relative;border-radius:26px;overflow:hidden;border:3px solid #fff;background:linear-gradient(180deg,#cfeaff,#ffe3f1);box-shadow:0 0 0 3px var(--line-2,#ffbcdb),0 8px 0 var(--line-2,#ffbcdb),0 20px 34px var(--drop-2,rgba(196,78,141,.2));margin-bottom:16px;min-height:180px}.tt-town-host{display:block;line-height:0}.tt-town-host canvas{border-radius:22px}.tt-town-msg{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:var(--ink);background:linear-gradient(180deg,#cfeaff,#ffe3f1)}.tt-scene.compact{min-height:0;padding:18px 18px 6px;background:linear-gradient(180deg,var(--card),var(--card-2))}.tt-scene.compact .tt-slots{padding-bottom:10px}.tt-scene{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:30px 22px 0;overflow:hidden;background:linear-gradient(180deg,#cdeeff,#e6f0ff 26%,#ffe0f0 52%,#ffc8e4 74%,#f9b0d6)}.tt-scene-glow{left:10%;right:10%;top:-22%;height:250px;background:radial-gradient(50% 50% at 50% 50%,rgba(255,249,204,.85),transparent 70%)}.tt-clouds,.tt-scene-glow{position:absolute;pointer-events:none}.tt-clouds{inset:0;overflow:hidden}.tt-clouds i{position:absolute;display:block;border-radius:999px;background:#fff;filter:blur(9px);animation:tt-drift linear infinite}.tt-clouds i:first-child{width:170px;height:44px;top:11%;left:-22%;animation-duration:52s;opacity:.95}.tt-clouds i:nth-child(2){width:116px;height:34px;top:29%;left:-20%;animation-duration:38s;animation-delay:-14s;opacity:.8}.tt-clouds i:nth-child(3){width:210px;height:52px;top:3%;left:-30%;animation-duration:68s;animation-delay:-30s;opacity:.7}@keyframes tt-drift{0%{transform:translateX(0)}to{transform:translateX(160vw)}}.tt-skyline{bottom:58px;height:84px;pointer-events:none;opacity:.95;background-repeat:repeat-x;background-size:300px 84px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='84'%3E%3Cg%3E%3Cpath d='M8 84V50l18-14 18 14v34z' fill='%23e888bb'/%3E%3Crect x='52' y='40' width='34' height='44' fill='%23f7a6d0'/%3E%3Cpath d='M46 42 69 24l23 18z' fill='%23d9709f'/%3E%3Crect x='60' y='52' width='10' height='10' fill='%23fff' opacity='.75'/%3E%3Crect x='100' y='56' width='26' height='28' fill='%23f7bcdd'/%3E%3Cpath d='M96 58l17-13 17 13z' fill='%23e888bb'/%3E%3Crect x='140' y='34' width='40' height='50' fill='%23f7a6d0'/%3E%3Cpath d='M133 36 160 16l27 20z' fill='%23d9709f'/%3E%3Crect x='152' y='48' width='11' height='11' fill='%23fff' opacity='.75'/%3E%3Crect x='196' y='52' width='30' height='32' fill='%23f7bcdd'/%3E%3Cpath d='M190 54l21-15 21 15z' fill='%23e888bb'/%3E%3Cpath d='M244 84V46l20-15 20 15v38z' fill='%23f7a6d0'/%3E%3Crect x='257' y='58' width='11' height='11' fill='%23fff' opacity='.75'/%3E%3C/g%3E%3C/svg%3E")}.tt-ground,.tt-skyline{position:absolute;left:0;right:0}.tt-ground{bottom:0;height:60px;background:linear-gradient(180deg,#ffd2ea,#ffb8dc 48%,#f79ac8);box-shadow:inset 0 4px 0 #fff,inset 0 -2px 10px rgba(196,78,141,.16)}.tt-slots{z-index:2;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px 20px;padding-bottom:18px}.tt-slot,.tt-slots{position:relative;display:flex}.tt-slot{flex-direction:column;align-items:center;width:112px;padding:0;border:none;background:none;cursor:pointer}.tt-slot:hover .tt-char{transform:translateY(-8px) scale(1.05);animation-play-state:paused}.tt-char{position:relative;width:100%;aspect-ratio:1;transition:transform .18s cubic-bezier(.34,1.56,.64,1);animation:tt-breathe 2.9s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.43s)}@keyframes tt-breathe{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}.tt-slot-art{position:absolute;inset:0;border-radius:24px;overflow:hidden;border:3.5px solid #fff;background:var(--card);box-shadow:0 0 0 3.5px var(--rc),0 5px 0 var(--drop),0 9px 16px var(--drop-2)}.tt-slot-art img{width:100%;height:100%;object-fit:cover}.r-legendary .tt-slot-art{box-shadow:0 0 0 3.5px var(--rc),0 0 22px rgba(255,190,46,.85),0 5px 0 var(--drop)}.r-mythic .tt-slot-art{box-shadow:0 0 0 3.5px var(--rc),0 0 24px rgba(255,122,156,.9),0 5px 0 var(--drop)}.tt-sparkle{position:absolute;width:8px;height:8px;border-radius:2px;background:#fff;opacity:0;transform:rotate(45deg);pointer-events:none;box-shadow:0 0 6px #fff}.r-epic .tt-sparkle,.r-legendary .tt-sparkle,.r-mythic .tt-sparkle{animation:tt-twinkle 2.6s ease-in-out infinite}.tt-sparkle.s1{top:-5px;right:5px;animation-delay:calc(var(--i, 0) * -.3s)}.tt-sparkle.s2{bottom:9px;left:-6px;width:6px;height:6px;animation-delay:calc(var(--i, 0) * -.3s - 1.1s)}@keyframes tt-twinkle{0%,70%,to{opacity:0;transform:rotate(45deg) scale(.4)}82%{opacity:1;transform:rotate(45deg) scale(1.25)}}.tt-shadow{width:62%;height:13px;margin-top:-3px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(196,78,141,.42),transparent 72%);animation:tt-squash 2.9s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.43s)}@keyframes tt-squash{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(.82);opacity:.4}}.tt-slot.empty{cursor:default}.tt-slot.empty .tt-plot{display:grid;place-items:center;width:100%;aspect-ratio:1;color:#fff;border:3.5px dashed hsla(0,0%,100%,.9);border-radius:24px;background:hsla(0,0%,100%,.28)}.tt-slot.empty .tt-shadow{animation:none;opacity:.3}.tt-lvl{position:absolute;top:-8px;left:-8px;z-index:3;display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;font:900 .78rem/1 var(--font-mono);color:#6a4300;background:linear-gradient(180deg,var(--g1),var(--g2));border:2.5px solid #fff;border-radius:11px;box-shadow:0 3px 0 var(--g3);transform:rotate(-8deg)}.tt-work{width:78%;height:9px;margin-top:9px;border-radius:6px;background:#fff;border:2px solid var(--line);overflow:hidden}.tt-work i{display:block;height:100%;background:linear-gradient(90deg,var(--rc),#fff);animation:tt-fill var(--cycle,3s) linear infinite}@keyframes tt-fill{0%{width:0}to{width:100%}}.tt-slot-rate{margin-top:6px;font-weight:800;font-size:.78rem;color:#fff;text-shadow:0 1.5px 0 var(--p3)}.tt-coin{position:absolute;z-index:4;pointer-events:none;opacity:0}.tt-coin.c1{left:12%;top:40%}.tt-coin.c1,.tt-coin.c2{animation:tt-float calc(var(--cycle, 3s) * 2) ease-out infinite}.tt-coin.c2{right:14%;top:52%;animation-delay:calc(var(--cycle, 3s) * .9)}@keyframes tt-float{0%{transform:translateY(8px) scale(.5);opacity:0}20%{opacity:1}to{transform:translate(-6px,-62px) scale(1.05);opacity:0}}.tt-upgrades{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.tt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));grid-gap:15px;gap:15px}.tt-card{position:relative;padding:13px;border-radius:24px;transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.tt-card:hover{transform:translateY(-4px)}.tt-card.in{border-color:var(--rc)}.tt-ribbon{position:absolute;top:11px;right:-4px;z-index:3;font:900 .6rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--rc);padding:6px 10px;border-radius:9px 0 0 9px;box-shadow:0 3px 0 var(--drop-2);text-shadow:0 1px 1px rgba(0,0,0,.18)}.tt-frame{position:relative;display:block;border-radius:19px;border:3.5px solid #fff;background:var(--card-2);box-shadow:0 0 0 3px var(--rc),0 4px 0 var(--drop-2)}.tt-frame img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:15px}.tt-card-b{display:flex;flex-direction:column;gap:8px;margin-top:12px}.tt-card-l{font-size:.94rem;font-weight:800;color:var(--ink)}.tt-shardbar{position:relative;height:19px;border-radius:10px;background:#fff;border:2px solid var(--line);overflow:hidden}.tt-shardbar i{display:block;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,.55),transparent),var(--rc);transition:width .3s ease}.tt-shardbar span{position:absolute;inset:0;display:grid;place-items:center;font-size:.66rem;font-weight:800;color:var(--ink)}.tt-card-actions{display:flex;gap:7px}.tt-card-actions .tt-mini{flex:1 1}.tt-pullbox{display:flex;align-items:center;gap:24px;padding:24px;flex-wrap:wrap}.tt-pullbox-art{position:relative;display:grid;place-items:center;width:120px;height:120px;flex:0 0 120px;border-radius:28px;color:var(--g3);background:linear-gradient(180deg,#fff,var(--card-2));border:3.5px solid var(--g2);box-shadow:inset 0 2px 0 #fff,0 5px 0 var(--g3);animation:tt-bob 2.6s ease-in-out infinite}.tt-pullglow{position:absolute;inset:-26%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,195,39,.5),transparent 70%);animation:tt-pulse 2.4s ease-in-out infinite}@keyframes tt-pulse{0%,to{transform:scale(.9);opacity:.55}50%{transform:scale(1.12);opacity:1}}.tt-pullbox-b{flex:1 1;min-width:260px;display:flex;flex-direction:column;gap:11px}.tt-pullrow{display:flex;gap:11px;flex-wrap:wrap}.tt-pullrow .tt-btn{flex:1 1;min-width:160px}.tt-pitybar{height:11px;border-radius:7px;background:#fff;border:2px solid var(--line);overflow:hidden}.tt-pitybar i{display:block;height:100%;background:linear-gradient(90deg,var(--r-epic),var(--r-legendary));transition:width .3s ease}.tt-pity{font-size:.78rem;color:var(--ink-soft)}.tt-odds{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.tt-odd{display:grid;grid-template-columns:96px 1fr 62px 48px 58px;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;border-radius:18px;color:var(--ink);background:linear-gradient(180deg,var(--card),var(--card-2));border:2.5px solid var(--line);box-shadow:inset 0 2px 0 #fff,0 4px 0 var(--line-2)}.tt-odd-name{font-weight:900;font-size:.86rem;color:var(--rc);letter-spacing:-.01em}.tt-odd-track{height:13px;border-radius:8px;background:#fff;border:2px solid var(--line);overflow:hidden}.tt-odd-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(180deg,hsla(0,0%,100%,.6),transparent),var(--rc)}.tt-odd-mult,.tt-odd-pct{font-weight:800;font-size:.86rem}.tt-odd-mult{color:var(--rc)}.tt-odd-pool{font-size:.74rem;color:var(--ink-soft);text-align:right}.tt-rules{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:.9rem;color:#fff;text-shadow:0 1px 2px var(--drop)}.tt-rules li{padding-left:22px;position:relative}.tt-rules li:before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;border-radius:3px;background:var(--g2);border:1.5px solid #fff;transform:rotate(45deg)}.tt-board{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}.tt-brow{display:grid;grid-template-columns:42px 1fr auto auto auto;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;border-radius:19px;color:var(--ink);background:linear-gradient(180deg,var(--card),var(--card-2));border:2.5px solid var(--line);box-shadow:inset 0 2px 0 #fff,0 4px 0 var(--line-2)}.tt-brow.me{border-color:var(--g2);box-shadow:inset 0 2px 0 #fff,0 4px 0 var(--g3)}.tt-rank{display:grid;place-items:center;width:33px;height:33px;font:900 .92rem/1 var(--font-mono);color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:12px}.rank-1{color:#6a4300;background:linear-gradient(180deg,#ffe37a,#ffc327);box-shadow:0 3px 0 #e59a00}.rank-1,.rank-2{border-color:#fff}.rank-2{color:#4a4a4a;background:linear-gradient(180deg,#fdfdfd,#d5dade);box-shadow:0 3px 0 #a8aeb3}.rank-3{color:#6b3200;background:linear-gradient(180deg,#ffcb96,#e79554);border-color:#fff;box-shadow:0 3px 0 #b36a2e}.tt-bname{font-weight:800}.tt-plush{font:900 .6rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--r-mythic);padding:6px 9px;border-radius:9px;box-shadow:0 2px 0 var(--drop-2)}.tt-bscore{font-weight:800}.tt-bhold{color:var(--ink-soft);font-size:.86rem}.tt-sim{padding:20px}.tt-simlabel{display:block;font-size:.9rem;margin-bottom:14px;font-weight:700}.tt-simlabel input{width:100%;margin-top:11px;accent-color:var(--p2)}.tt-simout{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.tt-simout>div{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:19px;border:2.5px solid}.tt-simout small{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;opacity:.8}.tt-simout b{font-size:1.24rem;font-weight:800}.tt-simout em{font-style:normal;font-size:.76rem;opacity:.78}.tt-simout .ok{border-color:#7ad9a8;background:#e8fbf1;color:#1c6b45}.tt-simout .bad{border-color:#ff9db1;background:#ffedf1;color:#99203c}.tt-holds{display:flex;gap:8px;flex-wrap:wrap}.tt-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));grid-gap:16px;gap:16px}.tt-item{position:relative;padding:22px;display:flex;flex-direction:column;gap:9px}.tt-item.best{border-color:var(--g2);box-shadow:inset 0 2px 0 #fff,0 5px 0 var(--g3),0 14px 26px var(--drop-2)}.tt-badge{position:absolute;top:-13px;left:18px;font:900 .62rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.11em;color:#6a4300;background:linear-gradient(180deg,var(--g1),var(--g2));padding:6px 11px;border-radius:10px;border:2.5px solid #fff;box-shadow:0 3px 0 var(--g3);transform:rotate(-4deg)}.tt-item h4{font-size:1.08rem;font-weight:900;letter-spacing:-.02em}.tt-item p{font-size:.86rem;color:var(--ink-soft);flex:1 1}.tt-item .tt-btn{width:100%}.tt-danger{margin-top:28px;padding-top:20px;border-top:2.5px dashed hsla(0,0%,100%,.6)}.tt-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:rgba(120,40,85,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:tt-fade .18s ease}@keyframes tt-fade{0%{opacity:0}}.tt-modal-in{position:relative;width:100%;max-width:470px;max-height:88vh;overflow:auto;padding:30px;text-align:center;color:var(--ink);border-radius:32px;background:linear-gradient(180deg,var(--card),var(--card-2));border:4px solid #fff;box-shadow:0 0 0 4px var(--g2),0 12px 0 var(--g3),0 26px 44px var(--drop);animation:tt-pop .24s cubic-bezier(.34,1.56,.64,1)}.tt-modal-in.wide{max-width:660px}@keyframes tt-pop{0%{transform:scale(.9) translateY(14px);opacity:0}}.tt-modal-in h3{font-size:1.42rem;font-weight:900;margin-bottom:16px;letter-spacing:-.02em}.tt-x{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--ink);font-size:1.2rem;cursor:pointer;opacity:.55}.tt-x:hover{opacity:1}.tt-wb{display:grid;place-items:center;grid-gap:6px;gap:6px;margin-bottom:12px;color:var(--g3)}.tt-wb-n{font-size:2.2rem;font-weight:900;color:var(--g3);text-shadow:0 2px 0 #fff}.tt-wb .tt-p{color:var(--ink)}.tt-pulls{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.tt-pull{position:relative;animation:tt-reveal .36s cubic-bezier(.34,1.56,.64,1) both}@keyframes tt-reveal{0%{transform:scale(.5) rotate(-8deg);opacity:0}}.tt-pull .tt-frame{border-radius:18px}.tt-pull figcaption{margin-top:8px;font:900 .66rem/1.3 var(--font-body);text-transform:uppercase;letter-spacing:.07em;color:var(--rc)}.tt-pull-rays{display:none}.tt-pull.r-legendary .tt-pull-rays,.tt-pull.r-mythic .tt-pull-rays{display:block;position:absolute;inset:-22%;z-index:-1;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,var(--rc),transparent 68%);opacity:.55;animation:tt-pulse 1.8s ease-in-out infinite}.tt-dupe{display:block;margin-top:3px;font-size:.6rem;color:var(--ink-soft);letter-spacing:0}.tt-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:120;padding:13px 24px;font-weight:800;color:var(--ink);background:var(--card);border:3px solid #fff;border-radius:var(--pill);box-shadow:0 0 0 3px var(--line-2),0 8px 22px var(--drop);animation:tt-pop .24s cubic-bezier(.34,1.56,.64,1)}@media (max-width:760px){.tt-hud{grid-template-columns:1fr 1fr}.tt-res-t b{font-size:1.1rem}.tt-bar{flex-wrap:wrap;gap:10px}.tt-bar,.tt-title{justify-content:center}.tt-title{order:-1;width:100%}.tt-simout{grid-template-columns:1fr}.tt-odd{grid-template-columns:78px 1fr 56px;row-gap:6px}.tt-odd-mult,.tt-odd-pool{grid-column:span 1;text-align:left}.tt-brow{grid-template-columns:34px 1fr auto;row-gap:6px}.tt-tab span{display:none}.tt-tab{padding:12px 16px}}@media (prefers-reduced-motion:reduce){.tt-boot-paw,.tt-char,.tt-clouds i,.tt-coin,.tt-pull,.tt-pull-rays,.tt-pullbox-art,.tt-pullglow,.tt-shadow,.tt-sparkle,.tt-work i{animation:none!important}.tt-coin,.tt-sparkle{opacity:0}.tt-work i{width:60%}}.tt-sheet-wrap{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:rgba(120,40,85,.28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:tt-fade .16s ease;padding:16px}.tt-sheet{position:relative;width:100%;max-width:460px;padding:24px;color:var(--ink);border-radius:30px;background:linear-gradient(180deg,var(--card),var(--card-2));border:3px solid #fff;box-shadow:0 0 0 3px var(--line-2),0 -6px 0 var(--line-2),0 -18px 40px var(--drop);animation:tt-rise .24s cubic-bezier(.34,1.56,.64,1);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tt-sheet::-webkit-scrollbar{width:10px}.tt-sheet::-webkit-scrollbar-track{background:transparent}.tt-sheet::-webkit-scrollbar-thumb{background:#f0d6e6;border:3px solid transparent;background-clip:content-box;border-radius:999px}.tt-sheet::-webkit-scrollbar-thumb:hover{background:#e3bcd5;background-clip:content-box}@keyframes tt-rise{0%{transform:translateY(40px);opacity:0}}.tt-sheet-x{position:-webkit-sticky;position:sticky;float:right;top:0;right:0;z-index:3;margin:-8px -6px 0 0;background:none;border:none;color:var(--ink);font-size:1.15rem;cursor:pointer;opacity:.5}.tt-sheet-x:hover{opacity:1}.tt-sheet-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.tt-sheet-swatch{width:44px;height:44px;flex:0 0 44px;border-radius:15px;border:3px solid #fff;box-shadow:0 3px 0 var(--line-2)}.tt-sheet-head h3{font-size:1.25rem;font-weight:900;letter-spacing:-.02em}.tt-sheet-lvl{font-size:.82rem;font-weight:800;color:var(--g3)}.tt-sheet-desc{font-size:.9rem;color:var(--ink-soft);margin-bottom:14px}.tt-sheet-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:9px;gap:9px;margin-bottom:16px}.tt-sheet-stats>div{background:#fff;border:2px solid var(--line);border-radius:15px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.tt-sheet-stats small{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--ink-soft)}.tt-sheet-stats b{font-size:.92rem;display:inline-flex;align-items:center;gap:5px}.tt-sheet-job{display:flex;flex-direction:column;gap:10px}.tt-sheet-jobrow{display:flex;justify-content:space-between;align-items:baseline;font-size:.92rem;font-weight:700}.tt-sheet-bar{height:15px;border-radius:8px;background:#fff;border:2px solid var(--line);overflow:hidden}.tt-sheet-bar i{display:block;height:100%;background:linear-gradient(180deg,#8fe0bd,#57c89a);transition:width .25s linear}.tt-sheet-cost{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:15px;background:#fff;border:2px solid var(--line);font-size:.9rem;font-weight:700}.tt-sheet-cost.short{border-color:#ff9db1;background:#ffedf1;color:#99203c}.tt-sheet .tt-btn{width:100%}.tt-sheet-note{font-size:.78rem;color:var(--ink-soft);text-align:center}@media (max-width:620px){.tt-sheet-wrap{padding:0}.tt-sheet{max-width:none;border-radius:28px 28px 0 0;max-height:92dvh}}.tt-resbar{max-width:1120px;margin:14px auto 0;padding:0 22px;display:flex;gap:8px;flex-wrap:wrap}.tt-resbar-item{flex:1 1 118px;gap:8px;padding:9px 12px;border-radius:16px;background:linear-gradient(180deg,var(--card),var(--card-2));color:var(--ink);font:inherit;cursor:default}.tt-resbar-i{background:#fff}.tt-resbar-n{line-height:1.15}.tt-resbar-n small{font-size:.66rem;color:var(--ink-soft);font-weight:700}.tt-resbar-item.gold{cursor:pointer;position:relative}.tt-resbar-item.gold:hover{filter:brightness(1.03)}.tt-resbar-plus{margin-left:auto;display:grid;place-items:center;background:linear-gradient(180deg,var(--g1),var(--g2));color:#6a4300;font-weight:900;font-size:.95rem;line-height:1;box-shadow:0 2px 0 var(--g3)}.tt-collectall{display:inline-flex;align-items:center;gap:9px;margin-top:14px;font:800 .95rem/1 var(--font-body);color:#2f6b46;background:linear-gradient(180deg,#b6f0d2,#7fdcae);border:2.5px solid #fff;border-radius:18px;padding:13px 22px;cursor:pointer;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.8),0 5px 0 #46a97c;transition:transform .1s ease,box-shadow .1s ease}.tt-collectall:active{box-shadow:inset 0 2px 0 hsla(0,0%,100%,.7),0 1px 0 #46a97c}.tt-collectall span{background:hsla(0,0%,100%,.75);padding:4px 9px;border-radius:9px;font-weight:800}.tt-costs{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:8px;gap:8px}.tt-cost{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:14px;background:#fff;border:2px solid var(--line)}.tt-cost b{font-size:.92rem;font-weight:800}.tt-cost small{font-size:.64rem;color:var(--ink-soft);margin-left:auto}.tt-cost.short{border-color:#ff9db1;background:#ffedf1}.tt-cost.short b{color:#99203c}.tt-sheet-stats b.up{color:#2f8f5f}.tt-sheet-note.locked{color:var(--g3);font-weight:700}.tt-btn.collect{width:100%;margin-bottom:12px;color:#2f6b46;background:linear-gradient(180deg,#b6f0d2,#7fdcae);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.8),0 5px 0 #46a97c}.tt-btn.collect em{font-style:normal;opacity:.7;font-size:.82em}.ttown{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:0;overflow:hidden}.tt-stage{position:relative;flex:1 1 auto;min-height:0;margin:8px 10px 0;border-radius:24px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 3px var(--line-2),0 10px 26px var(--drop)}.tt-stage .tt-town{position:absolute;inset:0;margin:0;border:none;border-radius:0;box-shadow:none;min-height:0}.tt-stage .tt-town-host{width:100%;height:100%}.tt-stage .tt-town-host canvas{border-radius:0;display:block}.tt-panel-over{position:absolute;inset:0;z-index:20;overflow-y:auto;padding:22px 22px 96px;background:linear-gradient(180deg,rgba(255,248,252,.97),rgba(255,238,247,.99));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tt-bar{padding:10px 16px 2px}.tt-resbar{margin:8px auto 0}.tt-resbar-item{padding:7px 10px;border-radius:14px}.tt-resbar-i{width:26px;height:26px;flex:0 0 26px;border-radius:9px}.tt-tabs{position:relative;z-index:30;margin:0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));justify-content:center}.tt-collectall{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:25;margin:0}.tt-collectall:active{transform:translateX(-50%) translateY(4px)}.tt-stage .tt-grid,.tt-stage .tt-scene.compact,.tt-stage .tt-shead,.tt-stage .tt-shead+.tt-shead,.tt-stage .tt-upgrades{display:none}@media (max-width:760px){.tt-stage{margin:6px 6px 0;border-radius:18px}.tt-resbar{gap:5px}.tt-resbar-item{flex:1 1 74px;padding:6px 7px}.tt-resbar-n small{display:none}}.tt-costs{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.tt-cost{flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;position:relative}.tt-cost>span:first-child{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.tt-cost b{font-size:1.12rem}.tt-cost small{margin-left:0;font-size:.7rem}.tt-chain{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;padding:13px 15px;border-radius:18px;background:#fff;border:2.5px solid var(--line)}.tt-chain-step{display:flex;align-items:center;gap:10px}.tt-chain-step small{flex:0 0 78px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.tt-chain-res{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tt-chain-res span{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:.92rem}.tt-chain-step.out .tt-chain-res span{font-size:1.05rem}.tt-chain-name{color:var(--ink)!important;font-weight:700!important}.tt-blocked{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border-radius:15px;background:#ffedf1;border:2.5px solid #ff9db1}.tt-blocked small{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#99203c}.tt-blocked span{font-weight:800;font-size:.88rem;color:#99203c;background:#fff;padding:5px 10px;border-radius:10px}.tt-sheet-note.warn{color:#99203c;font-weight:700}.tt-stage .tt-offstage{display:none}.tt-resbar{flex-wrap:nowrap}.tt-resbar-n{overflow:hidden}.tt-resbar-n b{font-size:.9rem}.tt-resbar-n small{font-size:.6rem;white-space:nowrap}.tt-collectall{left:auto;right:16px;transform:none;padding:11px 18px;font-size:.9rem}.tt-collectall:active{transform:translateY(4px)}.tt-stage{background:linear-gradient(180deg,#8fd8f7,#bfe9ff 45%,#ffd9ec 80%,#ffc2e0)}.tt-zoom{position:absolute;right:14px;top:14px;z-index:25;display:flex;flex-direction:column;gap:8px}.tt-zoom button{width:42px;height:42px;display:grid;place-items:center;font:800 1.35rem/1 var(--font-body);color:var(--ink);background:#fff;border:2.5px solid var(--line);border-radius:14px;cursor:pointer;box-shadow:0 4px 0 var(--line-2)}.tt-zoom button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line-2)}.tt-album-sec{margin-bottom:26px}.tt-album-h{display:flex;align-items:baseline;gap:10px;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;text-shadow:0 1px 0 #fff}.tt-album-h span{font-size:.8rem;color:var(--ink-soft);letter-spacing:0;text-transform:none}.tt-album{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));grid-gap:12px;gap:12px}.tt-frame-empty{position:relative;aspect-ratio:1;border-radius:20px;border:3px dashed var(--rc);background:hsla(0,0%,100%,.55);display:grid;place-items:center;overflow:hidden}.tt-frame-empty img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;border-radius:14px;filter:grayscale(1) brightness(1.7) opacity(.28)}.tt-frame-empty span{position:relative;font-size:1.9rem;font-weight:800;color:var(--rc);opacity:.55}.tt-crew{margin-bottom:14px;padding:13px 15px;border-radius:18px;background:#fff;border:2.5px solid var(--line)}.tt-crew-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.tt-crew-head small{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.tt-crew-head b{font-size:.78rem;color:var(--ink-soft)}.tt-crew-row{display:flex;gap:10px}.tt-crew-cat,.tt-crew-empty{position:relative;width:58px;height:58px;border-radius:17px;cursor:pointer;padding:0;overflow:hidden}.tt-crew-cat{border:3px solid var(--rc);background:var(--card-2);box-shadow:0 3px 0 var(--drop-2)}.tt-crew-cat img{width:100%;height:100%;object-fit:cover}.tt-crew-cat span{position:absolute;top:-2px;right:2px;font-size:.95rem;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.tt-crew-empty{border:3px dashed var(--line-2);background:var(--card-2);color:var(--line-2);font-size:1.5rem;font-weight:800}.tt-crew-empty:disabled{opacity:.45;cursor:not-allowed}.tt-crew-buy{width:100%;margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.tt-mini.boost{width:100%;margin-bottom:12px;color:#2c6b3a;background:linear-gradient(180deg,#d8f5b8,#b0e888);border-color:#fff;box-shadow:0 3px 0 #77bd4d}.tt-sheet-note.boosted{color:#2c6b3a;font-weight:800}.tt-resbar-item{position:relative;cursor:pointer;text-align:left}.tt-resbar-item.open{border-color:var(--p2);box-shadow:inset 0 2px 0 #fff,0 4px 0 var(--p3)}.tt-resbar-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:max-content;max-width:230px;padding:12px 14px;border-radius:16px;background:#fff;border:2.5px solid var(--line);box-shadow:0 8px 22px var(--drop);cursor:default}.tt-resbar-pop b{display:block;font-size:.9rem;margin-bottom:6px}.tt-resbar-pop ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.tt-resbar-pop li{position:relative;padding-left:14px;font-size:.8rem;font-weight:600;color:var(--ink);white-space:normal}.tt-resbar-pop li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:2px;background:var(--p2);transform:rotate(45deg)}.tt-resbar-pop em{display:block;margin-top:8px;font-style:normal;font-size:.74rem;font-weight:800;color:#99203c}.tt-next{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);z-index:40;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 220px);padding:8px 15px;font:800 .8rem/1 var(--font-body);color:#7a5a70;background:hsla(0,0%,100%,.92);border:2px solid var(--line);border-radius:999px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 0 var(--line-2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tt-next:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffc327;flex:0 0 auto}.tt-next:active{transform:translateX(-50%) translateY(2px);box-shadow:0 1px 0 var(--line-2)}.tt-auto{position:absolute;left:16px;bottom:16px;z-index:25;display:inline-flex;align-items:center;gap:8px;padding:11px 17px;font:800 .88rem/1 var(--font-body);color:var(--ink);background:#fff;border:2.5px solid var(--line);border-radius:16px;cursor:pointer;box-shadow:0 4px 0 var(--line-2)}.tt-auto:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line-2)}.tt-crew-cat em{position:absolute;left:0;right:0;bottom:0;font:800 .62rem/1 var(--font-mono);font-style:normal;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));padding:8px 0 3px;text-align:center}@media (max-width:760px){.tt-next{bottom:72px;font-size:.86rem;padding:11px 16px}.tt-auto{font-size:.78rem;padding:9px 12px}.tt-collectall{font-size:.82rem;padding:9px 13px}}.tt-sheet-move{position:-webkit-sticky;position:sticky;float:right;top:0;z-index:3;margin:-4px 8px 0 0;font:800 .76rem/1 var(--font-body);color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:11px;padding:7px 12px;cursor:pointer;box-shadow:0 3px 0 var(--line-2)}.tt-sheet-move:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line-2)}.tt-moving{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:45;padding:11px 20px;font:800 .9rem/1 var(--font-body);color:#6a4300;background:linear-gradient(180deg,var(--g1),var(--g2));border:3px solid #fff;border-radius:16px;box-shadow:0 5px 0 var(--g3),0 10px 22px var(--drop)}.tt-book-btn{position:absolute;right:16px;bottom:16px;z-index:25;display:inline-flex;align-items:center;gap:8px;padding:11px 17px;font:800 .88rem/1 var(--font-body);color:var(--ink);background:#fff;border:2.5px solid var(--line);border-radius:16px;cursor:pointer;box-shadow:0 4px 0 var(--line-2)}.tt-book-btn.ready{border-color:var(--g2);box-shadow:0 4px 0 var(--g3)}.tt-book-btn span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.76rem;font-weight:900;color:#fff;background:var(--r-mythic);border-radius:8px}.tt-book-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line-2)}.tt-book{max-width:560px;max-height:82vh}.tt-chapters{display:flex;flex-direction:column;gap:10px}.tt-chapter{border-radius:18px;background:#fff;border:2.5px solid var(--line);overflow:hidden}.tt-chapter.done{opacity:.72}.tt-chapter-head{width:100%;display:flex;align-items:center;gap:10px;padding:13px 15px;background:none;border:none;cursor:pointer;font:inherit;color:var(--ink);text-align:left}.tt-chapter-n{flex:1 1;font-weight:800;font-size:.98rem}.tt-chapter-p{font-size:.78rem;font-weight:800;color:var(--ink-soft);background:var(--card-2);padding:4px 9px;border-radius:8px}.tt-chapter-caret{color:var(--ink-soft);font-size:.8rem}.tt-chapter-body{padding:0 15px 14px;display:flex;flex-direction:column;gap:9px}.tt-chapter-blurb{font-size:.84rem;color:var(--ink-soft);margin-bottom:2px}.tt-task{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--card-2);border:2px solid var(--line)}.tt-task.claimed{opacity:.6}.tt-task-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px}.tt-task-text{font-size:.88rem;font-weight:700}.tt-task-bar{position:relative;height:15px;border-radius:8px;background:#fff;border:2px solid var(--line);overflow:hidden}.tt-task-bar i{display:block;height:100%;background:linear-gradient(180deg,#8fe0bd,#57c89a);transition:width .3s ease}.tt-task-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:.62rem;font-weight:800;color:var(--ink)}.tt-task-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.tt-q-reward{display:inline-flex;gap:8px}.tt-q-reward span{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:800}.tt-task-done{font-size:.72rem;font-weight:800;color:#2f8f5f}.tt-chapter-prize{display:flex;align-items:center;gap:10px;margin-top:4px;padding:11px 13px;border-radius:14px;background:var(--card-2);border:2.5px dashed var(--line-2)}.tt-chapter-prize.ready{border-style:solid;border-color:var(--g2);background:#fff7dd}.tt-chapter-prize>span:first-child{flex:1 1;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.tt-resbar{gap:7px;padding:0 12px;margin-top:10px}.tt-resbar-item{flex:1 1;display:flex;align-items:center;gap:9px;padding:8px 10px 8px 8px;border-radius:18px;background:linear-gradient(180deg,#fff,var(--card-2));border:2.5px solid var(--line);box-shadow:inset 0 2px 0 #fff,0 4px 0 var(--line-2)}.tt-resbar-i{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:var(--card-2);border:2px solid var(--line);box-shadow:inset 0 2px 0 #fff}.tt-resbar-n{flex:1 1;display:flex;flex-direction:column;gap:4px}.tt-resbar-n b{font-size:1.02rem;font-weight:800;line-height:1;letter-spacing:-.01em;color:var(--ink)}.tt-resbar-cap{display:block;height:6px;border-radius:4px;background:var(--line);overflow:hidden}.tt-resbar-cap i{display:block;height:100%;border-radius:4px;transition:width .3s ease}.tt-resbar-item.full{border-color:#ff9db1;background:linear-gradient(180deg,#fff,#ffedf1)}.tt-resbar-item.full .tt-resbar-cap i{background:#ff7a9c!important}.tt-resbar-item.gold{flex:0 0 auto;padding-right:8px;border-color:var(--g2);background:linear-gradient(180deg,#fffdf3,#fff2cd);box-shadow:inset 0 2px 0 #fff,0 4px 0 var(--g3)}.tt-resbar-item.gold .tt-resbar-i{border-color:var(--g2);background:#fff8e2}.tt-resbar-plus{width:24px;height:24px;border-radius:9px;font-size:1rem}@media (max-width:900px){.tt-resbar-item{padding:6px 7px;gap:6px;border-radius:15px}.tt-resbar-i{width:30px;height:30px;flex:0 0 30px;border-radius:10px}.tt-resbar-n b{font-size:.88rem}}.tt-resbar{margin-top:8px;gap:6px;padding:0 10px}.tt-resbar-item{padding:5px 9px 5px 6px;border-radius:15px;gap:7px;min-width:0}.tt-resbar-i{width:30px;height:30px;flex:0 0 30px;border-radius:10px}.tt-resbar-i svg{width:22px;height:22px}.tt-resbar-n{overflow:visible;gap:3px;min-width:0}.tt-resbar-n b{font-size:.95rem;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:visible}.tt-resbar-cap{height:5px}.tt-resbar-item.gold{padding-right:6px}.tt-resbar-plus{width:22px;height:22px;border-radius:8px;font-size:.92rem}.tt-bar{padding:8px 16px 0}.tt-title-main{font-size:clamp(1.15rem,3vw,1.6rem)}.tt-back,.tt-tier{padding:8px 13px;font-size:.8rem}.tt-stage{margin-top:6px}.tt-tabs{padding:8px 16px calc(8px + env(safe-area-inset-bottom, 0px))}.tt-tab{padding:10px 17px}@media (max-width:900px){.tt-resbar-item{padding:4px 7px 4px 5px;gap:5px}.tt-resbar-i{width:26px;height:26px;flex:0 0 26px;border-radius:9px}.tt-resbar-i svg{width:19px;height:19px}.tt-resbar-n b{font-size:.85rem}}.tt-mini.tt-door{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:2px;padding:11px 14px;font-size:.86rem}.tt-blocked button{font:800 .86rem/1 var(--font-body);color:#99203c;background:#fff;border:2px solid #ffc2cf;padding:6px 11px;border-radius:10px;cursor:pointer;box-shadow:0 2px 0 #ffc2cf}.tt-blocked button:hover{background:#fff6f8}.tt-blocked button:active{transform:translateY(2px);box-shadow:none}.tt-caps{position:absolute;left:16px;top:14px;z-index:25;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.tt-cap{display:flex;align-items:center;gap:9px;padding:7px 9px 7px 7px;border-radius:16px}.tt-cap.busy{border-color:var(--g2);box-shadow:inset 0 2px 0 #fff,0 4px 0 var(--g3),0 0 18px rgba(255,195,39,.55)}.tt-cap-i{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:11px;background:var(--card-2);border:2px solid var(--line)}.tt-builders.busy .tt-cap-i{border-color:var(--g2);background:#fff8e2}.tt-cap-n{line-height:1.1}.tt-cap-n b{font-size:.95rem}.tt-cap-n small{font-size:.6rem;letter-spacing:.1em}.tt-builders.busy .tt-cap-n small{color:var(--g3)}.tt-cap button{display:inline-flex;align-items:center;gap:5px;font:800 .78rem/1 var(--font-body);color:#6a4300;background:linear-gradient(180deg,var(--g1),var(--g2));border:2px solid #fff;border-radius:11px;padding:8px 10px;cursor:pointer;box-shadow:0 3px 0 var(--g3)}.tt-cap button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--g3)}@media (max-width:760px){.tt-builders{padding:5px 7px 5px 5px;gap:6px}.tt-cap-i{width:26px;height:26px;flex:0 0 26px}.tt-cap-n small{display:none}.tt-cap button{font-size:.7rem;padding:6px 8px}}.tt-crew-note{margin-top:6px;font-size:.74rem}.tt-buy{max-width:420px}.tt-rails{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px;margin-bottom:14px}.tt-rail{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px 12px 14px;border-radius:20px;background:#fff;border:2.5px solid var(--line);cursor:pointer;box-shadow:0 4px 0 var(--line-2)}.tt-rail.best{border-color:var(--g2);box-shadow:0 4px 0 var(--g3);background:linear-gradient(180deg,#fffdf3,#fff6dd)}.tt-rail b{font-size:1.35rem;font-weight:800;color:var(--ink)}.tt-rail small{font-size:.74rem;font-weight:700;color:var(--ink-soft)}.tt-rail:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line-2)}.tt-rail-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font:900 .6rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#6a4300;background:linear-gradient(180deg,var(--g1),var(--g2));border:2px solid #fff;border-radius:8px;padding:4px 8px;white-space:nowrap;box-shadow:0 2px 0 var(--g3)}.tt-cap{padding:6px 9px 6px 6px;border-radius:15px;background:linear-gradient(180deg,#fff,var(--card-2));border:2.5px solid var(--line);box-shadow:inset 0 2px 0 #fff,0 4px 0 var(--line-2)}.tt-cap-n{display:flex;flex-direction:column;line-height:1.15}.tt-cap-n small{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.tt-cap-n b{font-size:.82rem;font-weight:800;color:var(--ink)}.tt-cap.busy .tt-cap-n small{color:var(--g3)}.tt-claimall{width:100%;margin-bottom:12px}.tt-chapter.ready{border-color:var(--g2);box-shadow:0 0 0 2px rgba(255,195,39,.28)}.tt-chapter-badge{font:900 .62rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#6a4300;background:linear-gradient(180deg,var(--g1),var(--g2));border:2px solid #fff;border-radius:8px;padding:4px 7px;box-shadow:0 2px 0 var(--g3);white-space:nowrap}.tt-task.ready{border-color:var(--g2);background:#fffaeb;box-shadow:0 3px 0 var(--g3)}.tt-cap-n b em{font-style:normal;font-weight:700;font-size:.86em;color:var(--ink-soft)}.tt-rent{width:100%;margin-bottom:12px;padding:11px}.ttown .tt-furn{margin:14px 0 4px;padding:12px 12px 8px;border-radius:16px;background:#fff7fb;border:2px solid #f6dced}.ttown .tt-furn-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.ttown .tt-furn-head small{font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#b07a99}.ttown .tt-furn-head b{font-size:13px;color:#3f9d7d}.ttown .tt-furn-gate{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:#fff1f4;border:2px solid #ffd0da;color:#b03a55;font-size:12.5px;font-weight:700;line-height:1.35}.ttown .tt-furn-list{list-style:none;margin:0;padding:0}.ttown .tt-furn-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:10px;gap:10px;padding:7px 0;border-top:1.5px solid #f6e6ef}.ttown .tt-furn-row:first-child{border-top:0}.ttown .tt-furn-row.gate .tt-furn-name b:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#ff7a9c;vertical-align:middle}.ttown .tt-furn-row.soon{opacity:.5}.ttown .tt-furn-name{display:flex;flex-direction:column;gap:1px;min-width:0}.ttown .tt-furn-name b{font-size:13.5px;color:#5d2444}.ttown .tt-furn-name small{font-size:11.5px;color:#a4809a}.ttown .tt-furn-lvl{font-size:13px;font-weight:800;color:#5d2444}.ttown .tt-furn-lvl em{font-style:normal;font-weight:700;color:#c3a3b8;font-size:11px}.ttown .tt-furn-max,.ttown .tt-furn-soon{font-size:11px;font-weight:800;color:#b9a0b2;text-transform:uppercase;letter-spacing:.04em}.ttown .tt-furn-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:0;border-radius:999px;background:#ffd23f;box-shadow:0 2.5px 0 #d9a800;color:#6a4300;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.ttown .tt-furn-btn:active{transform:translateY(2px);box-shadow:0 .5px 0 #d9a800}.ttown .tt-furn-btn span{display:inline-flex;align-items:center;gap:3px}.ttown .tt-furn-btn.short{background:#efe3ea;box-shadow:0 2.5px 0 #d3c1cc;color:#8d7484}.ttown .tt-furn-btn span.short{color:#d4485f}.ttown .tt-resbar-rate{display:block;font-style:normal;font-size:10.5px;font-weight:800;color:#3f9d7d;line-height:1.1;margin-top:1px}.ttown .tt-resbar-rate.over{color:#d4485f}.ttown .tt-chain-day{display:block;font-size:11px;font-weight:700;color:#a4809a;margin-top:1px}.ttown .tt-raid-why{display:flex;align-items:center;gap:11px;margin:12px 0;padding:11px 13px;border-radius:14px;background:linear-gradient(180deg,#fff8e4,#fff1cf);border:2px solid #f2d894}.ttown .tt-raid-why b{display:block;font-size:13.5px;color:#6a4300}.ttown .tt-raid-why small{font-size:12px;color:#a07f2e}.ttown .tt-raid-odds{margin:12px 0;padding:12px 13px;border-radius:14px;background:#f7f2fb;border:2px solid #e6d8f2}.ttown .tt-raid-odds.o-easy{background:#eefaf3;border-color:#bfe8d3}.ttown .tt-raid-odds.o-favoured{background:#f2faf5;border-color:#cfe8db}.ttown .tt-raid-odds.o-risky{background:#fff4ec;border-color:#f7d6bd}.ttown .tt-raid-odds.o-hopeless{background:#fff0f3;border-color:#ffd0da}.ttown .tt-raid-word{display:flex;align-items:baseline;gap:9px;margin-bottom:9px}.ttown .tt-raid-word b{font-size:17px;color:#5d2444}.ttown .tt-raid-word small{font-size:12.5px;font-weight:700;color:#a4809a}.ttown .tt-raid-bars{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px}.ttown .tt-raid-side small{display:block;font-size:10.5px;font-weight:800;color:#a4809a;text-transform:uppercase;letter-spacing:.04em}.ttown .tt-raid-side b{font-size:14px;color:#5d2444}.ttown .tt-raid-side.right{text-align:right}.ttown .tt-raid-bar{height:12px;border-radius:999px;background:#d9a8c4;overflow:hidden}.ttown .tt-raid-bar i{display:block;height:100%;background:#57c89a}.ttown .tt-raid-loot{display:flex;align-items:center;gap:12px;margin:10px 0}.ttown .tt-raid-loot>small{font-size:11px;font-weight:800;color:#b07a99;text-transform:uppercase;letter-spacing:.06em}.ttown .tt-raid-loot>div{display:flex;flex-wrap:wrap;gap:12px}.ttown .tt-raid-loot span{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800}.ttown .tt-raid-hurt{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff1f4;border:2px solid #ffd0da}.ttown .tt-raid-hurt p{margin:0 0 8px;font-size:13px;color:#b03a55}.ttown .tt-raid-hurt small{font-size:12px;color:#b03a55}.ttown .tt-raid-verdict{font-size:19px;font-weight:900;letter-spacing:-.01em;margin-bottom:6px}.ttown .tt-raid-verdict.win{color:#3f9d7d}.ttown .tt-raid-verdict.loss{color:#c2506c}.ttown .tt-raid-gains{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center}.ttown .tt-raid-gains li{font-size:13px;color:#7a5a70}.ttown .tt-raid-gains b{color:#3f9d7d;margin-right:3px}.ttown .tt-cap.ready{background:#fff4d6;border-color:#f2d894}.ttown .tt-cap.ready .tt-cap-n b{color:#a06a00}.ttown .tt-help-ask{width:100%;background:#e6f6ee;box-shadow:0 2.5px 0 #a8d8c2;color:#2f7a60}.ttown .tt-help{margin:8px 0;padding:9px 11px;border-radius:12px;background:#eefaf3;border:2px solid #bfe8d3}.ttown .tt-help b{display:block;font-size:12.5px;color:#2f7a60}.ttown .tt-help small{font-size:11.5px;color:#5c9280}.ttown .tt-help-bar{height:8px;margin:6px 0 5px;border-radius:999px;background:#cfeadd;overflow:hidden}.ttown .tt-help-bar i{display:block;height:100%;background:#3f9d7d}.ttown .tt-task-hint{display:block;margin-top:3px;font-size:11.5px;line-height:1.45;color:#a4809a;max-width:52ch}.ttown .tt-mess{margin:12px 0;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#fff1f4,#ffe6ec);border:2px solid #ffc4d2}.ttown .tt-mess-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ttown .tt-mess-head b{font-size:14px;color:#b03a55}.ttown .tt-mess-head span{font-size:11px;color:#c08a9c}.ttown .tt-mess p{margin:5px 0 0;font-size:12.5px;color:#8a5a6c;line-height:1.45}.ttown .tt-mess-effect{font-weight:700;color:#b03a55!important}.ttown .tt-mess .tt-btn{margin-top:10px}.ttown .tt-cap.mess{background:#fff1f4;border-color:#ffc4d2}.ttown .tt-cap.mess .tt-cap-n b{color:#b03a55}.ttown .tt-palis-card{margin-top:12px;padding:11px 13px;border-radius:14px;background:#fff1f4;border:2px solid #ffc4d2;text-align:left}.ttown .tt-palis-card b{display:block;font-size:13px;color:#b03a55;margin-bottom:4px}.ttown .tt-palis-card small{display:block;font-size:11.5px;color:#8a5a6c;line-height:1.45}.ttown .tt-crew-next{display:flex;align-items:center;gap:9px;margin-top:9px}.ttown .tt-crew-ghost{width:40px;height:40px;border-radius:12px;border:2px dashed #e0c9d8;display:grid;place-items:center;color:#d3b6c8;font-size:18px;font-weight:800}.ttown .tt-crew-next small{font-size:11.5px;color:#a4809a}.ttown .tt-crew-empty.waiting{opacity:.75}.tt-vface{position:relative;display:inline-block;flex:none;border-radius:50%;background:#fff;border:3px solid var(--rc,var(--r-common));overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.08)}.tt-vface img{width:100%;height:100%;object-fit:cover;display:block}.tt-popbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:12px 14px;margin-bottom:14px;border-radius:18px;background:var(--card);border:2px solid var(--line);font-size:.85rem;color:var(--ink-soft)}.tt-popbar b{color:var(--ink);font-size:1rem}.tt-popbar em{font-style:normal}.tt-popbar .tt-mini,.tt-popbar em,.tt-seg{margin-left:auto}.tt-seg{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:var(--line)}.tt-seg-wide{display:flex;margin:0 0 14px}.tt-seg button{border:0;background:transparent;border-radius:999px;padding:5px 12px;font:inherit;font-size:.78rem;font-weight:700;color:var(--ink-soft);cursor:pointer;white-space:nowrap}.tt-seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}.tt-seg-wide button{flex:1 1}.tt-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:10px;gap:10px;margin-bottom:22px}.tt-vcard{display:flex;align-items:center;gap:11px;padding:10px;border-radius:18px;background:var(--card);border:2px solid var(--line);border-left:5px solid var(--rc,var(--r-common))}.tt-vcard.on{background:#fffdf3;border-color:var(--r-legendary)}.tt-vcard-b{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:3px}.tt-vcard-b b{font-size:.92rem;line-height:1.1}.tt-vcard-b small{font-size:.72rem;font-weight:700}.tt-vcard .tt-mini{align-self:flex-start}.tt-vsel{font:inherit;font-size:.75rem;font-weight:700;padding:4px 6px;border-radius:10px;border:2px solid var(--line-2);background:#fff;color:var(--ink);max-width:100%;cursor:pointer}.tt-shift{margin:14px 0 6px}.tt-shift .tt-slots{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.tt-shift-cat{flex:none;width:96px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 6px;border-radius:16px;background:var(--card);border:2px solid var(--line);border-bottom:4px solid var(--rc,var(--r-common));font:inherit;cursor:pointer}.tt-shift-cat b{font-size:.76rem;line-height:1}.tt-shift-cat small{font-size:.66rem;color:var(--ink-soft);line-height:1.1;text-align:center}.tt-shift-cat:active{transform:translateY(2px)}.tt-empty{padding:18px 16px;border-radius:16px;background:hsla(0,0%,100%,.6);border:2px dashed var(--line-2);color:var(--ink-soft);font-size:.85rem;text-align:center}.tt-empty.small{padding:12px 14px;font-size:.8rem}.tt-albumbar{padding:14px;border-radius:18px;background:var(--card);border:2px solid var(--line);margin-bottom:14px}.tt-albumbar-t{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.tt-albumbar-t b{font-size:1.05rem}.tt-albumbar-t span{color:var(--ink-soft);font-size:.8rem}.tt-albumbar small{display:block;margin-top:7px;font-size:.75rem}.tt-acard{margin:0;border-radius:18px;overflow:hidden;background:var(--card);border:2px solid var(--line);border-top:5px solid var(--rc,var(--r-common))}.tt-acard img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.tt-acard figcaption{padding:7px 9px 9px;display:flex;flex-direction:column;gap:2px}.tt-acard figcaption b{font-size:.8rem;line-height:1.1}.tt-acard figcaption small{font-size:.68rem;color:var(--ink-soft);text-transform:capitalize}.tt-acard.as-hero{box-shadow:inset 0 0 0 2px var(--r-legendary)}.tt-h3:has(.tt-seg){display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tt-acard,.tt-albumbar,.tt-empty,.tt-popbar,.tt-seg,.tt-shift-cat,.tt-vcard{color:var(--ink);text-shadow:none}.tt-acard figcaption b,.tt-albumbar-t b,.tt-shift-cat b,.tt-vcard-b b{color:var(--ink)}.tt-acard figcaption small,.tt-albumbar small,.tt-albumbar-t span,.tt-popbar em,.tt-shift-cat small{color:var(--ink-soft)}.tt-stage .tt-panel-over .tt-shead{display:block}.ttown{--ri-common:#4a3c5c;--ri-rare:#0a4467;--ri-epic:#5f1c97;--ri-legendary:#6b4500;--ri-mythic:#8d1c3e}.r-common{--ric:var(--ri-common)}.r-rare{--ric:var(--ri-rare)}.r-epic{--ric:var(--ri-epic)}.r-legendary{--ric:var(--ri-legendary)}.r-mythic{--ric:var(--ri-mythic)}.tt-panel-over{color:var(--ink)}.tt-panel-over .tt-shead h2{color:var(--ink);text-shadow:0 2px 0 #fff}.tt-panel-over .quiet,.tt-panel-over .tt-p,.tt-panel-over .tt-rules,.tt-panel-over .tt-shead p,.tt-panel-over .tt-sub{color:var(--ink-soft);opacity:1;text-shadow:none}.tt-panel-over .tt-h3{color:var(--ink);text-shadow:0 1px 0 #fff}.tt-panel-over .tt-p b,.tt-panel-over .tt-rules b{color:var(--ink)}.tt-odd-mult,.tt-odd-name{color:var(--ric,var(--ink))}.tt-vcard-b small{color:var(--ric,var(--ink-soft))!important}.ttown .tt-resbar-rate{color:#0c5b3f}.ttown .tt-resbar-rate.over{color:#8c1226}.ttown .tt-book2{position:relative;width:min(940px,96vw);max-height:88vh;border-radius:20px;background:linear-gradient(180deg,#fffaf2,#fff3e4);border:3px solid #d9a86a;box-shadow:0 22px 48px rgba(74,30,62,.34),inset 0 0 0 2px #fff;overflow:hidden;transform-origin:left center;transform:perspective(1600px) rotateY(-16deg) scale(.94);opacity:0;transition:transform .46s cubic-bezier(.22,.9,.3,1),opacity .26s ease}.ttown .tt-book2.open{transform:perspective(1600px) rotateY(0) scale(1);opacity:1}.ttown .tt-book2-cover{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#8a5a3c,#6d4229 60%,#5a3521);color:#ffe8c2;transform-origin:left center;transition:transform .46s cubic-bezier(.6,0,.3,1),opacity .3s ease .16s;pointer-events:none}.ttown .tt-book2-cover b{font-size:1.5rem;font-weight:900;letter-spacing:.02em}.ttown .tt-book2-crest{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,226,168,.16);border:2.5px solid #e8bc72}.ttown .tt-book2.open .tt-book2-cover{transform:perspective(1400px) rotateY(-115deg);opacity:0}.ttown .tt-book2-inner{display:grid;grid-template-columns:260px 1fr;max-height:88vh}.ttown .tt-book2-inner:before{content:"";position:absolute;left:260px;top:0;bottom:0;width:22px;transform:translateX(-11px);background:linear-gradient(90deg,rgba(139,94,60,0),rgba(139,94,60,.16),rgba(139,94,60,0));pointer-events:none;z-index:3}.ttown .tt-book2-spine{padding:20px 16px 18px;background:linear-gradient(180deg,#fdf1dd,#f8e6cd);border-right:2px solid #eccfa4;overflow-y:auto;color:var(--ink)}.ttown .tt-book2-spine h3{font-size:1.2rem;font-weight:900;color:#6d4229}.ttown .tt-book2-spine>p{font-size:.8rem;color:#96694a;margin:2px 0 12px}.ttown .tt-book2-list{list-style:none;display:flex;flex-direction:column;gap:4px;margin-top:12px}.ttown .tt-book2-tab{width:100%;display:flex;align-items:center;gap:8px;padding:9px 10px;border:2px solid transparent;border-radius:12px;background:transparent;font:inherit;font-size:.84rem;font-weight:700;color:#6d4229;text-align:left;cursor:pointer}.ttown .tt-book2-tab:hover:not(:disabled){background:hsla(0,0%,100%,.7)}.ttown .tt-book2-tab.on{background:#fff;border-color:#e8bc72;box-shadow:0 2px 0 #e0b268}.ttown .tt-book2-tab em{font-style:normal;width:22px;height:22px;flex:none;border-radius:7px;display:grid;place-items:center;background:#e8d3b0;font-size:.72rem;font-weight:900}.ttown .tt-book2-tab.on em{background:#f2b33d;color:#4a2d12}.ttown .tt-book2-tab span{flex:1 1;min-width:0}.ttown .tt-book2-tab i{font-style:normal;font-size:.7rem;flex:none}.ttown .tt-book2-frac{color:#a8825e}.ttown .tt-book2-dot{min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#e0483f;color:#fff;font-weight:900;font-size:.68rem}.ttown .tt-book2-tab.done{opacity:.62}.ttown .tt-book2-tab.done span{text-decoration:line-through}.ttown .tt-book2-tab.locked{opacity:.5;cursor:not-allowed}.ttown .tt-book2-page{padding:22px 22px 26px;overflow-y:auto;color:var(--ink);transform-origin:left center}.ttown .tt-book2-page.turn-fwd{animation:tt-page-fwd .4s ease}.ttown .tt-book2-page.turn-back{animation:tt-page-back .4s ease}@keyframes tt-page-fwd{0%{transform:perspective(1400px) rotateY(-34deg);opacity:0}to{transform:perspective(1400px) rotateY(0);opacity:1}}@keyframes tt-page-back{0%{transform:perspective(1400px) rotateY(34deg);opacity:0}to{transform:perspective(1400px) rotateY(0);opacity:1}}.ttown .tt-book2-head{margin-bottom:14px}.ttown .tt-book2-head small{font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#b58a5e}.ttown .tt-book2-head h4{font-size:1.3rem;font-weight:900;color:#5a3521;margin:2px 0 4px}.ttown .tt-book2-head p{font-size:.86rem;color:var(--ink-soft);max-width:56ch}.ttown .tt-book2-tasks{display:flex;flex-direction:column;gap:8px}.ttown .tt-book2-next{margin-top:14px;font-size:.8rem;color:#a8825e;text-align:center;font-style:italic}.ttown .tt-book2 .tt-claimall{width:100%;margin-top:10px}@media (prefers-reduced-motion:reduce){.ttown .tt-book2,.ttown .tt-book2-cover{transition-duration:1ms}.ttown .tt-book2-page.turn-back,.ttown .tt-book2-page.turn-fwd{animation:none}}@media (max-width:760px){.ttown .tt-book2-inner{grid-template-columns:1fr}.ttown .tt-book2-inner:before{display:none}.ttown .tt-book2-spine{border-right:0;border-bottom:2px solid #eccfa4;max-height:40vh}.ttown .tt-book2-list{flex-direction:row;overflow-x:auto;padding-bottom:4px}.ttown .tt-book2-tab{width:auto;white-space:nowrap}}.ttown .tt-q-reward{color:var(--ink);font-weight:800}.ttown .tt-q-reward span{display:inline-flex;align-items:center;gap:3px}.ttown .tt-wallet{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:0 auto 8px;max-width:1120px;border-radius:14px;background:var(--card);border:2px solid var(--line);color:var(--ink)}.ttown .tt-wallet.on{border-color:#9fe0bd;background:#f2fbf6}.ttown .tt-wallet-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#3faa74;box-shadow:0 0 0 3px rgba(63,170,116,.22)}.ttown .tt-wallet-dot.off{background:#c9a24a;box-shadow:0 0 0 3px rgba(201,162,74,.22)}.ttown .tt-wallet-txt{flex:1 1;min-width:0;display:flex;flex-direction:column}.ttown .tt-wallet-txt b{font-size:.84rem}.ttown .tt-wallet-txt small{font-size:.74rem;color:var(--ink-soft)}.ttown .tt-wallet a.tt-mini{text-decoration:none;display:inline-flex;align-items:center}@media (max-width:620px){.ttown .tt-wallet{margin:0 6px 6px}.ttown .tt-wallet-txt small{display:none}.ttown .tt-tabs{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4px;gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom, 0px));flex-wrap:nowrap}.ttown .tt-tab{flex-direction:column;gap:3px;padding:7px 2px;border-radius:14px;border-width:2px;box-shadow:0 3px 0 var(--line-2);min-width:0}.ttown .tt-tab span{display:block;font-size:9.5px;line-height:1;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ttown .tt-tab svg{width:17px;height:17px}.ttown .tt-caps{position:static;flex-direction:row;flex-wrap:nowrap;gap:5px;padding:0 8px 6px;overflow-x:auto;scrollbar-width:none}}@media (max-width:620px){.ttown .tt-caps::-webkit-scrollbar{display:none}.ttown .tt-cap{flex:0 0 auto;padding:5px 8px 5px 5px;gap:6px;border-radius:13px;border-width:2px;box-shadow:0 3px 0 var(--line-2)}.ttown .tt-cap-i{width:24px;height:24px;flex-basis:24px;border-radius:8px}.ttown .tt-cap-i svg{width:14px;height:14px}.ttown .tt-cap small{font-size:8.5px;letter-spacing:.06em}.ttown .tt-cap b{font-size:11.5px}.ttown .tt-cap em{font-size:10px}.ttown .tt-stage{margin:4px 6px 0;border-radius:16px;border-width:2px}.ttown .tt-resbar{gap:4px;padding:0 6px}.ttown .tt-resbar-item{padding:5px 7px;border-radius:11px}.ttown .tt-resbar-i{width:21px;height:21px;flex-basis:21px;border-radius:7px}.ttown .tt-resbar-n b{font-size:12px}.ttown .tt-resbar-rate{font-size:9px}.ttown .tt-bar{padding:6px 8px 0;gap:6px}.ttown .tt-title-main{font-size:1.15rem}.ttown .tt-auto,.ttown .tt-book-btn{font-size:11px;padding:8px 11px;border-radius:13px}.ttown .tt-collectall{bottom:8px;font-size:11px;padding:7px 12px;max-width:calc(100vw - 32px)}.ttown .tt-panel-over{padding:12px 10px 84px}.ttown .tt-hero-grid,.ttown .tt-vgrid{grid-template-columns:1fr}.ttown .tt-lockgrid{grid-template-columns:1fr 1fr}.ttown .tt-album{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.ttown .tt-shead h2{font-size:1.25rem}.ttown .tt-sheet{max-height:86vh;border-radius:20px 20px 0 0}.ttown .tt-cq-board{padding:10px 8px}.ttown .tt-cq-side{gap:6px}.ttown .tt-cq-face{width:46px;height:46px}.ttown .tt-cq-unit.boss .tt-cq-face{width:58px;height:58px}.ttown .tt-cq-name{font-size:9px}.ttown .tt-alley{padding:11px 12px;gap:8px}.ttown .tt-alley-l b{font-size:16px}.ttown .tt-alley-go{padding:7px 12px;font-size:12.5px}.ttown .tt-routes{grid-template-columns:1fr}}@media (max-width:380px){.ttown .tt-tab span{font-size:8.5px}.ttown .tt-tab{padding:6px 1px}.ttown .tt-resbar-n b{font-size:11px}}@media (max-width:620px){.ttown .tt-caps{position:absolute;left:0;right:0;top:6px;padding:0 6px;z-index:25}.ttown .tt-collectall{bottom:52px}.ttown .tt-auto{left:8px;bottom:8px}.ttown .tt-book-btn{right:8px;bottom:8px}.ttown .tt-next{bottom:112px}.ttown .tt-cap em{display:none}.ttown .tt-caps{mask-image:linear-gradient(90deg,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}.ttown .tt-next{max-width:calc(100% - 24px);font-size:.72rem;padding:7px 12px}}.ttown .tt-resbar{display:flex;flex-wrap:nowrap;gap:0;padding:0;margin:12px auto 0;width:min(1120px,calc(100% - 44px));border-radius:18px;background:linear-gradient(180deg,#fffdf8,var(--card-2));border:2.5px solid var(--line);box-shadow:inset 0 2px 0 #fff,0 4px 0 var(--line-2);overflow:hidden}.ttown .tt-resbar-item{position:relative;flex:1 1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px 11px;border:0;border-radius:0;background:transparent;box-shadow:none;border-left:1.5px solid var(--line)}.ttown .tt-resbar-item:first-child{border-left:0}.ttown .tt-resbar-item:hover{background:hsla(0,0%,100%,.6)}.ttown .tt-resbar-cap{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--line);border-radius:0}.ttown .tt-resbar-cap i{display:block;height:100%;transition:width .4s ease}.ttown .tt-resbar-item.full{background:#fff1f4}.ttown .tt-resbar-item.full .tt-resbar-cap i{background:#e0483f!important}.ttown .tt-resbar-i{width:26px;height:26px;flex:0 0 26px;border-radius:9px;background:#fff;border:2px solid var(--line)}.ttown .tt-resbar-i svg{width:16px;height:16px}.ttown .tt-resbar-n{align-items:flex-start}.ttown .tt-resbar-n b{font-size:.95rem;letter-spacing:-.02em}.ttown .tt-resbar-item.gold{flex:0 0 auto;padding-right:10px;background:linear-gradient(180deg,#fff6d8,#ffe8a8);border-left:1.5px solid var(--g3)}.ttown .tt-resbar-item.gold:hover{background:linear-gradient(180deg,#fffbe8,#ffedb8)}.ttown .tt-resbar-plus{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--g2);color:#5d2444;font-weight:900;font-size:14px;line-height:1}@media (max-width:620px){.ttown .tt-resbar{width:calc(100% - 12px);border-radius:14px;border-width:2px;margin-top:8px}.ttown .tt-resbar-item{padding:6px 3px 8px;gap:4px;flex-direction:column}.ttown .tt-resbar-i{width:20px;height:20px;flex-basis:20px;border-radius:6px}.ttown .tt-resbar-i svg{width:12px;height:12px}.ttown .tt-resbar-n{align-items:center}.ttown .tt-resbar-n b{font-size:11.5px}.ttown .tt-resbar-rate{font-size:8.5px}.ttown .tt-resbar-item.gold{flex:1 1;padding-right:3px}.ttown .tt-resbar-plus{width:15px;height:15px;font-size:11px;border-radius:5px}.ttown .tt-caps{right:58px}.ttown .tt-resbar-item.gold{flex-direction:row;gap:5px}}