:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173e30;background:#f3f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}header{max-width:1120px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:1.5rem;font-weight:800;text-decoration:none;color:inherit;letter-spacing:-.06em}.brand-icon{background:#205a43;color:#d5f46b;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font-size:1.3rem}.phase{font-size:.75rem;letter-spacing:.13em;font-weight:700;color:#52675c}main{max-width:1060px;margin:24px auto 0;padding:0 32px 30px}.intro{text-align:center;margin-bottom:32px}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:800;color:#4d7058}h1{font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:-.055em;line-height:1.12;margin:12px 0}p{line-height:1.6}.intro p{color:#617368;margin:12px 0}.game{background:white;border:1px solid #dce5df;border-radius:26px;padding:28px;box-shadow:0 16px 50px #183c3009}.status{display:flex;justify-content:space-between;font-weight:650;font-size:.875rem}#score{color:#286447}progress{appearance:none;width:100%;height:6px;border:0;border-radius:10px;margin:15px 0 28px;overflow:hidden;background:#edf1ec}progress::-webkit-progress-bar{background:#edf1ec}progress::-webkit-progress-value{background:#3d7c56;border-radius:10px}progress::-moz-progress-bar{background:#3d7c56}#question{display:grid;grid-template-columns:1fr 1fr;gap:40px}.food{position:relative;background:#f7f9f5;border:1px solid #e3e9dd;border-radius:18px;display:flex;align-items:center;flex-direction:column;padding:22px 20px;min-height:370px}.food-tag{align-self:flex-start;font-size:.75rem;letter-spacing:.1em;color:#78846d;font-weight:700}.food img{width:100%;height:240px;object-fit:contain;margin:14px 0;mix-blend-mode:multiply}.food h2{font-size:1.8rem;letter-spacing:-.035em;margin:0 0 8px}.credit{font-size:.75rem;text-align:center;color:#617368;overflow-wrap:anywhere}.credit a{color:inherit}.play{padding:10px 0}.play h2{font-size:1.65rem;letter-spacing:-.035em;line-height:1.25;margin:12px 0}.hint{font-size:.875rem;color:#63756a;line-height:1.5;margin-bottom:22px}.answers{display:grid;gap:10px}.answer{border:1px solid #dce5de;border-radius:12px;display:flex;align-items:center;gap:14px;padding:13px 16px;color:#294535;background:white;text-align:left;font-weight:650;min-height:58px;transition:background .15s,transform .15s}.answer:hover:not(:disabled){background:#f2f8e7;border-color:#7d9d63;transform:translateY(-1px)}.number{width:28px;height:28px;display:grid;place-items:center;background:#f2f5ef;border-radius:7px;font-size:.875rem;color:#6b7c63}.answer-mark{margin-left:auto;font-size:1.2rem}.answer.correct{background:#e9f4df;border-color:#6b9750;color:#255e2b}.answer.wrong{background:#fff0e9;border-color:#d09d84;color:#85452f}.answer:disabled{cursor:default;opacity:1}.feedback{margin-top:18px;border-radius:12px;padding:16px;background:#f3f6ef}.feedback p{font-size:.875rem;margin:8px 0 0;color:#4d6351}.feedback strong{font-size:.875rem}.feedback.retry{background:#fff4ec}.primary{display:block;width:100%;border:0;background:#205a43;color:#fff;border-radius:12px;padding:16px;font-weight:700;margin-top:16px}.primary:hover{background:#174532}.keyboard{font-size:.75rem;color:#738277;margin:16px 0 0}footer{display:flex;justify-content:space-between;gap:15px;color:#6d7e73;font-size:.75rem;padding:22px 8px}#results{text-align:center;padding:24px 12px}#results h2{font-size:2rem;letter-spacing:-.04em}.result-score{font-size:4rem;font-weight:800;letter-spacing:-.06em;color:#205a43;margin:15px 0}#review{text-align:left}#review p{padding:16px;background:#f5f7f2;border-radius:12px;font-size:.875rem}#results .primary{max-width:300px;margin:26px auto 8px}[hidden]{display:none!important}:focus-visible{outline:3px solid #568d2b;outline-offset:4px}@media(max-width:700px){header{padding:20px}.phase{font-size:.75rem;letter-spacing:0}.brand{font-size:1.3rem}main{margin-top:12px;padding:0 16px 20px}.intro{margin-bottom:24px}.intro p{font-size:.875rem}#question{grid-template-columns:1fr;gap:20px}.game{padding:20px;border-radius:20px}.food{min-height:260px}.food img{height:180px;margin:10px 0}.play{padding:0}.play h2{font-size:1.5rem}.keyboard{display:none}footer{flex-direction:column;gap:5px;text-align:center}#results{padding:12px 0}#results h2{font-size:1.6rem}}

.classification{border-top:1px solid #dce5df;padding:18px 8px;color:#52675c;font-size:.875rem}.classification summary{cursor:pointer;font-weight:650}.classification p{max-width:850px}.classification a{color:#205a43}.brand{letter-spacing:-.035em}.answer .number{flex-shrink:0}.answer-mark{flex-shrink:0}.food img{mix-blend-mode:normal;border-radius:10px}@media(max-width:700px){header{align-items:flex-start;gap:12px;flex-wrap:wrap}.brand{font-size:1.25rem}.phase{margin-left:46px;font-size:.75rem}.intro h1{font-size:2.2rem}}
.definition-card{display:flex;flex:1;min-height:210px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#205a43}.definition-card span{display:grid;place-items:center;width:110px;height:110px;border-radius:30px;background:#e7efdc;font-size:4rem;font-weight:800}.definition-card p{font-weight:650;margin:18px 0}.answer{line-height:1.45}.answer>span:nth-child(2){flex:1}.food h2{text-align:center}
header{max-width:1180px;gap:20px;flex-wrap:wrap}.account-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;font-size:.85rem}#player-label{max-width:220px;overflow-wrap:anywhere;color:#617368}.quiet-button,.small-primary{border:1px solid #d5e0d8;border-radius:10px;padding:10px 14px;background:#fff;color:#205a43;font:inherit;font-weight:650;cursor:pointer}.small-primary{background:#205a43;color:#fff;border-color:#205a43}.quiet-button:hover{background:#edf4e8}.small-primary:hover{background:#174532}.account-notice{max-width:1060px;margin:0 auto;padding:0 32px;font-size:.85rem;color:#617368}.account-notice:empty{display:none}.save-panel{background:#f0f5e9;border:1px solid #dce5df;border-radius:14px;padding:16px;margin:18px 0}.save-panel p{margin:0 0 10px;font-size:.9rem}.save-panel p:only-child{margin:0}.account-dialog{width:min(100% - 32px,520px);max-height:90dvh;overflow:auto;border:1px solid #dce5df;border-radius:22px;padding:26px;color:#173e30;background:#fff;box-shadow:0 20px 100px #173e3022}.account-dialog::backdrop{background:#16382b80;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-top h2{font-size:1.5rem;margin:0;letter-spacing:-.03em}.account-dialog>p{font-size:.9rem;color:#617368}.account-dialog label{display:flex;flex-direction:column;gap:7px;margin:16px 0;font-size:.9rem;font-weight:650}.account-dialog input{font:inherit;width:100%;padding:12px;border:1px solid #cddbd1;border-radius:10px;color:#173e30;background:#fff}.field-help{font-size:.8rem;color:#63756a;line-height:1.5}.auth-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.auth-tabs button{font-size:.8rem}.form-error{color:#934126;font-size:.9rem}.form-error:empty{display:none}.history-dialog{width:min(100% - 32px,740px)}.history-stats{font-weight:700}.history-item{border:1px solid #dce5df;border-radius:14px;padding:18px;margin:12px 0}.history-item h3{font-size:1rem;margin:0 0 4px}.history-date{font-size:.8rem;color:#63756a;margin:0}.history-item summary{cursor:pointer;font-size:.85rem;font-weight:650;margin-top:12px}.history-item details p{font-size:.85rem;background:#f5f7f2;padding:12px;border-radius:8px}.history-item p{overflow-wrap:anywhere}#recovery-code{display:block;overflow-wrap:anywhere;background:#f0f5e9;padding:18px;border-radius:12px;font-size:1.1rem;font-weight:700}button:disabled{cursor:wait}@media(max-width:700px){.account-nav{justify-content:flex-start;gap:8px;width:100%}.account-nav button{font-size:.8rem;padding:9px 11px}#player-label{width:100%;max-width:none}.account-dialog{padding:20px}.dialog-top h2{font-size:1.3rem}}
.level-menu{max-width:820px;margin:35px auto 60px}.level-menu>p{color:#617368}.level-card{display:flex;gap:28px;background:#fff;border:1px solid #dce5df;border-radius:26px;padding:32px;margin-top:32px;box-shadow:0 16px 50px #183c3009}.level-card h2{font-size:2rem;letter-spacing:-.04em;margin:12px 0}.level-card p{margin:8px 0}.level-number{display:grid;place-items:center;align-self:flex-start;flex-shrink:0;width:70px;height:70px;border-radius:20px;background:#e7efdc;color:#205a43;font-size:1.8rem;font-weight:800}.level-detail{color:#617368;font-size:.9rem}.level-card .primary{max-width:240px}#back-levels{margin-bottom:24px}.intro h1{font-size:clamp(1.8rem,4vw,2.8rem)}
:root[data-theme=dark]{background:#111d18;color:#e3eee6}
[data-theme=dark] .game,[data-theme=dark] .level-card,[data-theme=dark] .account-dialog{background:#1b2c23;border-color:#3c5142;color:#e3eee6;box-shadow:0 16px 50px #0002}
[data-theme=dark] .food{background:#23342a;border-color:#3c5142}
[data-theme=dark] .answer,[data-theme=dark] .quiet-button,[data-theme=dark] .account-dialog input{background:#23372b;color:#e3eee6;border-color:#52664f}
[data-theme=dark] .answer:hover:not(:disabled),[data-theme=dark] .quiet-button:hover{background:#344b32;border-color:#a2bf7c}
[data-theme=dark] .number,[data-theme=dark] .definition-card span,[data-theme=dark] .level-number{background:#385037;color:#e5f1d5}
[data-theme=dark] .eyebrow,[data-theme=dark] .food-tag,[data-theme=dark] .definition-card,[data-theme=dark] #score,[data-theme=dark] .result-score{color:#c7e39b}
[data-theme=dark] .intro p,[data-theme=dark] .hint,[data-theme=dark] .credit,[data-theme=dark] .keyboard,[data-theme=dark] footer,[data-theme=dark] #player-label,[data-theme=dark] .account-notice,[data-theme=dark] .account-dialog>p,[data-theme=dark] .field-help,[data-theme=dark] .history-date,[data-theme=dark] .level-detail,[data-theme=dark] .level-menu>p{color:#b8cbbb}
[data-theme=dark] .primary,[data-theme=dark] .small-primary{background:#b8d889;color:#162815;border-color:#b8d889}
[data-theme=dark] .primary:hover,[data-theme=dark] .small-primary:hover{background:#cee8a4}
[data-theme=dark] .save-panel,[data-theme=dark] #recovery-code,[data-theme=dark] .feedback,[data-theme=dark] #review p,[data-theme=dark] .history-item details p{background:#2a3e2d;border-color:#52664f;color:#e3eee6}
[data-theme=dark] .feedback p{color:#d0dfce}
[data-theme=dark] .answer.correct{background:#314e2b;color:#e1f6cc;border-color:#96bb72}
[data-theme=dark] .answer.wrong,[data-theme=dark] .feedback.retry{background:#50352c;color:#ffe2d0;border-color:#bb8a6e}
[data-theme=dark] .feedback.retry p,[data-theme=dark] .form-error{color:#ffd4b8}
[data-theme=dark] .classification,[data-theme=dark] .history-item{border-color:#3c5142;color:#b8cbbb}
[data-theme=dark] .classification a{color:#c7e39b}
[data-theme=dark] progress,[data-theme=dark] progress::-webkit-progress-bar{background:#334538}
[data-theme=dark] progress::-webkit-progress-value{background:#b8d889}
[data-theme=dark] progress::-moz-progress-bar{background:#b8d889}
@media(max-width:700px){.level-menu{margin:20px auto 35px}.level-card{padding:24px;gap:16px;flex-direction:column}.level-card h2{font-size:1.7rem}.level-card .primary{max-width:none}.level-number{width:54px;height:54px;font-size:1.3rem}.intro h1{font-size:1.9rem}}
.defense-shell{max-width:760px;margin:auto}.defense-hud{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-weight:700}.defense-arena{height:580px;position:relative;overflow:hidden;background:radial-gradient(ellipse at bottom,#254b45,#101e29 75%);border:1px solid #426766;border-radius:24px;color:#ecfff2}.arena-grid{position:absolute;inset:0;background-image:linear-gradient(#b8d88908 1px,transparent 1px),linear-gradient(90deg,#b8d88908 1px,transparent 1px);background-size:40px 40px}.defense-base{position:absolute;bottom:0;width:100%;height:95px;border-top:2px solid #76e9b7;background:#183d38cc;text-align:center;font-size:.7rem;letter-spacing:.13em}.defense-tower{font-size:2.7rem;line-height:65px;color:#75dcff;text-shadow:0 0 18px currentColor}.defense-tower[data-weapon=Carbohidratos]{color:#ffd47c}.defense-tower[data-weapon=Grasas]{color:#cfadff}.defense-beam{position:absolute;bottom:55px;left:50%;width:3px;transform-origin:bottom;background:#a7f8ff;box-shadow:0 0 12px #a7f8ff;pointer-events:none}.falling-food{position:absolute;width:28%;display:flex;flex-direction:column;align-items:center;gap:4px;background:#20382ff2;border:1px solid #6a9a82;border-radius:14px;padding:8px;text-align:center;font-size:.8rem;color:#ecfff2}.falling-food img{width:54px;height:48px;object-fit:contain;border-radius:7px;background:white}.falling-food span{font-size:.7rem;line-height:1.35;color:#d0e5ce}.falling-food.targeted{border:2px solid #d5ef96;box-shadow:0 0 18px #d5ef9644}.falling-food.missed{border-color:#ffb28e}.defense-overlay{position:absolute;inset:0;z-index:3;background:#101e29e8;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px}.defense-overlay h2{font-size:1.9rem;margin:0 0 12px}.defense-overlay p{max-width:440px;color:#c6dccc}.defense-overlay .primary{max-width:280px}.defense-status{min-height:55px;font-size:.9rem;line-height:1.5}.defense-weapons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.defense-weapons button{padding:14px 10px;border-radius:12px;border:2px solid #728779;background:#eaf0e5;color:#173e30;font-weight:750}.defense-weapons button small{display:block;font-weight:400;font-size:.7rem;margin-top:6px}.defense-weapons button[aria-pressed=true]{border-color:#205a43;background:#cde7ac;box-shadow:0 0 0 2px #205a4322}[data-theme=dark] .defense-weapons button{background:#283e2d;color:#ecfff2}[data-theme=dark] .defense-weapons button[aria-pressed=true]{background:#b8d889;color:#162815;border-color:#b8d889}@media(max-width:700px){.defense-arena{height:490px}.defense-hud{font-size:.8rem}.defense-weapons{gap:6px}.defense-weapons button{font-size:.76rem;padding:12px 5px}.defense-weapons button small{font-size:.65rem}.defense-overlay{padding:22px}.falling-food{font-size:.73rem}.falling-food img{width:44px;height:40px}}
@media(prefers-reduced-motion:reduce){.defense-beam{box-shadow:none}.falling-food.targeted{box-shadow:none}}
.plate-question{display:grid;grid-template-columns:1fr 1fr;gap:32px}.plate-visual{background:#f7f9f5;border:1px solid #e3e9dd;border-radius:18px;padding:22px}.plate-visual h2{font-size:1.35rem;margin:12px 0;text-align:center}.plate-visual svg{width:100%;max-height:340px;display:block}.plate-key{padding:10px 12px;border:1px solid #dce5df;border-radius:10px;margin:8px 0;font-size:.85rem}.plate-key strong,.plate-key span{display:block}.plate-key span{font-size:.75rem;color:#617368}.plate-key.selected{border:2px solid #50783c;background:#edf4e3}#plate-results{text-align:center;padding:24px 12px}#plate-results .primary{max-width:300px;margin:24px auto 8px}#plate-review{text-align:left}#plate-review p{padding:16px;background:#f5f7f2;border-radius:12px;font-size:.875rem}[data-theme=dark] .plate-visual{background:#23342a;border-color:#3c5142}[data-theme=dark] .plate-key{border-color:#52664f}[data-theme=dark] .plate-key.selected{background:#344b32;border-color:#b8d889}[data-theme=dark] .plate-key span{color:#b8cbbb}[data-theme=dark] #plate-review p{background:#2a3e2d}.save-panel a{color:inherit}@media(max-width:700px){.plate-question{grid-template-columns:1fr;gap:20px}.plate-visual{padding:18px}.plate-visual svg{max-height:280px}#plate-results{padding:12px 0}}
.meal-photo{width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:12px;display:block;background:#e9eee6}.plate-key.selected span{font-size:.85rem;margin-top:5px}.plate-visual .credit{margin:14px 0}.plate-visual .credit span{display:block;margin-top:5px}@media(max-width:700px){.meal-photo{max-height:340px}}
.realm-lobby,.realm-battle{max-width:760px;margin:22px auto}.realm-lobby{background:linear-gradient(160deg,#dce9ba,#789763);border:3px solid #354c3c;border-radius:24px;padding:24px;color:#203b31;box-shadow:0 10px 0 #30463822}.realm-banner{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;font-weight:850;background:#2e463d;color:#e9efd1;border-radius:12px;padding:15px}.realm-map-title{text-align:center;padding:26px 0 12px}.realm-map-title h1{font-size:clamp(1.8rem,4vw,2.7rem)}.realm-map-preview{position:relative;max-width:600px;margin:auto;border:4px solid #344b3e;border-radius:26px;background:#719557;overflow:hidden;box-shadow:0 6px 0 #38563b55}.realm-map-preview svg{width:100%;display:block}.realm-map-badge{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#263e35;color:#f2e6b2;border-radius:30px;padding:8px 18px;font-size:.8rem;font-weight:750}.realm-loadout h2{text-align:center;font-size:1.35rem;margin:28px 0 8px}.realm-loadout>p{text-align:center;font-size:.85rem}#realm-loadout-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.realm-tower-card{background:#edf0d7;border:2px solid #647c5b;border-radius:14px;padding:12px 8px;color:#233f33;text-align:center;display:flex;align-items:center;flex-direction:column;gap:6px}.realm-tower-card[aria-pressed=true]{background:#fff0b0;border:3px solid #506238;box-shadow:0 3px 0 #52663866}.realm-icon{font-size:2rem;line-height:1.2}.realm-tower-card strong{font-size:.85rem}.realm-tower-card small{font-size:.7rem;line-height:1.4}.realm-equipped{margin:18px 0;text-align:center;font-size:.85rem;font-weight:700}.realm-play{display:block;width:100%;max-width:500px;margin:18px auto;background:#f7d369;color:#283b32;border:3px solid #344b3d;border-radius:14px;box-shadow:0 5px 0 #344b3d;font-size:1.1rem;font-weight:850;padding:16px}.realm-play:hover:not(:disabled){background:#ffe697}.realm-play:disabled{opacity:.55;box-shadow:none}.realm-note{font-size:.8rem;line-height:1.5;text-align:center}.realm-lobby .realm-note{color:#324c3d}.realm-hud{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-radius:14px 14px 0 0;background:#2e463d;color:#eef1db;padding:14px;font-size:.85rem;font-weight:750}.realm-board{position:relative;line-height:0;border:3px solid #354c3c;border-radius:0 0 20px 20px;overflow:hidden}#realm-canvas{width:100%;height:auto;display:block;touch-action:manipulation}.realm-pad{position:absolute;transform:translate(-50%,-50%);width:8.5%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:#39583d;font-size:1.6rem;font-weight:800;line-height:1;padding:0}.realm-pad.selected{outline:3px solid #fff2b7;outline-offset:3px}.realm-pad:hover{background:#fff4c422}.realm-end{position:absolute;inset:0;background:#163528e8;color:#f7edc3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;line-height:1.5}.realm-end h2{font-size:2rem}.realm-end p{max-width:420px}.realm-status{font-size:.85rem;min-height:48px}.realm-build-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.realm-build-button{padding:14px 8px;border:2px solid #567048;border-radius:12px;color:#244033;background:#e6edcc;font-size:.85rem;font-weight:750}.realm-build-button[aria-pressed=true]{background:#ffe69c;border-color:#374d37}#realm-upgrade-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#realm-upgrade-panel strong{margin-right:auto}[data-theme=dark] .realm-battle .realm-note{color:#b8cbbb}@media(max-width:700px){.realm-lobby{padding:16px}.realm-banner{font-size:.7rem}.realm-banner span:last-child{text-align:right}.realm-tower-card{padding:10px 6px}.realm-tower-card small{font-size:.66rem}#realm-loadout-options{grid-template-columns:repeat(3,1fr)}.realm-tower-card:nth-last-child(-n+2){min-height:125px}.realm-hud{font-size:.75rem;padding:10px}.realm-hud button{padding:8px;font-size:.75rem}.realm-build-button{font-size:.73rem}.realm-pad{font-size:1.1rem}.realm-map-badge{font-size:.7rem}.realm-end h2{font-size:1.5rem}}
.realm-pad{min-width:40px;min-height:40px}.realm-tower-card:focus-visible,.realm-pad:focus-visible,.realm-build-button:focus-visible{outline:3px solid #fff1a3;outline-offset:3px}
.realm-gold-counter{display:inline-flex;align-items:center;gap:9px;background:#20352b;border:1px solid #65704d;border-radius:14px;padding:4px 12px 4px 5px;color:#ffe59b;font-size:1.15rem;font-weight:850;white-space:nowrap}.realm-gold-coin{width:48px;height:48px;flex-shrink:0;filter:drop-shadow(0 3px 2px #0003)}@media(max-width:700px){.realm-gold-counter{font-size:1rem;padding-right:9px;gap:5px}.realm-gold-coin{width:42px;height:42px}.realm-hud{gap:8px}}
/* Original fantasy artwork, shared between preparation and battle. */
.realm-map-preview{max-width:480px;border:7px solid #786348;box-shadow:0 10px 0 #443e32,0 20px 30px #172b3540;overflow:hidden}
.realm-map-preview canvas{display:block;width:100%;height:auto}
.realm-tower-card .realm-tower-art{display:block;width:100%;max-width:100px;height:auto;margin:0 auto}
.realm-tower-card{background:linear-gradient(145deg,#fff4d1,#d7c7a3);border-bottom-width:5px;box-shadow:0 4px 8px #253e2920;color:#304133}
.realm-tower-card[aria-pressed="true"]{background:linear-gradient(145deg,#f7f9bf,#bfdaa2)}
.realm-build-button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:68px}
.realm-build-button .realm-tower-art{width:44px;height:58px;flex:none}
.realm-board{border:6px solid #786348;box-shadow:0 7px 0 #443e32,0 14px 26px #172b3533}
#realm-slots .realm-pad{width:6%;height:6%;border:1px solid #e8f0ba55;border-radius:5px;background:#c5dfa322;transform:translate(-50%,-50%)}
#realm-slots .realm-pad:hover,#realm-slots .realm-pad:focus-visible{background:#8cdf5b77;border:2px solid #e7ffaf}
#realm-slots .realm-pad.occupied{background:transparent;border-color:transparent}
#realm-slots .realm-pad.selected{border:2px solid #fff2ae;background:#fff2ae18}
#realm-auto{display:block;margin:16px auto 8px}#realm-auto[aria-pressed="true"]{background:#d2ef9e;color:#23442e}
#realm-loadout-options{grid-template-columns:repeat(3,1fr)}
.realm-controls h2{font-size:1.15rem;margin:0 0 12px}.realm-controls{padding:16px;border:1px solid #5b725544;border-radius:18px;background:#6f946018}
.realm-controls .realm-status{margin:0 0 12px;min-height:0}.realm-controls .realm-note{text-align:left;font-size:.74rem}.realm-controls .realm-play{font-size:.9rem;padding:12px}.realm-controls #realm-upgrade-panel{padding:12px;gap:8px;margin:12px 0}.realm-controls #realm-upgrade-panel strong{width:100%;font-size:.82rem}.realm-controls #realm-auto{width:100%;margin:12px 0;font-size:.8rem}.realm-map-column{min-width:0}
@media(min-width:1100px){body:has(#realm-battle:not([hidden])) main{max-width:1200px;margin-top:4px}body:has(#realm-battle:not([hidden])) header{padding-top:18px;padding-bottom:18px}.realm-battle{max-width:1120px;margin:12px auto}.realm-layout{display:grid;grid-template-columns:minmax(0,700px) 300px;gap:22px;justify-content:center;align-items:start}.realm-controls{max-height:calc(100vh - 165px);overflow:auto}.realm-build-options{grid-template-columns:1fr}.realm-build-button{justify-content:flex-start;padding:7px 12px;min-height:60px}.realm-board{max-width:calc(100vh - 235px);margin:auto}.realm-hud{max-width:calc(100vh - 235px);margin:auto;flex-wrap:nowrap;font-size:.8rem;padding:9px}.realm-hud .realm-gold-coin{width:38px;height:38px}}
@media(max-width:1099px){.realm-controls{margin-top:18px}.realm-layout{display:block}}
#realm-slots .realm-pad{min-width:0;min-height:0}
@media(max-width:700px){.realm-controls .realm-build-options{grid-template-columns:repeat(3,minmax(0,1fr))}.realm-controls .realm-build-button{min-width:0;flex-direction:column;font-size:.7rem;padding:8px 3px;overflow-wrap:anywhere}.realm-controls .realm-build-button .realm-tower-art{width:32px;height:43px}.realm-controls #realm-upgrade{max-width:100%;white-space:normal}}
.realm-crystal-counter{display:flex;align-items:center;gap:8px;padding:5px 9px;background:#203b39;border:1px solid #628382;border-radius:14px;color:#d7fbff}.realm-crystal-icon{width:44px;height:48px;flex:none;filter:drop-shadow(0 2px 2px #102f3b66)}
@media(min-width:1100px){body:has(#realm-level:not([hidden])) main{max-width:1240px;margin-top:4px}body:has(#realm-level:not([hidden])) header{padding-top:18px;padding-bottom:18px}.realm-lobby{max-width:1160px;padding:20px;margin:12px auto}.realm-lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:30px;align-items:center}.realm-lobby-map .realm-map-title{padding:16px 0 10px}.realm-lobby-map .realm-map-title h1{font-size:2rem}.realm-lobby-map .realm-map-title p{margin:8px 0}.realm-lobby-map .realm-map-preview{max-width:min(450px,calc(100vh - 380px))}.realm-lobby-prep .realm-loadout h2{margin:18px 0 6px}.realm-lobby-prep #realm-loadout-options{gap:10px}.realm-lobby-prep .realm-tower-card{padding:8px 6px;gap:3px}.realm-lobby-prep .realm-tower-art{max-width:76px}.realm-lobby-prep .realm-equipped{margin:12px 0}.realm-lobby-prep .realm-play{margin:12px auto}.realm-lobby-prep .realm-note{margin:10px 0;font-size:.76rem}.realm-hud{gap:6px}.realm-hud .realm-crystal-icon{width:34px;height:38px}.realm-hud .realm-crystal-counter{padding:4px 6px;gap:4px}}
@media(max-width:700px){.realm-crystal-icon{width:30px;height:34px}.realm-crystal-counter{padding:3px 5px;gap:4px}.realm-hud{gap:6px}}
#realm-slots:not(.placing) .realm-pad:not(.occupied){display:none}
#realm-cancel-placement{margin:0 0 12px;width:100%;font-size:.8rem}

.realm-mode-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}.realm-mode-options [aria-pressed=true]{background:#f5d46d;color:#203b30;border-color:#8f7839}