:root{color-scheme:light;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:#eef3df;color:#183f3b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#fff9d9,transparent 30rem),#e6efd9}.app{width:min(1420px,100%);margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.eyebrow,.label{margin:0 0 4px;color:#c65e4f;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;font-size:clamp(36px,5vw,64px);line-height:.95;letter-spacing:-.06em}.header-actions{display:flex;gap:8px}.quiet-button{border:1px solid #6a8a77;background:#f8f5df;color:#315c50;padding:9px 12px;cursor:pointer;font-weight:700}.hud{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;border:2px solid #183f3b;background:#183f3b;gap:1px;box-shadow:5px 5px 0 #d66b56}.hud>div{background:#fbf8e8;padding:10px 14px}.hud span{display:block;color:#768a7c;font-size:9px;font-weight:900;letter-spacing:.12em}.hud strong{display:block;margin-top:3px;font-size:18px}.layout{display:grid;grid-template-columns:245px minmax(440px,1fr) 225px;gap:14px;margin-top:14px}.panel,.game-wrap{border:2px solid #183f3b;background:#fbf8e8;box-shadow:5px 5px 0 #183f3b}.panel{padding:18px}.game-wrap{position:relative;overflow:hidden;min-width:0}canvas{display:block;width:100%;height:auto;touch-action:none}.dex{display:grid;gap:5px}.dex-row{display:grid;grid-template-columns:36px 1fr 18px;align-items:center;gap:8px;padding:5px;border-bottom:1px dashed #b9c5ab}.dex-row>span{width:32px;height:32px}.dex-row strong{font-size:11px}.dex-row small{color:#96a38f}.dex-row.locked{opacity:.42}.creature-badge{display:grid;width:100%;height:100%;place-items:center;border:2px solid var(--a);border-radius:50%;background:var(--c);color:var(--a);font-style:normal;font-weight:900;box-shadow:inset 0 0 0 2px #fff8}.creature-badge.shiny{outline:3px solid #ffe56e}.rule-card{margin-top:16px;padding:13px;background:#dcebcf;border-left:4px solid #65a776}.rule-card strong{font-size:12px}.rule-card p{margin:7px 0 0;color:#4e6b5d;font-size:10px;line-height:1.45}.controls{text-align:center;display:flex;flex-direction:column}.next-preview{width:118px;height:118px;margin:14px auto 8px}.controls h2{margin:0 0 18px}.queue-title{text-align:left;color:#7a8c7d;font-size:9px;font-weight:900}.queue{display:flex;gap:7px;margin:8px 0 20px}.queue span{width:50px;height:50px}.primary-button{min-height:50px;border:2px solid #183f3b;background:#f2c75d;color:#183f3b;box-shadow:4px 4px 0 #183f3b;cursor:pointer;font:900 14px inherit}.primary-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #183f3b}.primary-button:disabled{opacity:.5}.primary-button small{display:block;font-size:8px;opacity:.65}.controls .primary-button{margin-top:auto}.hint{color:#6f8475;font-size:10px;line-height:1.5}.toast{position:absolute;z-index:5;top:20%;left:50%;transform:translateX(-50%) rotate(-2deg);padding:11px 18px;border:2px solid #183f3b;background:#fff3a9;box-shadow:4px 4px 0 #183f3b;font-weight:900;white-space:nowrap}.danger-warning{position:absolute;z-index:5;top:15px;left:50%;width:230px;transform:translateX(-50%);padding:9px 12px;background:#b8373e;color:#fff;text-align:center;font-size:11px;font-weight:900}.danger-warning i{display:block;height:4px;margin-top:6px;background:#fff;transform-origin:left}.overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#173f3bd9;backdrop-filter:blur(8px)}.modal{position:relative;width:min(590px,100%);padding:clamp(30px,6vw,60px);border:3px solid #183f3b;background:#fbf8e8;box-shadow:10px 10px 0 #d66b56;text-align:center}.modal .leaf{position:absolute;top:-20px;right:25px;display:grid;width:55px;height:55px;place-items:center;border:2px solid #183f3b;border-radius:50%;background:#89cf79;font-size:26px;transform:rotate(8deg)}.modal h2{margin:10px 0 20px;font-size:clamp(42px,8vw,72px);line-height:.95;letter-spacing:-.06em}.modal>p:not(.label){color:#587065;line-height:1.7}.tutorial{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:22px 0}.tutorial span{padding:9px 4px;background:#dcebcf;font-size:10px;font-weight:800}.modal .primary-button{width:100%}.result-creature{width:100px;height:100px;margin:0 auto 18px}.hidden{display:none!important}@media(max-width:950px){.layout{grid-template-columns:1fr 210px}.field-guide{display:none}}@media(max-width:650px){.app{padding:8px}header h1{font-size:36px}.hud{grid-template-columns:1fr 1fr}.hud>div{padding:7px 9px}.hud strong{font-size:14px}.layout{display:flex;flex-direction:column;gap:9px}.game-wrap{order:1}.controls{order:2;display:grid;grid-template-columns:62px 1fr 1fr;align-items:center;gap:9px;padding:10px;text-align:left}.controls>.label,.queue-title,.queue,.hint{display:none}.next-preview{grid-row:span 2;width:60px;height:60px;margin:0}.controls h2{margin:0;align-self:end;font-size:14px}.controls .primary-button{grid-column:2/4;margin:0;min-height:43px}.tutorial{grid-template-columns:1fr 1fr}.modal{padding:34px 20px}.toast{max-width:90%;white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}