:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{width:100%;max-width:none;text-align:initial;box-sizing:border-box;border-inline:0;flex-direction:column;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fff4e4;--paper:#fffaf1;--paper-2:#fff0dc;--ink:#3d2d25;--muted:#8a6f5b;--text:#8a6f5b;--text-h:#3d2d25;--line:#3d2d25;--panel:#fffaf1;--panel-2:#fff4df;--bg:#fff4e4;--blue:#5a84f6;--pink:#ff91b2;--green:#aeeac8;--gold:#ffd86b;--danger:#ff9db7;--slot-w:96px;--slot-h:108px;--board-slot-h:240px}*{box-sizing:border-box}html,body,#root{overflow-x:clip}body{min-width:320px;color:var(--ink);background:var(--page);margin:0;font-family:Inter,ui-sans-serif,system-ui,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink)}h1{letter-spacing:0;font-size:22px}h2{font-size:19px}h3{font-size:16px}p,small{color:var(--muted)}.auth-shell,.app-shell{min-height:100vh}.auth-shell{place-items:center;padding:24px;display:grid}.auth-panel{background:#fffaf1f0;border:1px solid #ead9c0f2;border-radius:18px;gap:18px;width:min(460px,100%);padding:26px;display:grid;box-shadow:0 20px 70px #70481e2e}.brand-block{align-items:center;gap:14px;display:flex}.brand-block.compact h1{font-size:20px}.game-logo{border:3px solid var(--ink);object-fit:cover;background:#fff;border-radius:14px;flex:none;width:58px;height:58px;box-shadow:4px 5px #3d2d252e}.mark{color:#fff;background:linear-gradient(135deg,#ff9f68,#ff6b9f);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:950;display:grid;box-shadow:0 10px 24px #ff6b9f40}label{gap:7px;font-weight:850;display:grid}input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:12px 13px}.row,.stats,.topbar,.topbar-actions,.speed-row{align-items:center;gap:10px;display:flex}.action-button,.primary,.secondary,.danger-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:7px 14px;font-weight:900;display:inline-flex}.primary,.action-button{background:linear-gradient(135deg, var(--blue), #6a9cff);color:#fff;box-shadow:0 10px 20px #4f7cff2e}.secondary{color:#315fdd;background:#e9f0ff}.wide{width:min(184px,100%)}.error{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;padding:11px 13px}.app-shell{gap:16px;padding:18px;display:grid}.topbar{border:1px solid var(--line);background:#fffaf1eb;border-radius:18px;justify-content:space-between;padding:14px 16px;box-shadow:0 12px 34px #70481e1a}.stats{flex-wrap:wrap;justify-content:center}.resource-pill{background:#fff;border:1px solid #ffffffb3;border-radius:14px;grid-template-columns:auto auto;align-items:center;gap:1px 7px;min-height:42px;padding:7px 11px;display:inline-grid;box-shadow:inset 0 -10px 20px #2530470a}.resource-pill svg{grid-row:1/3}.resource-pill small{font-size:11px;line-height:1}.resource-pill b{line-height:1}.resource-pill.gold svg{color:#d79000}.resource-pill.win svg{color:#f59e0b}.resource-pill.safe svg{color:#0f9f6e}.resource-pill.danger svg{color:var(--danger)}.resource-pill.round svg{color:var(--blue)}.icon-button{color:#475467;border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{color:var(--blue);transform:translateY(-1px)}.dog-select,.choice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.dog-card,.choice,.shop-shelf,.inventory-board,.match-panel,.battle-panel{border:1px solid var(--line);background:#fffaf1f0;border-radius:18px;box-shadow:0 14px 34px #70481e1a}.dog-card,.choice{min-height:178px;color:var(--ink);text-align:left;align-content:start;justify-items:start;gap:10px;padding:20px;display:grid}.dog-card:hover,.choice:hover,.shop-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #70481e29}.dog-avatar{filter:drop-shadow(0 10px 14px #70481e2e);border-radius:20px;width:78px;height:78px}.dog-avatar.large{width:108px;height:108px}.dog-avatar.small{border-radius:16px;width:58px;height:58px}.shop-workbench,.reward-workbench{gap:14px;min-width:0;max-width:100%;display:grid;position:relative}.class-reward-ceremony{cursor:pointer;outline:none;place-items:center;width:min(1180px,100%);min-height:min(720px,100vh - 148px);margin:0 auto;display:grid}.ceremony-stage{text-align:center;border:4px solid var(--ink);background:radial-gradient(circle at 50% 22%,#ffd35a73,#0000 28%),linear-gradient(#fffdf5,#fff4e4 72%,#ffe7cf);border-radius:14px;align-content:center;justify-items:center;gap:18px;width:min(900px,100%);min-height:520px;padding:28px;animation:.36s ease-out both ceremony-rise;display:grid;box-shadow:10px 12px #3d2d2538}.class-reward-ceremony:focus-visible .ceremony-stage{outline-offset:5px;outline:4px solid #5a84f661}.ceremony-round-badge{border:3px solid var(--ink);background:#89d9ff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:950}.ceremony-dog-avatar{object-fit:contain;filter:drop-shadow(0 16px 18px #70481e38);border-radius:28px;width:148px;height:148px;animation:1.4s ease-in-out infinite ceremony-pulse}.ceremony-copy{gap:8px;max-width:680px;display:grid}.ceremony-copy span{color:#5a84f6;font-size:14px;font-weight:950}.ceremony-copy h2{font-size:clamp(34px,7vw,62px);line-height:.95}.ceremony-copy p{color:#3d2d25d1;font-size:17px;font-weight:850}.ceremony-reward-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(760px,100%);display:grid}.ceremony-reward-chip{border:3px solid var(--ink);background:var(--paper);border-radius:10px;align-content:center;gap:6px;min-height:84px;padding:11px;display:grid;box-shadow:4px 5px #3d2d2529}.ceremony-reward-chip strong{overflow-wrap:anywhere;font-size:15px}.ceremony-reward-chip small{color:#3d2d25b8;font-weight:900}.ceremony-skip-hint{letter-spacing:0;color:#3d2d2594;font-size:13px;font-weight:900}@keyframes ceremony-rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ceremony-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.reward-panel{background:var(--paper);border:3px solid var(--ink);border-radius:10px;gap:14px;padding:16px;display:grid;box-shadow:6px 7px #3d2d2538}.reward-choice-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px;display:grid}.reward-choice span:last-child,.relic-choice span:last-child{line-height:1.35}.shop-shelf{justify-self:stretch;gap:13px;width:100%;min-width:0;max-width:100%;padding:16px;display:grid}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.section-title>div{gap:6px;min-width:0;display:grid}.shop-actions{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.sell-zone{color:#b4233d;white-space:nowrap;opacity:.72;background:#fff2f5;border:2px dashed #f3a0b2;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:6px 10px;font-weight:900;display:inline-flex}.sell-zone.active{opacity:1;box-shadow:0 10px 24px #e85d7529}.sell-zone.over{background:#ffd6df;border-color:#e85d75;transform:translateY(-1px)}.reroll-button{color:#08775a;background:#e6fff6;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:6px 10px;font-weight:900;display:inline-flex}.offer-row{grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;width:100%;min-width:0;display:grid}.shop-card{min-height:150px;color:var(--ink);text-align:left;background:#fff;border:2px solid #0000;border-radius:16px;grid-template-columns:54px 1fr;align-content:start;justify-items:start;gap:8px 10px;padding:13px;display:grid;position:relative}.shop-card.selected{border-color:var(--pink);box-shadow:0 0 0 4px #ff7aa829}.shop-item-icon{filter:drop-shadow(0 8px 10px #70481e24);border-radius:14px;grid-row:1/4;width:52px;height:52px}.shop-card-main{justify-items:start;gap:5px;display:grid}.dice-line,.effect-line,.price-tag{align-items:center;gap:5px;display:inline-flex}.effect-line{color:#667085;font-size:13px}.price-tag{color:#825a00;background:#fff3c4;border-radius:999px;min-height:22px;padding:3px 7px;font-size:12px;font-weight:950}.match-button{justify-self:end;min-width:132px}.size-badge{color:#253047;border-radius:999px;justify-content:center;align-items:center;min-width:40px;height:25px;padding:0 8px;font-size:12px;font-weight:950;display:inline-flex}.size-badge.starter{background:#ffe08a}.size-badge.heal{background:#a7f3d0}.size-badge.large{background:#ddd6fe}.size-badge.big{background:#fecdd3}.size-badge.utility{background:#bfdbfe}.size-preview{grid-template-columns:repeat(4,13px);align-items:center;gap:2px;display:inline-grid}.size-preview i{background:#25304724;border-radius:999px;height:8px;box-shadow:inset 0 0 0 1px #25304714}.size-preview i.filled{background:linear-gradient(#ffb45d,#f59e0b)}.inventory-board{grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-self:stretch;gap:18px;width:100%;min-width:0;max-width:100%;padding:18px;display:grid;overflow-x:visible}.inventory-board.expanded .grid-panel:first-child{background:#ffffff61;border-radius:20px;align-content:start;padding:6px}.bag-relic-row{grid-template-columns:220px minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.relic-rail{gap:10px;min-width:0;display:grid}.relic-slot-grid{border:3px solid var(--ink);background:#fff7d6;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:100%;padding:10px;display:grid}.relic-slot{text-align:center;background:#fff4e4;border:2px solid #c0a98f;border-radius:8px;place-items:center;gap:3px;min-height:72px;padding:22px 6px 6px;font-size:11px;display:grid;position:relative;overflow:visible}.relic-slot strong{font-size:12px}.relic-slot small{color:#253047c7;font-weight:800}.rule-term-wrap{display:inline-block;position:relative}.rule-term{color:#315fdd;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:950;text-decoration:underline;display:inline}.rule-tip{z-index:40;border:2px solid var(--ink);background:var(--paper);width:min(260px,80vw);color:var(--ink);text-align:left;border-radius:8px;gap:4px;padding:10px;line-height:1.35;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:4px 5px #3d2d2533}.rule-tip small{color:#6b5d53}.grid-panel{gap:10px;min-width:0;max-width:100%;min-height:0;display:grid}.grid-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;min-width:0;display:flex}.grid-heading h3{align-items:center;gap:7px;display:inline-flex}.slot-grid{background:linear-gradient(#886a4d,#5e4937);border-radius:18px;gap:8px;width:100%;min-width:0;max-width:100%;padding:14px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff2e}.slot{width:100%;min-width:0;height:var(--board-slot-h);background:linear-gradient(#f5d9ae,#e2b980);border:1px solid #ffffff42;border-radius:11px;padding:0}.slot.over{background:#c7f9df;outline:3px solid #31b98159}.item-card{touch-action:none;z-index:2;color:#253047;border:2px solid #ffffffd1;border-radius:12px;align-content:stretch;justify-items:center;min-width:0;padding:7px;font-size:12px;line-height:1.15;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -26px 36px #2530471f,0 8px 18px #25304733}.item-icon{filter:drop-shadow(0 4px 5px #25304729);align-self:start;width:30px;height:30px}.item-card span{text-align:center;font-weight:950}.item-card small{color:#253047b8;align-items:center;gap:3px;font-weight:850;display:inline-flex}.item-effect{overflow-wrap:anywhere;background:#fffaf16b;border-radius:5px;justify-content:center;width:100%;padding:2px 3px;font-size:10px;line-height:1.1}.item-card .size-preview{grid-template-columns:repeat(4,9px);gap:2px}.item-card .size-preview i{height:6px}.item-card.starter{background:#facc15}.item-card.heal{background:#34d399}.item-card.large{background:#c4b5fd}.item-card.big{background:#fb7185}.item-card.utility{background:#60a5fa}.item-card.selected{outline-offset:2px;outline:3px solid #fff}.item-card.dragging{opacity:.35}.quality-chip{z-index:3;min-width:30px;color:var(--ink);background:#fffaf1eb;border:2px solid #3d2d25b8;border-radius:999px;padding:2px 5px;font-size:10px;font-weight:950;line-height:1.1;position:absolute;top:4px;left:4px}.upgrade-indicator{z-index:4;border:2px solid var(--ink);width:22px;height:22px;color:var(--ink);background:#bff0d2;border-radius:999px;place-items:center;font-size:16px;font-weight:950;line-height:1;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 0 12px #34d3998c}.item-card.upgrade-over{filter:brightness(1.08);transform:translateY(-2px)scale(1.03)}.drag-overlay-item{z-index:1000;pointer-events:none;cursor:grabbing;transform:rotate(-1deg)scale(1.04);box-shadow:0 18px 46px #25304752,inset 0 -22px #3d2d2514}.floating-tip{left:var(--tip-x);top:var(--tip-y);z-index:20;border:1px solid var(--line);background:#fffaf1fa;border-radius:18px;gap:12px;width:min(380px,100vw - 28px);padding:16px;display:grid;position:fixed;box-shadow:0 24px 70px #2530473d}.tip-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tip-tag{border:2px solid var(--ink);background:var(--paper-2);border-radius:7px;justify-content:center;align-items:center;min-width:72px;min-height:31px;padding:4px 12px;font-size:15px;font-weight:950;display:inline-flex}.tip-tags .size-badge{border:2px solid var(--ink);border-radius:7px;min-width:72px;height:auto;min-height:31px;padding:4px 12px;font-size:15px}.tip-body{grid-template-columns:120px 1fr;align-items:center;gap:16px;display:grid}.tip-identity{justify-items:center;gap:8px;display:grid}.tip-icon-frame{border:2px solid var(--ink);background:#e8f7e8;border-radius:10px;place-items:center;width:104px;height:104px;display:grid}.tip-icon-frame.starter{background:#fff2b8}.tip-icon-frame.heal{background:#dcfce7}.tip-icon-frame.large{background:#ede9fe}.tip-icon-frame.big{background:#ffe4e6}.tip-icon-frame.utility{background:#dbeafe}.tip-icon{object-fit:contain;filter:drop-shadow(0 10px 14px #70481e2e);width:74px;height:74px}.tip-identity h3{text-align:center;max-width:100%;margin:0;font-size:18px;line-height:1.2}.tip-grid-preview{border:2px solid var(--ink);background:var(--paper-2);border-radius:9px;align-content:center;justify-items:center;gap:8px;min-height:62px;padding:10px;font-weight:950;display:grid}.tip-grid-preview .size-preview{grid-template-columns:repeat(4,22px);gap:4px}.tip-grid-preview .size-preview i{height:12px}.tip-dice{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tip-dice svg{border:2px solid var(--ink);background:var(--paper-2);width:44px;height:44px;color:var(--blue);border-radius:8px;padding:8px}.tip-dice span{border:2px solid var(--ink);background:var(--paper);border-radius:7px;place-items:center;width:42px;height:34px;font-size:18px;font-weight:950;display:grid}.tip-description{border:2px solid var(--ink);background:var(--paper-2);min-height:78px;color:var(--ink);text-align:center;border-radius:9px;place-items:center;margin:0;padding:14px;font-size:17px;font-weight:900;display:grid}.tip-price{border:2px solid var(--ink);background:#ffe08a;border-radius:999px;justify-self:start;align-items:center;gap:7px;min-height:30px;padding:5px 10px;font-weight:950;display:inline-flex}.tip-actions{gap:8px;display:grid}.disabled-reason{color:#b4233d}.match-panel,.battle-panel{justify-items:center;gap:10px;padding:12px;display:grid}.battle-hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:min(860px,100%);display:grid}.combatant{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.hp{gap:6px;width:100%;display:grid}.hp span{align-items:center;gap:6px;font-weight:850;display:inline-flex}.hp div{background:#f2d7d7;border-radius:999px;height:16px;overflow:hidden}.hp i{background:linear-gradient(90deg,#31b981,#8be05a);height:100%;transition:width .2s;display:block}.battle-log{color:#e5e7eb;background:#253047;border-radius:18px;width:min(860px,100%);height:330px;padding:14px;overflow:auto}.battle-log p{padding:4px 0}.battle-log .player{color:#a7c4ff}.battle-log .opponent{color:#ffb4c6}.battle-log .system{color:#fde68a}.speed-row{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px}.speed-row button{color:#475467;background:0 0;border-radius:999px;min-height:32px;padding:6px 10px;font-weight:900}.speed-row .active{background:var(--blue);color:#fff}.result{justify-items:center;gap:10px;padding:16px;display:grid}.visual-battle{place-items:stretch stretch;gap:8px;width:100%}.battle-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.battle-toolbar>div{gap:6px;min-width:0;display:grid}.battle-toolbar p{color:var(--muted)}.battle-equipment-row{gap:5px;min-width:0;display:grid;overflow-x:visible}.battle-row-title{justify-content:space-between;align-items:center;gap:12px;min-width:max-content;font-weight:950;display:flex}.battle-row-title span{align-items:center;gap:7px;display:inline-flex}.battle-slot-grid{grid-template-rows:var(--slot-h);background:linear-gradient(#72563f,#493729);border-radius:16px;gap:6px;width:100%;min-width:0;max-width:100%;padding:9px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff29,0 10px 24px #70481e24}.battle-slot{width:100%;min-width:0;height:var(--slot-h);background:linear-gradient(#f4d6a6,#dca96d);border:1px solid #ffffff38;border-radius:11px}.battle-item{width:100%;height:var(--slot-h);cursor:pointer;text-align:center}.battle-item:hover{filter:brightness(1.04)}.battle-item .item-icon{width:36px;height:36px}.battle-item span{overflow-wrap:anywhere;max-width:100%}.battle-item small{font-size:11px}.battle-item.active{outline:4px solid #fffffff2;animation:.58s ease-in-out 2 itemPulse;box-shadow:0 0 0 5px #fbbf2461,0 0 28px #fbbf24e6,inset 0 -26px 36px #2530471a}.battle-stage{background:linear-gradient(#ffffff8c,#fff4dfd9),radial-gradient(circle at 50% 78%,#31b98138,#0000 34%);border:1px solid #ead9c0f2;border-radius:22px;grid-template-columns:minmax(180px,1fr) minmax(130px,.48fr) minmax(180px,1fr);align-items:center;gap:12px;min-height:250px;padding:14px;display:grid;position:relative;overflow:hidden}.battle-fx-canvas{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.battle-dog{z-index:2;justify-items:center;gap:6px;min-width:0;transition:transform .18s,filter .18s,opacity .18s;display:grid;position:relative}.battle-dog .hp{border:1px solid var(--line);background:#ffffffe6;border-radius:16px;width:min(260px,100%);padding:7px;box-shadow:0 10px 20px #70481e1a}.battle-dog-img{filter:drop-shadow(0 18px 24px #70481e33);border-radius:18px;width:clamp(92px,11vw,132px);height:clamp(92px,11vw,132px)}.battle-dog strong{font-size:16px}.battle-dog.player.attacking{animation:.36s playerLunge}.battle-dog.opponent.attacking{animation:.36s opponentLunge}.battle-dog.hit{animation:.28s dogHit}.battle-dog.healing:after{content:"";aspect-ratio:1;border:4px solid #34d39994;border-radius:999px;width:min(220px,70%);animation:.7s ease-out healRing;position:absolute;top:42%}.battle-dog.winner{animation:.7s ease-in-out infinite alternate winnerHop}.battle-dog.loser{opacity:.55;filter:grayscale(.4)brightness(.82)}.battle-dice{z-index:4;border:1px solid var(--line);text-align:center;background:#ffffffe0;border-radius:16px;place-items:center;gap:6px;min-height:104px;padding:12px;display:grid;position:relative;box-shadow:0 16px 34px #70481e24}.battle-dice svg{color:var(--blue)}.battle-dice b{color:#825a00;background:#fff3c4;border-radius:16px;place-items:center;width:44px;height:44px;font-size:23px;font-weight:950;display:grid}.battle-dice span{color:var(--muted);font-size:13px;font-weight:850}.battle-dice.rolling b{animation:.38s dicePop}.battle-log-shell{justify-items:end;gap:6px;display:grid}.battle-continue-row{place-items:center;min-height:40px;display:grid}.log-toggle{color:#475467;border:1px solid var(--line);background:#fff;border-radius:999px;min-height:34px;padding:6px 12px;font-weight:900}.visual-battle .battle-log{border-radius:14px;width:100%;height:72px}.battle-log-shell.open .battle-log{height:260px}.auth-shell,.app-shell{background:var(--page);color:var(--ink)}.auth-shell{position:relative}.app-shell{grid-template-rows:auto auto;align-content:start;gap:0;padding:0 24px 20px;display:grid;position:relative}.screen-content{align-self:start;justify-items:center;gap:16px;width:min(1920px,100vw - 48px);min-width:0;margin:12px auto 0;display:grid}.auth-panel,.topbar,.chapter-progress,.dog-card,.choice,.shop-shelf,.inventory-board,.match-panel,.battle-panel,.floating-tip{background:var(--paper);border:3px solid var(--ink);border-radius:10px;box-shadow:6px 7px #3d2d2538}.auth-panel{text-align:left;justify-items:stretch;width:min(450px,100vw - 44px);padding:34px}.auth-panel .brand-block{text-align:center;justify-content:center;justify-items:center;gap:12px;display:grid}.auth-panel .game-logo{border-radius:22px;width:96px;height:96px}.auth-panel h1{font-size:34px;font-weight:950}.auth-panel .brand-block>div{justify-items:center;gap:6px;display:grid}.auth-panel .row{gap:12px;display:grid}.topbar{width:100vw;height:58px;min-height:0;box-shadow:none;border-width:0 0 3px;border-radius:0;justify-content:center;align-self:start;margin-left:calc(50% - 50vw);padding:4px 16px}.topbar>.brand-block,.topbar>.stats,.topbar>.topbar-actions{transform:translate(0)}.topbar>.brand-block{min-width:260px}.topbar>.stats{margin-left:84px}.brand-block.compact h1{font-size:24px;font-weight:950}.brand-block.compact .game-logo{border-radius:10px;width:42px;height:42px}.resource-pill{border:3px solid var(--ink);background:var(--paper);border-radius:8px;min-height:32px;padding:4px 8px;box-shadow:3px 4px #3d2d252e}.resource-pill.win{background:#bff0d2}.resource-pill.danger{background:#ff9db7}.resource-pill.safe{background:#bff0d2}.resource-pill.gold{background:#ffe08a}.resource-pill.round{background:#89d9ff}.icon-button,.action-button,.primary,.secondary,.danger-button,.reroll-button,.log-toggle,.speed-row button{border:3px solid var(--ink);border-radius:9px;font-weight:950;box-shadow:4px 5px #3d2d253d}.action-button,.primary,.secondary,.danger-button{border-radius:7px;min-height:40px;padding:7px 14px}button.primary.action-button,button.action-button:not(.secondary){justify-self:center;width:min(184px,100%);min-width:0}.primary,.action-button{color:#fff;background:#5a84f6}.secondary{background:var(--paper);color:var(--ink)}.danger-button{color:var(--ink);background:#ffd8df}input{border:3px solid var(--ink);background:var(--paper);border-radius:10px}.chapter-progress{width:640px;max-width:calc(100vw - 80px);box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(6,1fr);align-items:start;gap:0;margin:18px auto 0;padding:0;display:grid}.chapter-step{color:var(--muted);justify-items:center;gap:4px;font-weight:850;display:grid;position:relative}.chapter-step:not(:last-child):after{content:"";background:#d8c8b5;width:calc(100% - 44px);height:4px;position:absolute;top:18px;left:calc(50% + 22px)}.chapter-step.done:not(:last-child):after{background:#bff0d2}.chapter-step b{border:3px solid var(--ink);background:var(--paper);width:38px;height:38px;color:var(--ink);border-radius:999px;place-items:center;font-size:18px;display:grid}.chapter-step.done b{background:#bff0d2}.chapter-step.current b{color:#fff;background:#5a84f6}.page-nav{z-index:40;background:var(--paper);border:3px solid var(--ink);border-radius:10px;gap:8px;width:118px;padding:12px;font-size:12px;display:grid;position:fixed;bottom:18px;left:16px;box-shadow:4px 5px #3d2d2533}.page-nav span{border:2px solid var(--ink);background:var(--paper);border-radius:6px;min-height:26px;padding:4px 7px;font-weight:850}.page-nav span.active{background:#ffe08a}.screen-heading{gap:10px;display:grid}.screen-heading p{color:var(--muted)}.screen-heading.centered{text-align:center;justify-items:center}.dog-select-screen,.shop-choice-screen,.nickname-setup{gap:14px;display:grid}.dog-select-screen{width:min(1050px,100%);margin:0 auto}.nickname-setup{justify-items:center;width:min(420px,100%);margin:0 auto;padding-top:18px}.nickname-form{justify-items:center;gap:14px;width:100%;display:grid}.nickname-form label{width:100%}.dog-select{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.dog-card-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;display:grid}.dog-card,.choice{text-align:center;border-radius:10px;justify-items:center;min-height:150px}.dog-card{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:8px;padding:14px}.dog-card small{align-self:start}.dog-card .tag-row{align-self:end;margin-top:auto}.dog-card.selected,.choice.selected{outline:4px solid #5a84f6;transform:translateY(-2px)}.dog-card.placeholder,.choice.placeholder{pointer-events:none;box-shadow:none;opacity:.48;background:#fffaf16b;border-style:dashed}.dog-art-frame,.dog-detail-art,.choice-icon{border:2px solid var(--ink);background:var(--paper);border-radius:10px;place-items:center;display:grid}.dog-art-frame{aspect-ratio:1;width:100%}.dog-detail-panel{background:var(--paper);border:3px solid var(--ink);border-radius:10px;justify-items:center;gap:16px;padding:22px;display:grid;box-shadow:6px 7px #3d2d2538}.dog-detail-art{aspect-ratio:1;width:100%}.dog-detail-art .dog-avatar.large{object-fit:contain;width:86%;max-width:none;height:86%;max-height:none}.detail-box{border:2px solid var(--ink);background:var(--paper);border-radius:8px;gap:6px;width:100%;padding:12px;display:grid}.detail-box strong{font-size:13px}.lucky-number-picker{border:2px solid var(--ink);background:#fff7d6;border-radius:8px;gap:8px;width:100%;padding:12px;display:grid}.lucky-number-picker>strong{font-size:13px}.lucky-number-picker>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.lucky-number-picker button{border:2px solid var(--ink);background:var(--paper);min-width:0;height:34px;color:var(--ink);cursor:pointer;border-radius:8px;font-weight:900}.lucky-number-picker button.selected{background:#ffd35a;box-shadow:2px 3px #3d2d2533}.tag-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.tag-row b{border:2px solid var(--ink);background:#f6e6ff;border-radius:6px;min-height:25px;padding:3px 9px;font-size:12px}.dog-card strong,.choice strong,.shop-card strong{color:var(--ink);font-size:16px}.dog-avatar{object-fit:contain;border-radius:10px;width:112px;height:112px}.shop-choice-screen{width:min(960px,100%);margin:0 auto}.choice-grid{grid-template-columns:repeat(3,minmax(240px,1fr));gap:10px;width:100%;margin:0 auto}.choice{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;gap:8px;padding:14px}.choice>span:last-of-type{align-self:stretch;place-items:center;min-width:0;display:grid}.choice-icon{width:48px;height:48px}.choice-submit{justify-self:center;width:min(184px,100%)}.shop-workbench{grid-template-rows:auto 1fr;align-content:stretch;gap:14px;width:min(1920px,100%);min-height:calc(100vh - 90px);margin:0 auto}.shop-shelf{justify-self:stretch;width:100%;padding:14px}.offer-row{grid-template-columns:repeat(5,minmax(170px,1fr));gap:12px}.shop-card{border:3px solid var(--ink);border-radius:10px;grid-template-columns:48px minmax(0,1fr);align-content:center;justify-items:start;gap:4px 8px;min-height:118px;padding:9px;box-shadow:4px 5px #3d2d252e}.shop-card>.dice-line,.shop-card>.effect-line,.shop-card>.price-tag,.shop-card>.size-preview{grid-column:2}.shop-item-icon{border:2px solid var(--ink);object-fit:contain;background:#e8f7e8;border-radius:10px;grid-row:1/span 5;width:48px;height:48px;padding:8px}.shop-card-main{grid-column:2;gap:3px}.inventory-board{grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-content:stretch;align-self:stretch;gap:12px;width:100%;padding:12px}.inventory-board.expanded{background:var(--paper);border-width:3px;box-shadow:6px 7px #3d2d2538}.inventory-board.expanded .grid-panel:first-child{background:0 0;align-content:start;padding:0}.inventory-board.expanded .grid-panel:last-child{align-content:end}.grid-heading h3{font-size:16px;font-weight:950}.grid-heading p{font-size:13px}.slot-grid{border:3px solid var(--ink);background:linear-gradient(#4b5158,#363b42);border-radius:12px;gap:8px;padding:14px;box-shadow:inset 0 0 0 3px #fffaf12e}.battle-slot-grid{border:3px solid var(--ink);background:#7b5b42;border-radius:12px;gap:5px;padding:10px;box-shadow:inset 0 0 0 3px #fffaf12e}.slot{background:linear-gradient(#eef0f2,#dfe3e7);border:2px solid #b8c0ca;border-radius:8px}.battle-slot{background:#fff4e4;border:2px solid #c0a98f;border-radius:8px}.item-card{border:3px solid #fffdf7;border-radius:9px;font-size:15px;box-shadow:inset 0 -22px #3d2d2514,2px 3px #3d2d2533}.item-card.quality-bronze,.shop-card.quality-bronze,.tip-tag.quality-bronze{border-width:5px;border-color:#a76637;box-shadow:inset 0 0 0 2px #f1c087,inset 0 -22px #3d2d2514,2px 3px #3d2d2538}.item-card.quality-silver,.shop-card.quality-silver,.tip-tag.quality-silver{border-width:5px;border-color:#c9d4df;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 5px #63738159,inset 0 -22px #3d2d2514,2px 3px #3d2d2538}.item-card.quality-gold,.shop-card.quality-gold,.tip-tag.quality-gold{border-width:5px;border-color:#f0b429;box-shadow:inset 0 0 0 2px #fff7bf,inset 0 0 0 5px #d89113,0 0 18px #ffd54a8f,2px 3px #3d2d2538}.item-card.quality-diamond,.shop-card.quality-diamond,.tip-tag.quality-diamond{border-width:5px;border-color:#66e7ff;box-shadow:inset 0 0 0 2px #f8fdff,inset 0 0 0 5px #7a8cff,0 0 18px #66e7ffb8,0 0 34px #7a8cff59,2px 3px #3d2d2538}.item-card.quality-gold:before,.item-card.quality-diamond:before,.shop-card.quality-gold:before,.shop-card.quality-diamond:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fffffff2,#fff0);border-radius:999px;height:3px;position:absolute;top:8px;left:9px;right:9px}.item-card.quality-diamond:after,.shop-card.quality-diamond:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff,#80f2ff 55%,#7a8cff);border:2px solid #3d2d25;border-radius:3px;width:14px;height:14px;position:absolute;bottom:7px;right:7px;transform:rotate(45deg)}.item-icon{width:36px;height:36px}.battle-panel{width:min(1280px,100%);margin:0 auto}.battle-stage{border:3px solid var(--ink);background:var(--paper);border-radius:10px}.battle-dog .hp,.battle-dice,.battle-log{border:3px solid var(--ink);border-radius:10px;box-shadow:4px 5px #3d2d252e}.battle-log{background:var(--paper);color:var(--ink)}@keyframes itemPulse{50%{filter:brightness(1.2);transform:scale(1.06)}}@keyframes playerLunge{45%{transform:translate(-22px)scale(1.03)}}@keyframes opponentLunge{45%{transform:translate(22px)scale(1.03)}}@keyframes dogHit{20%,60%{filter:brightness(1.45)saturate(1.25);transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes healRing{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(1.35)}}@keyframes winnerHop{to{transform:translateY(-8px)}}@keyframes dicePop{50%{transform:translateY(-8px)scale(1.16)rotate(8deg)}}@media (width<=1180px){:root{--slot-w:78px;--slot-h:96px;--board-slot-h:210px}.offer-row{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=760px){:root{--slot-w:58px;--slot-h:82px;--board-slot-h:150px}.app-shell{padding:0 12px 24px}.topbar{flex-direction:column;align-items:flex-start;height:auto}.offer-row,.battle-hud{grid-template-columns:1fr}.battle-toolbar{flex-direction:column;align-items:flex-start}.battle-stage{grid-template-columns:1fr;min-height:520px;padding:16px}.battle-dice{order:2;min-height:108px}.battle-dog.opponent{order:1}.battle-dog.player{order:3}.battle-equipment-row{--slot-w:58px;--slot-h:82px}.floating-tip{width:min(380px,100vw - 28px);bottom:auto;right:auto}.tip-body{grid-template-columns:1fr}.slot-grid,.battle-slot-grid{gap:5px;padding:10px}.item-card{padding:6px 4px;font-size:11px}.item-icon{width:28px;height:28px}.shop-card{grid-template-columns:48px 1fr}.shop-item-icon{width:46px;height:46px}.class-reward-ceremony{min-height:auto}.ceremony-stage{min-height:0;padding:18px}.ceremony-dog-avatar{width:112px;height:112px}.ceremony-reward-preview{grid-template-columns:1fr}}@media (width<=900px){.page-nav{display:none}.app-shell{padding:0 12px 24px}.bag-relic-row{grid-template-columns:1fr}.relic-slot-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.reward-choice-grid{grid-template-columns:1fr}.screen-content{width:calc(100vw - 24px);margin-top:18px}.topbar{border-width:3px;border-radius:10px;grid-template-columns:1fr;justify-items:stretch;gap:12px;width:calc(100vw - 24px);min-height:0;margin:12px auto 0;padding:14px;display:grid;box-shadow:4px 5px #3d2d252e}.topbar>.brand-block{min-width:0}.topbar>.stats{justify-content:start;margin-left:0}.chapter-progress{max-width:calc(100vw - 24px)}}