:root{--ink:#f7edda;--muted:#c8b9a2;--bg:#130f0d;--panel:#241a16;--panel2:#30231c;--red:#d84a3a;--gold:#e9b94f;--green:#4f9b75;--line:#4a352a;--shadow:0 14px 35px #0008}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#5d2a20 0,#21140f 37%,#0e0b0a 80%);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;min-height:100vh}.shell{max-width:520px;min-height:100vh;margin:auto;background:linear-gradient(#1b120fcc,#110d0be8),repeating-linear-gradient(45deg,#ffffff05 0 1px,transparent 1px 8px);box-shadow:0 0 70px #000;position:relative;padding-bottom:88px}.topbar{height:86px;padding:17px 20px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12;background:#160f0de8;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}h1{font-family:serif;margin:0;font-size:25px;letter-spacing:3px;color:#ffe7ae}.eyebrow{font-size:9px;letter-spacing:4px;color:var(--gold)}.resources{display:flex;gap:8px}.resources span{background:#0e0a08;border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:13px}.tabs{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);height:76px;background:#17100ef2;border-top:1px solid #5e4030;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(15px)}.tabs button{border:0;background:none;color:#8f8175;font-size:12px}.tabs button span{font-size:24px;display:block;margin-bottom:3px;filter:grayscale(1)}.tabs button.active{color:#ffe4a5}.tabs button.active span{filter:none;transform:translateY(-2px)}main{padding:18px}.hero{border:1px solid #7a4f31;border-radius:22px;min-height:220px;padding:24px;background:linear-gradient(125deg,#0009,#0001),radial-gradient(circle at 80% 30%,#d88e3a66,transparent 26%),linear-gradient(135deg,#663027,#251715);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"貓";font-family:serif;position:absolute;right:-13px;bottom:-55px;font-size:190px;color:#ffd77b10}.hero h2{font:700 34px serif;margin:25px 0 5px;color:#fff2c7}.hero p{color:#d9c2ac;max-width:270px;line-height:1.7}.tag{display:inline-block;background:#d84a3a;padding:5px 10px;border-radius:4px;font-size:11px;letter-spacing:2px}.primary,.secondary{border:0;border-radius:12px;padding:13px 17px;font-weight:800;font-size:15px;cursor:pointer}.primary{background:linear-gradient(#f0c561,#c8862f);color:#25140a;box-shadow:0 6px 18px #0008}.secondary{background:#38271f;color:#f8dfad;border:1px solid #674633}.section-title{display:flex;justify-content:space-between;align-items:end;margin:24px 2px 12px}.section-title h2{margin:0;font:700 21px serif}.section-title small{color:var(--muted)}.missions{display:grid;gap:10px}.mission{background:linear-gradient(90deg,#30231c,#211814);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}.mission .icon{font-size:25px;background:#150e0c;border-radius:10px;padding:10px}.mission div:nth-child(2){flex:1}.mission b{display:block}.mission small{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{position:relative;min-height:220px;border-radius:18px;border:1px solid var(--faction);padding:14px;overflow:hidden;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--faction) 35%,transparent),transparent 42%),linear-gradient(#33251e,#17110e);box-shadow:0 10px 24px #0006}.card .cat{font-size:76px;text-align:center;margin:13px 0 5px;filter:drop-shadow(0 6px 5px #0008)}.card h3{margin:0;font:700 19px serif}.card .meta{display:flex;justify-content:space-between;color:#d6c6b5;font-size:12px;margin-top:5px}.stars{color:var(--gold);letter-spacing:1px}.power{margin-top:12px;padding-top:9px;border-top:1px solid #ffffff17;font-size:12px;color:#bea996}.selected{outline:3px solid #ffe09a;transform:translateY(-2px)}.badge{position:absolute;top:10px;right:10px;background:#0008;border-radius:20px;padding:4px 8px;font-size:10px}.summon-stage{text-align:center;padding:28px 18px;border-radius:24px;border:1px solid #67442e;background:radial-gradient(circle,#7b463a 0,#2c1c17 42%,#17110e 75%);box-shadow:var(--shadow)}.box{font-size:110px;display:block;animation:float 2.4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(2deg)}}.summon-stage h2{font:700 28px serif}.summon-stage p{color:var(--muted)}.summon-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.notice{padding:13px;border-radius:10px;background:#10100d;border:1px solid #52513c;color:#e8d8ae;font-size:12px;line-height:1.6;margin-top:14px}.chapter{background:linear-gradient(120deg,#35251d,#201612);border:1px solid var(--line);border-radius:18px;padding:17px;margin-bottom:12px;display:flex;align-items:center;gap:14px}.chapter.locked{opacity:.45}.chapter .number{width:48px;height:48px;display:grid;place-items:center;background:#16100d;border:1px solid #654332;border-radius:50%;font:700 20px serif}.chapter div:nth-child(2){flex:1}.chapter h3{margin:0 0 4px}.chapter p{margin:0;color:var(--muted);font-size:12px}.battlefield{background:radial-gradient(circle at center,#68794b55,transparent 52%),linear-gradient(#3c3328,#18130f);border:1px solid #725942;border-radius:20px;padding:15px;min-height:470px}.teamrow{display:flex;justify-content:center;gap:9px;margin:12px 0}.fighter{width:30%;text-align:center;background:#17110ed9;border:1px solid #685042;border-radius:13px;padding:9px 4px;position:relative}.fighter .face{font-size:42px}.fighter b{font-size:12px;display:block}.hp{height:6px;background:#4e2521;border-radius:4px;margin-top:7px;overflow:hidden}.hp i{display:block;height:100%;background:#62b276;transition:width .35s}.enemy .hp i{background:#d96655}.versus{text-align:center;color:#e8bd68;font:700 20px serif;margin:22px}.log{height:105px;overflow:auto;background:#0e0b09cc;border-radius:10px;padding:10px;font-size:12px;color:#c8b9a2;line-height:1.7}.battle-actions{display:flex;gap:9px;margin-top:12px}.battle-actions button{flex:1}.toast{position:fixed;z-index:99;left:50%;bottom:95px;transform:translate(-50%,20px);background:#f5d68e;color:#26160e;padding:11px 18px;border-radius:30px;font-weight:800;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{padding:35px;text-align:center;color:var(--muted)}@media(min-width:800px){body{padding:24px}.shell{min-height:900px;border-radius:28px;overflow:hidden}.tabs{bottom:24px;border-radius:0 0 28px 28px}}
.card-upgrade{width:100%;margin-top:7px;padding:8px 6px;border:1px solid #d7aa5c88;border-radius:8px;background:linear-gradient(#74502d,#49301f);color:#ffe3a3;font-weight:800;font-size:11px}.card-upgrade:disabled{background:#29231f;color:#8f8478;border-color:#564a40;opacity:.75}
.card-exp{display:block;margin-top:6px;color:#9fd3ff;font-weight:800;font-size:10px}