.world-atlas-toggle{position:fixed;z-index:45;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;background:#2d503f;color:#fff2ce;border:1px solid #bda976;border-radius:12px;box-shadow:0 4px 18px #132d2d30;cursor:pointer;font-size:12px}.world-atlas-toggle kbd{font-size:10px;border:1px solid #d8cba566;padding:2px 5px;border-radius:4px}.world-atlas.modal{width:min(1180px,calc(100vw - 32px));max-width:1180px}.world-atlas .modal-body{background:#f7f3e6}.atlas-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;color:#4e6751;font-size:12px;flex-wrap:wrap}.atlas-status>span{display:flex;gap:6px;align-items:center}.atlas-status small{color:#888c75;font-size:10px}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start}.atlas-chart{position:relative;aspect-ratio:900/480;background:radial-gradient(ellipse at 70% 5%,#dfe6d3,transparent 60%),#ede6cf;border:1px solid #d8cdae;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 60px #b5a47328}.atlas-chart-inner{position:relative;width:100%;aspect-ratio:900/480}.atlas-chart-inner>svg{width:100%;height:100%;display:block}.atlas-inscription{font-family:serif;font-size:19px;fill:#7b8064;letter-spacing:5px}.atlas-map-note{font-size:11px;fill:#98947b}.atlas-pins{position:absolute;top:0;right:0;bottom:0;left:0}.atlas-pin{position:absolute;transform:translate(-50%,-38%);display:grid;justify-items:center;gap:4px;background:none;border:0;color:#5b6b52;padding:4px;cursor:pointer;min-width:72px;min-height:56px}.atlas-pin>span{width:34px;height:34px;border:1px solid #8e9c77;background:#f6f2dc;display:grid;place-items:center;border-radius:50%;box-shadow:0 2px 5px #51694d25}.atlas-pin.here>span{background:#315943;color:#fff4ca;border-color:#315943}.atlas-pin.selected>span{outline:3px solid #c89f5a;outline-offset:3px}.atlas-pin strong{font-family:serif;font-size:13px;letter-spacing:1px;padding:2px 4px;background:#f4efdcdf;border-radius:4px}.atlas-pin small{font-size:9px;color:#797f6b;background:#eee9d6b8;padding:1px 3px}.atlas-pin:focus-visible{outline:2px solid #49684e;outline-offset:4px;border-radius:6px}.atlas-detail{min-width:0}.atlas-detail h3{font-family:serif;letter-spacing:3px;font-weight:500;font-size:27px;margin:10px 0}.atlas-detail>p,.atlas-portals>p{font-size:12px;line-height:1.9;color:#80836e}.atlas-detail .button{font-size:12px;min-height:42px;margin-top:12px}.atlas-route{display:flex;gap:7px;padding:11px;background:#ecebdc;color:#728064;line-height:1.8;font-size:11px;border-radius:8px;margin:12px 0}.atlas-route>svg{flex-shrink:0;margin-top:2px}.atlas-portals{margin-top:20px}.atlas-portals h4{display:flex;gap:7px;align-items:center;font-size:12px;color:#717c60}.atlas-portal{padding:12px;background:#fffcf3;border:1px solid #e4dcc4;border-radius:10px;margin:9px 0}.atlas-portal strong{display:flex;align-items:center;font-size:12px;gap:4px;color:#596c50}.atlas-portal small{display:block;font-size:10px;color:#96947b;line-height:1.8;margin-top:7px}.atlas-portal button{margin-top:8px;min-height:34px;border:0;background:none;color:#8b713e;font-size:11px;cursor:pointer}.atlas-footnote{font-size:10px;color:#8c9179;line-height:1.9;margin:20px 0 0}.town-encounter-banner{display:flex;align-items:center;gap:12px;background:#f4edda;border:1px solid #dec998;padding:12px 16px;border-radius:10px;margin-bottom:15px;color:#7f6b42;font-size:12px}.town-encounter-banner>span{flex:1}.town-boundary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px;padding:13px 16px;border:1px solid #cbb477;background:#fbf4df;border-radius:10px}.town-boundary strong{font-size:13px;color:#6f754f}.town-boundary small{display:block;font-size:11px;color:#989176;line-height:1.8;margin-top:4px}.town-boundary button{flex-shrink:0}.town-portal-guides{padding:12px 17px;border-top:1px solid #e1e4d3;display:flex;gap:8px;flex-wrap:wrap}.town-portal-guides button{background:#ece9da;color:#7c714d;border:1px solid #d9d1b8;border-radius:8px;min-height:42px;padding:8px 12px;font-size:12px;cursor:pointer}.town-entry-event .modal-body>p{line-height:2;color:#70795f}.town-entry-event .encounter-choices{display:grid;gap:10px;margin-top:20px}.town-entry-event .encounter-choices button{justify-content:flex-start;min-height:48px;white-space:normal;text-align:left}.town-entry-event .encounter-reward{font-size:11px;padding:10px;background:#f4f0dc;border-radius:8px}.town-area-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.town-area-cards>button:nth-child(n+5) .town-area-preview{background-image:radial-gradient(ellipse at 70% 15%,#dac998,transparent 65%),linear-gradient(135deg,#648373,#3a5c50)}.town-area-cards>button:nth-child(8) .town-area-preview{background-image:linear-gradient(135deg,#cdae74,#947b52)}.town-area-cards>button:nth-child(n+9) .town-area-preview{background-image:linear-gradient(135deg,#709c99,#3f687b)}@media(max-width:1100px){.atlas-layout{grid-template-columns:minmax(0,1fr)}.atlas-detail{display:block}.atlas-portals{display:flex;gap:10px;flex-wrap:wrap}.atlas-portals h4{width:100%;margin:0}.atlas-portal{flex:1;min-width:160px}.atlas-detail .button{width:auto;margin-right:10px}.town-area-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.world-atlas-toggle{bottom:14px;right:12px;font-size:11px;padding:9px 10px}.world-atlas.modal{width:calc(100vw - 16px)}.world-atlas .modal-body{padding:14px}.atlas-chart{aspect-ratio:auto;overflow-x:auto}.atlas-chart-inner{min-width:540px}.atlas-pins{height:100%}.atlas-pin{min-width:58px}.atlas-pin strong{font-size:11px}.atlas-pin>span{width:29px;height:29px}.atlas-pin small{font-size:8px}.atlas-inscription{font-size:17px}.atlas-layout{gap:15px}.atlas-detail h3{font-size:23px}.atlas-status{line-height:1.9}.town-area-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.town-boundary{align-items:flex-start;flex-direction:column}.town-boundary button{width:100%}.town-encounter-banner{gap:8px;flex-wrap:wrap}}.atlas-selected-stage{outline:3px solid #b99d62;outline-offset:4px}.atlas-portal button:disabled{opacity:.5;cursor:wait}.town-portal-guides button{display:flex;align-items:center;gap:6px}.feedback-board>p{color:var(--text-muted);line-height:1.7}.feedback-form,.feedback-review{display:grid;gap:14px;margin:20px 0}.feedback-form label,.feedback-review>label{display:grid;gap:7px;font-size:14px}.feedback-form textarea,.feedback-review textarea{width:100%;min-height:88px;resize:vertical;padding:12px;border:1px solid #d9dfd3;border-radius:10px;font:inherit;box-sizing:border-box;background:#fff}.feedback-form select{padding:10px;border:1px solid #d9dfd3;border-radius:8px;background:#fff}.feedback-form>.button{justify-self:start}.feedback-review>label:has(input){display:flex;align-items:center;gap:8px}.feedback-board .mode-review-card p{white-space:pre-wrap;overflow-wrap:anywhere}.feedback-show-all{display:flex;align-items:center;gap:8px;margin:16px 0}.feedback-board h4{margin-bottom:4px}.study-adaptive-note,.study-intensive-entry,.study-intensive-lesson{padding:14px 18px;background:#eef4e6;border:1px solid #d6e4c7;border-radius:12px;font-size:14px;line-height:1.65}.study-intensive-entry{margin:18px 0}.study-intensive-lesson{margin:16px 0}.study-intensive-lesson summary{cursor:pointer;font-weight:600}.study-source{font-size:12px;overflow-wrap:anywhere}.study-source a{color:#527139}.study-keyboard-hint{display:block;margin-top:10px;color:#68745e}.play-history>p{line-height:1.65;color:#66715c}.play-history .mode-review-card{overflow-wrap:anywhere}.play-history-summary{padding:12px;border-radius:9px;background:#eff4e8}.coin-balance{display:inline-flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid #d6ba73;border-radius:14px;background:#fcf7e9;color:#76541b;text-align:left;cursor:pointer;max-width:100%}.coin-balance span{display:grid;gap:3px}.coin-balance small{color:#776c51;font-size:11px}.coin-balance strong{font-size:16px}.coin-balance:hover{background:#f5edda}.coin-shop{margin:22px 0;padding:26px;border:1px solid #ded5bb;border-radius:20px;background:linear-gradient(120deg,#fffdf7,#f8f3e7);color:#343c30}.coin-shop-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.coin-shop h2{display:flex;align-items:center;gap:10px;margin:7px 0 10px}.coin-shop-heading p,.coin-shop-recipient{color:#636c5d;font-size:13px;line-height:1.7}.coin-shop-wallet{display:grid;grid-template-columns:auto auto;gap:4px 10px;align-items:center;flex-shrink:0;color:#896321}.coin-shop-wallet strong{font-size:30px}.coin-shop-wallet span{grid-column:1/-1;font-size:11px;text-align:right}.coin-shop-recipient{margin:16px 0 20px}.coin-shop-recipient strong{color:#3c5840}.coin-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.coin-product{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px 16px;border:1px solid #e3dfd0;background:#fffefa;border-radius:14px}.coin-product h3{font-size:16px;margin:13px 0 8px}.coin-product p{font-size:12px;color:#646c60;line-height:1.8;margin:0 0 18px;flex:1}.coin-product-art{display:grid;place-items:center;width:60px;height:60px;border-radius:14px;background:#e8f0df;color:#567443}.coin-product-art.blue-chest{background:#e3eef8;color:#3d6e9b}.coin-product-art.purple-chest{background:#efe6f6;color:#825ba4}.coin-product-art.essence-pack{background:#f8edcc;color:#8c6b26}.coin-product-price{display:flex;align-items:center;gap:6px;color:#795a20;font-size:14px;margin-bottom:14px}.coin-product .button{width:100%;min-height:44px;justify-content:center;font-size:12px}.coin-product .button:disabled{opacity:.6;cursor:not-allowed}.coin-shop-success{padding:12px 16px;border-radius:10px;background:#e9f1e3;color:#365439;font-size:13px}.coin-history{border-top:1px solid #dfdac9;margin-top:22px;padding-top:18px;font-size:13px}.coin-history summary{cursor:pointer;min-height:32px;color:#65705d}.coin-history ul{list-style:none;padding:0;margin:8px 0 0}.coin-history li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid #ece7da}.coin-history small{display:block;font-size:11px;color:#73796d;margin-top:4px}.coin-income{color:#3d713d}.battle-coins{color:#8a631d;font-weight:600}.coin-balance:focus-visible,.coin-shop button:focus-visible,.coin-history summary:focus-visible{outline:3px solid #6d895c;outline-offset:3px}@media(max-width:1000px){.coin-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.coin-shop{padding:18px 14px;margin:18px 0}.coin-shop-heading{align-items:flex-start;flex-wrap:wrap}.coin-shop-heading p{margin:0}.coin-shop-wallet{grid-template-columns:auto auto auto}.coin-shop-wallet strong{font-size:26px}.coin-shop-wallet span{grid-column:auto}.coin-product{padding:16px 12px}.coin-shop-grid{gap:10px}.coin-product h3{font-size:14px}.coin-balance{width:100%}.coin-balance>svg:last-child{margin-left:auto}}.skill-panel{border:1px solid #d5e3dc;border-radius:18px;background:#fbfdf9;padding:22px;margin:22px 0}.skill-panel>header{display:flex;justify-content:space-between;align-items:center;gap:18px}.skill-panel h2{display:flex;align-items:center;gap:9px;font-size:21px;margin:0 0 8px}.skill-panel p{line-height:1.7}.skill-panel header p,.skill-rule{font-size:12px;color:#64756c}.skill-points{flex-shrink:0;border:1px solid #b6d7c1;background:#e6f3e8;color:#286b42;padding:12px;border-radius:12px;font-size:12px}.skill-points b{font-size:25px;display:block}.skill-loadout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.skill-loadout>div{background:#edf3eb;border-radius:10px;padding:13px;display:grid;gap:6px}.skill-loadout small{color:#6e7c6e}.skill-loadout strong{font-size:13px}.skill-loadout span{font-size:11px;color:#66746c}.skill-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.skill-library article{border:1px solid;border-top:3px solid;border-radius:12px;padding:15px;background:#fff;min-width:0}.skill-card-title{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#65766e}.skill-library h3{font-size:16px;margin:12px 0 7px}.skill-library p{font-size:12px;margin:6px 0}.skill-verse{display:block;color:#798276;font-size:11px;line-height:1.7;min-height:40px}.skill-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.skill-card-actions .button{font-size:11px;padding:9px 11px;min-height:40px}.skill-reset{padding:15px;border:1px solid #dfcf9d;border-radius:10px}.skill-reset .button{margin-right:10px}.battle-skill-bar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.battle-skill{position:relative;min-width:115px;min-height:72px;border:1px solid #c7dccd;border-bottom:3px solid #8cbf9c;border-radius:10px;background:#f5faf3;color:#284d36;padding:10px 12px 10px 37px;text-align:left;cursor:pointer}.battle-skill kbd{position:absolute;left:10px;top:13px;padding:3px;border:1px solid #c0ccbf;border-radius:4px}.battle-skill strong,.battle-skill small{display:block;font-size:12px}.battle-skill small{font-size:10px;margin-top:8px}.battle-skill:disabled{opacity:.5;cursor:default}.skill-flame{border-bottom-color:#ea824f}.skill-frost{border-bottom-color:#65bbd5}.skill-thunder{border-bottom-color:#9c7dcc}.skill-stars{border-bottom-color:#cf86b2}.skill-ward{border-bottom-color:#629bd0}.battle-skill:focus-visible{outline:3px solid #367e5b;outline-offset:3px}@media(max-width:700px){.skill-panel{padding:14px}.skill-loadout{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-library{grid-template-columns:1fr}.battle-skill{min-width:100px;flex:1}.skill-panel>header{align-items:flex-start}}.hero-passive{padding:14px 16px;margin:14px 0;border:1px solid #d6dfc8;border-radius:12px;background:#f0f5e8;color:#405b3e}.hero-passive small{font-size:11px;color:#607952}.hero-passive h3{margin:5px 0;font-size:16px}.hero-passive p{margin:4px 0;font-size:12px;line-height:1.8}.hero-passive>span{display:block;font-size:11px;line-height:1.7;color:#6c7e62}.creator-ai-intro{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#edf4e6;border:1px solid #d4dfc5;border-radius:12px;color:#3b5940}.creator-ai-intro>svg{flex:none;margin-top:3px}.creator-ai-intro p{margin:0;line-height:1.7}.creator-ai-steps{padding-left:24px}.creator-ai-steps>li{padding:8px 0 18px 7px;line-height:1.7}.creator-ai-steps>li>strong{font-size:16px}.creator-ai-fields{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin:12px 0}.creator-ai-fields input{width:100%;min-width:0}.creator-ai-modal .muted{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.creator-ai-config{min-height:165px;font:12px/1.8 ui-monospace,SFMono-Regular,monospace;white-space:pre;overflow:auto}.creator-ai-prompt{min-height:150px;line-height:1.8}.creator-ai-placeholder{border:1px dashed #c7d3bc;border-radius:10px;padding:16px;color:#71806b}.creator-ai-status{padding:12px 16px;border-radius:10px;background:#edf5e6;color:#365b3e;line-height:1.6}.creator-ai-connections{border-top:1px solid #dce3d3;padding-top:12px}.creator-ai-connections>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.creator-ai-connections h3{margin:8px 0}.creator-ai-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e3e7db}.creator-ai-connection>div{min-width:0;overflow-wrap:anywhere}.creator-ai-connection small{display:block;color:#74816d;font-size:11px;line-height:1.7}.creator-ai-connection .button{flex-shrink:0;min-height:44px}.creator-ai-modal textarea{width:100%;max-width:100%}@media(max-width:600px){.creator-ai-fields{grid-template-columns:minmax(0,1fr)}.creator-ai-steps{padding-left:18px}.creator-ai-steps>li{padding-left:3px}.creator-ai-intro{padding:12px}.creator-ai-connection{gap:8px}.creator-ai-config{font-size:11px}}.creator-progress{display:flex;list-style:none;padding:0;gap:10px;flex-wrap:wrap;margin:20px 0}.creator-progress li{background:#edf3e6;border:1px solid #dbe7d0;border-radius:9px;padding:10px 15px;font-size:13px;color:#5c7452}.creator-progress li.active{background:#3b6d50;color:#fff}.creator-task-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.creator-task-card,.creator-task-brief,.creator-project-form{padding:24px;background:#fffef9;border:1px solid #dce5d4;border-radius:16px;margin-bottom:20px}.creator-task-card h3,.creator-task-brief h3,.creator-project-form h3{color:#2f563c;line-height:1.5;margin:12px 0}.creator-task-card p,.creator-task-brief p{white-space:pre-wrap;color:#62725d;line-height:1.8;font-size:14px}.creator-task-card ol,.creator-task-brief ol{padding-left:22px;color:#53634c;font-size:13px;line-height:1.9}.creator-task-card small{display:block;color:#7a876d;margin:16px 0}.creator-task-card .button{margin-top:10px}.creator-task-brief h3{display:flex;gap:9px;align-items:center}.creator-project-form .field-label,.creator-task-form .field-label{display:block;margin:18px 0 8px}.creator-project-form .text-input,.creator-task-form .text-input{margin-top:8px}.creator-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.8;color:#4e6647;margin:20px 0}.creator-check input,.creator-acceptance input,.creator-assignees input{margin-top:5px;accent-color:#3d7653;flex-shrink:0}.creator-code{padding:18px 0;color:#536b48}.creator-code summary{cursor:pointer;padding:6px}.creator-code pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;background:#f0f4eb;padding:16px;font-size:12px;border-radius:10px}.creator-legacy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px;margin-top:24px;border-top:1px solid #dce6d2;color:#708262;font-size:13px}.creator-game-card{border-radius:16px;overflow:hidden;border:1px solid #d6e4d3;background:#fffef8}.creator-game-cover{display:flex;gap:15px;align-items:center;position:relative;padding:28px;color:#d6f0df;background:radial-gradient(at 90% 20%,#61936d,#244b49);min-height:125px}.creator-game-cover>span{position:absolute;right:20px;font-weight:900;font-size:88px;opacity:.12}.creator-game-cover small{position:absolute;right:14px;top:14px;background:#fffef0ee;color:#3e6846;padding:5px 9px;border-radius:12px}.creator-game-cover strong{font-size:18px}.creator-game-card details{font-size:13px;line-height:1.8;color:#5c6e51}.creator-game-card summary{cursor:pointer}.creator-task-form{padding:0 4px 20px}.creator-assignees,.creator-acceptance{border:1px solid #dde6d2;border-radius:12px;padding:16px;margin:20px 0;color:#4a6444;font-size:13px}.creator-assignees label,.creator-acceptance label{display:flex;gap:10px;margin:9px 0;line-height:1.8}.creator-record{white-space:pre-wrap;font-size:13px;line-height:1.8}.creator-record strong{display:block}.creator-result{background:#eaf5e2;padding:12px 18px;color:#3f683c;border-radius:9px;font-size:13px}.game-sandbox{margin:20px 0;min-width:0}.game-sandbox iframe{display:block;width:100%;height:740px;max-height:85vh;border:1px solid #24424c;border-radius:14px;background:#102d40}.custom-player{min-height:100vh;background:#f2f5ed;padding:14px 24px}.custom-player>header{display:flex;gap:18px;align-items:center;max-width:1400px;margin:auto;padding:10px 0}.custom-player>header>div{flex:1;display:grid;gap:6px;color:#315c3e}.custom-player small{color:#76866a;font-size:12px}.custom-instructions{max-width:1400px;margin:12px auto;font-size:13px;color:#5b714e;line-height:1.8}.custom-instructions summary{cursor:pointer}.custom-player>.game-sandbox{max-width:1400px;margin:0 auto}.custom-player>.game-sandbox iframe{height:calc(100vh - 140px);max-height:none}.custom-player .game-loading{min-height:250px}@media(max-width:1000px){.creator-task-grid{grid-template-columns:1fr}}@media(max-width:650px){.custom-player{padding:8px}.custom-player>header{flex-wrap:wrap}.creator-task-card,.creator-task-brief,.creator-project-form{padding:17px}.creator-progress li{padding:8px}.game-sandbox iframe{height:750px}}.mode-update-note,.mode-current-release{padding:12px 14px;border-radius:10px;background:#edf4e7;color:#3f6247;white-space:pre-wrap;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.mode-update-note strong{display:block;margin-bottom:4px}.mode-current-release{margin-top:14px}.mode-current-release p{margin:0 0 10px}.mode-version-history{border-top:1px solid #dce5d4;padding-top:14px;margin-top:18px;overflow-wrap:anywhere}.mode-version-history>summary{padding:8px 0;cursor:pointer;color:#426649;font-weight:600}.mode-version-history ol{list-style:none;padding:0;margin:8px 0}.mode-version-history li{padding:12px 0;border-bottom:1px solid #e3e9dc}.mode-version-history li>small{display:block;color:#718064;margin:4px 0}.mode-version-history li>p{white-space:pre-wrap;margin:8px 0}.creator-game-card,.community-card{min-width:0}.community-card-body h3,.community-card-body p{overflow-wrap:anywhere}.mode-tabs{display:flex;align-items:center;gap:8px;padding:8px;background:#edf2ec;border:1px solid #dce7db;border-radius:14px;margin:18px 0 24px;flex-wrap:wrap}.mode-tabs>button{display:flex;align-items:center;gap:8px;min-height:44px;border:0;background:transparent;color:#526b59;padding:10px 16px;border-radius:9px;cursor:pointer;font-weight:600}.mode-tabs>button[aria-selected=true]{background:#fff;color:#235738;box-shadow:0 2px 8px #263d1710}.mode-tabs small{background:#e3eddf;border-radius:12px;padding:2px 7px}.mode-tabs>.mode-refresh{margin-left:auto}.mode-tabs button:focus-visible,.community-page button:focus-visible,.mode-review button:focus-visible{outline:3px solid #7b9e5c;outline-offset:3px}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.community-card{border:1px solid #e1e5d9;border-radius:18px;background:#fffef9;overflow:hidden;box-shadow:0 5px 22px #35492b06}.community-cover{height:160px;position:relative;background:#295c48;overflow:hidden}.community-cover img{width:100%;height:100%;object-fit:cover;opacity:.85}.community-cover.theme-river img{filter:hue-rotate(25deg)}.community-cover.theme-sunset img{filter:sepia(.45)}.mode-status{display:inline-flex;padding:6px 11px;border-radius:20px;background:#edf5e8;color:#315736;font-size:12px;font-weight:700;white-space:nowrap}.community-cover>.mode-status{position:absolute;left:16px;top:15px;background:#fffef5ed}.mode-cover-label{position:absolute;bottom:0;left:0;right:0;padding:30px 18px 14px;background:linear-gradient(transparent,#14382ee8);color:#fff;font-weight:600}.community-card-body{padding:22px}.community-card h3,.mode-review-card h3{margin:0 0 7px;color:#284e38;font-size:21px}.community-card-body>small,.mode-review-title small{color:#667564;font-size:12px}.community-card p,.mode-guide p,.mode-details,.mode-review-card>p{line-height:1.8;color:#596958;overflow-wrap:anywhere}.mode-section-note{font-size:13px;line-height:1.8;color:#687762}.mode-feedback{white-space:pre-wrap;padding:12px 16px;border-left:3px solid #b89658;background:#fcf4df;border-radius:0 8px 8px 0;font-size:13px;overflow-wrap:anywhere}.mode-card-details{padding:12px 0;border-top:1px solid #e7eadf}.mode-card-details>summary,.mode-details summary{cursor:pointer;color:#3e6543;font-weight:600;padding:5px 0}.mode-details p{margin:12px 0;white-space:pre-wrap;font-size:13px}.mode-details p>strong,.mode-details p>span{display:block}.mode-details pre{max-height:320px;overflow:auto;padding:14px;background:#f1f3ec;border-radius:8px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mode-stats{display:grid;gap:6px;font-size:12px;margin:12px 0}.mode-stats>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #dce3d6;padding:6px 0}.mode-stats dd{margin:0;text-align:right}.mode-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.mode-empty{text-align:center;padding:44px 24px;border:1px dashed #bdcbb6;border-radius:15px;background:#fafcf5;color:#5d7453}.mode-empty .button{margin:12px auto 0}.mode-error{padding:12px 15px;border-radius:9px;background:#fff0e9;color:#923d28;line-height:1.7}.mode-textarea{min-height:115px;resize:vertical;line-height:1.7;margin:8px 0 15px}.mode-snapshot-note{display:grid;gap:7px;padding:16px;border-radius:12px;background:#f0f5e9;color:#3c5d34;font-size:13px}.mode-snapshot-note strong{font-size:19px}.mode-snapshot-note small{line-height:1.7}.mode-guide{background:#fffef9;border:1px solid #e2e8d8;border-radius:18px;padding:28px}.mode-guide-lead{display:flex;gap:16px;align-items:flex-start;color:#487043}.mode-guide-lead h3{margin:0 0 8px;color:#315337;font-size:21px}.mode-guide-lead p{margin:0}.mode-guide-steps{padding-left:27px;margin:20px 0}.mode-guide-steps li{padding:5px 0 12px 9px}.mode-guide-steps li::marker{color:#4b7541;font-weight:800}.mode-guide-steps h4{margin:6px 0;color:#315639;font-size:16px}.mode-guide-steps p{font-size:14px;margin:7px 0}.mode-example{background:#f5f2e2;border:1px solid #e7dfc3;border-radius:12px;padding:18px;color:#65522b}.mode-example p{font-size:14px}.mode-example small{line-height:1.7}.mode-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.mode-guide-grid p{display:grid;gap:8px;padding:16px;background:#f2f6ee;border-radius:12px;margin:0;font-size:13px}.mode-guide-grid strong{color:#3e6141}.mode-flow{display:flex;align-items:center;gap:10px;padding:14px 0;color:#375f3b!important;font-weight:600;flex-wrap:wrap}.mode-review-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:18px 0}.mode-review-toolbar label{display:flex;gap:10px;align-items:center;font-size:13px}.mode-review-toolbar select{width:auto;min-width:150px}.mode-review-card{padding:22px;border:1px solid #dce4d4;background:#fffef9;border-radius:14px;margin:18px 0}.mode-review-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.mode-review-card .field-label{margin-top:20px}.workshop-main-actions{flex-wrap:wrap}.workshop-mode-note{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:12px 16px;background:#edf4e7;border:1px solid #d6e3ce;border-radius:10px;line-height:1.7;font-size:13px;color:#48613e}.workshop-mode-note>span{flex:1}.workshop-mode-note button{white-space:nowrap}.home-community-banner{margin:24px 0;padding:22px;border:1px solid #d7e4ce;border-radius:15px;background:#eef5e7;display:flex;align-items:center;gap:18px}.home-community-banner>div{flex:1}.home-community-banner h3{margin:0 0 7px;color:#315638}.home-community-banner p{margin:0;font-size:13px;line-height:1.7;color:#67745e}@media(max-width:1000px){.community-grid{grid-template-columns:1fr}.workshop-heading{flex-wrap:wrap;gap:18px}}@media(max-width:650px){.mode-guide{padding:18px}.mode-guide-grid{grid-template-columns:1fr}.mode-review-toolbar,.home-community-banner,.mode-review-title,.workshop-mode-note{flex-wrap:wrap}.mode-tabs>button{padding:10px}.community-card-body{padding:17px}}.companion-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.companion-modes>button{display:flex;align-items:center;gap:12px;border:1px solid #d7e1cc;background:#fffdf6;border-radius:12px;padding:17px;text-align:left;color:#526b49;font:inherit;min-height:74px;cursor:pointer}.companion-modes>button[aria-pressed=true]{background:#eaf1df;border-color:#69916c;box-shadow:inset 0 0 0 1px #69916c}.companion-modes span{display:grid;gap:7px}.companion-modes small,.companion-picker p{font-size:12px;line-height:1.8}.companion-modes strong{font-size:15px}.companion-count{color:#356a50;font-weight:600}.companion-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.companion-options>button{display:flex;align-items:center;gap:8px;position:relative;min-height:86px;padding:10px;border:1px solid #dce3cd;border-radius:10px;background:#fffdf6;text-align:left;font:inherit;color:#526b49;cursor:pointer}.companion-options>button[aria-pressed=true]{background:#eaf1df;border-color:#69916c}.companion-options>button:disabled:not([aria-pressed=true]){opacity:.45;cursor:not-allowed}.companion-options>button>svg{position:absolute;top:7px;right:7px;color:#356a50}.companion-options .hero-portrait{width:34px;height:46px;flex-shrink:0}.companion-options button>span:last-of-type{display:grid;gap:5px;min-width:0}.companion-options strong{font-size:13px}.companion-options small{font-size:10px;line-height:1.5}.companion-healer{color:#357b56}.companion-member{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e1e7d8}.companion-member:last-child{border-bottom:0}.companion-member>.hero-portrait{width:37px;height:49px;flex-shrink:0}.companion-member>div{flex:1;min-width:0;display:grid;gap:7px}.companion-member strong{display:flex;justify-content:space-between;font-size:13px;color:#356a50}.companion-member small{font-size:10px;color:#65785c}.companion-member progress{width:100%;height:7px;accent-color:#4d9365}.boss-move-hint{font-size:12px;line-height:1.7}.duel-boss-move{text-align:center;padding:9px;background:#493b40;color:#fff4d9}@media(max-width:700px){.companion-options{grid-template-columns:repeat(2,minmax(0,1fr))}.companion-modes{grid-template-columns:1fr}.companion-modes>button{min-height:64px}.companion-options>button{min-height:82px}}.companion-mobile-team{display:none}.campaign-game:has(.touch-controls) .companion-mobile-team{display:block;flex-shrink:0;margin-bottom:6px}.companion-mobile-team .companion-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:7px;margin:0}.companion-mobile-team .duel-section-label{display:none}.companion-mobile-team .companion-member{padding:0;border:0;gap:5px;min-width:0}.companion-mobile-team .companion-member>.hero-portrait{width:22px;height:29px}.companion-mobile-team .companion-member>div{gap:4px}.companion-mobile-team .companion-member strong{font-size:10px}.companion-mobile-team .companion-member strong small{display:none}.companion-mobile-team .companion-member>div>small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.companion-mobile-team .companion-member progress{height:5px}.companion-mobile-team>small{display:block;font-size:9px;padding:4px 8px;color:#855e3e;background:#fff0d7}@media(max-height:500px){.companion-mobile-team .companion-team{padding:4px}.companion-mobile-team .companion-member>.hero-portrait{display:none}}.economy-world{color:#385440}.economy-world .world-map-heading{margin-bottom:18px}.world-coin-balance{display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #e7d8aa;border-radius:10px;background:#faf4df;color:#876426;font-size:12px;white-space:nowrap}.world-coin-balance b{font-size:21px;font-variant-numeric:tabular-nums}.economy-stock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.economy-stock>div{padding:15px 17px;border:1px solid #dbe3ce;border-radius:10px;background:#f3f5e9}.economy-stock>div>span{display:flex;justify-content:space-between;font-size:12px;gap:8px}.economy-stock small{font-size:10px;font-weight:400;color:#748266}.economy-stock strong{display:block;font-size:25px;margin:10px 0;font-variant-numeric:tabular-nums}.economy-world progress{width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;background:#dfe6d1;display:block;accent-color:#6e8a53}.economy-world progress::-webkit-progress-bar{background:#dfe6d1}.economy-world progress::-webkit-progress-value{background:#6e8a53;border-radius:10px}.economy-stock .stock-full{border-color:#c1ab71}.economy-stock .stock-full>span small{color:#947031}.economy-production{border:1px solid #cad9be;border-radius:13px;background:linear-gradient(125deg,#eaf1df,#f4f6eb);padding:20px;margin-bottom:23px}.economy-production-title{display:flex;align-items:center;gap:12px}.economy-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:#dce7c9;color:#527246;flex-shrink:0}.economy-production-title h3{font-size:15px;margin:0 0 5px}.economy-production-title p,.economy-tip{font-size:11px;line-height:1.8;color:#6c7e5e;margin:0}.economy-refresh{margin-left:auto;min-width:44px;min-height:44px;display:grid;place-items:center;color:#627958;border-radius:8px;border:1px solid #d0ddc1}.economy-yields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:15px;margin:20px 0 14px}.economy-yields>div{display:grid;gap:6px;border-right:1px solid #d3dfc5;padding-right:10px}.economy-yields span{font-size:11px;color:#65795c}.economy-yields strong{font-size:24px;font-variant-numeric:tabular-nums}.economy-yields small{font-size:11px;color:#627a52}.economy-yields button{min-height:44px}.economy-construction{display:flex;gap:14px;align-items:center;padding:18px;background:#f2f4e7;border:1px dashed #c3d0b4;border-radius:11px;margin:20px 0 12px}.economy-construction>svg{flex-shrink:0;color:#84926e}.economy-construction>div{flex:1;min-width:0}.economy-construction strong{font-size:13px;line-height:1.6}.economy-construction p{font-size:11px;line-height:1.8;color:#778367;margin:5px 0 0}.economy-construction progress{margin-top:10px}.economy-construction.working{background:#faf4e5;border-style:solid;border-color:#dec999}.economy-construction.working>svg{color:#a77c37}.economy-construction.working progress::-webkit-progress-value{background:#b38c46}.construction-countdown{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#8e703a;font-size:14px}.economy-world .camp-diorama{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:165px;gap:0;margin-top:0}.economy-world .camp-model{width:auto;min-width:0;transform:scale(.85)}.camp-lumber .camp-roof{background:#587c4b;clip-path:polygon(5% 100%,20% 45%,30% 70%,50% 0,75% 60%,80% 45%,100% 100%)}.camp-lumber .camp-house{background:repeating-linear-gradient(0deg,#b08e5f 0,#b08e5f 10px,#99784f 11px,#99784f 14px);height:32px}.camp-quarry .camp-roof{background:#8a9383;clip-path:polygon(0 100%,15% 35%,40% 45%,60% 0,90% 25%,100% 100%)}.camp-quarry .camp-house{background:repeating-linear-gradient(0deg,#a6ad9c 0,#a6ad9c 12px,#899380 13px,#899380 15px);border-right-color:#77816d;height:35px}.camp-quarry .camp-house i,.camp-lumber .camp-house i{display:none}.camp-warehouse .camp-roof{background:#9a8256}.camp-warehouse .camp-house{background:#c9ba93;border-right-color:#9a8c69}.economy-world .camp-model.under-construction{opacity:.8;filter:none}.camp-model.under-construction small{color:#886320;background:#f5e9c7;border-radius:4px;padding:2px 5px}.economy-world .camp-building-cards{gap:13px}.economy-world .camp-building-cards article{padding:17px;display:flex;flex-direction:column;min-width:0}.economy-world .camp-building-cards h4{color:#3d5941;font-size:14px}.building-type-icon{width:32px;height:32px;border-radius:8px;background:#edf1e2;display:grid;place-items:center;flex-shrink:0}.economy-world .camp-building-cards h4>span:last-child{white-space:nowrap}.economy-world .camp-building-cards p{font-size:12px;min-height:42px;margin-bottom:13px;color:#6f7e61}.building-benefit{padding:11px;background:#eef3e4;border-radius:7px;display:grid;gap:5px;margin-bottom:14px;min-height:58px;align-content:center}.building-benefit span{font-size:10px;color:#768568;line-height:1.6}.building-benefit strong{font-size:11px;font-weight:600;color:#547247;line-height:1.7}.building-cost{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:auto 0 12px;font-size:11px;color:#778568;min-height:20px}.building-cost span{display:flex;align-items:center;gap:3px;white-space:nowrap}.building-cost span:last-child{margin-left:auto}.building-cost .cost-short{color:#a34836}.economy-world .camp-building-cards button{min-height:44px;font-size:12px;padding:10px}.economy-world .building-working{border-color:#cfb77c;background:#fffaf0}.economy-world .camp-construction>.economy-tip{margin-top:14px}.economy-world button:focus-visible{outline:3px solid #a38139;outline-offset:3px}.economy-world .world-node-picker>button{min-height:38px}@media(max-width:1200px){.economy-world .camp-building-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.economy-world .camp-diorama{grid-template-columns:repeat(3,minmax(0,1fr))}.economy-world .camp-model{min-height:125px}.economy-stock>div>span{flex-wrap:wrap}}@media(max-width:580px){.economy-world .world-map-heading{align-items:stretch;gap:12px}.world-coin-balance{align-self:flex-start;padding:8px 12px}.world-coin-balance b{font-size:18px}.economy-stock{gap:6px}.economy-stock>div{padding:10px}.economy-stock>div>span{font-size:11px}.economy-stock strong{font-size:21px}.economy-stock strong small{display:block;margin-top:4px}.economy-stock>div>span>small{font-size:9px}.economy-production{padding:14px}.economy-production-title{gap:9px}.economy-production-title h3{font-size:13px}.economy-production-title p{font-size:10px}.economy-icon{width:36px;height:36px}.economy-yields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.economy-yields>div{padding-right:4px}.economy-yields>div:nth-child(3){border:0}.economy-yields>button{grid-column:1/-1;width:100%;margin-top:3px}.economy-yields strong{font-size:22px}.economy-yields small{font-size:10px}.economy-construction{gap:10px;flex-wrap:wrap;padding:14px}.economy-construction>div{flex-basis:calc(100% - 40px)}.construction-countdown{margin-left:33px;font-size:13px}.economy-world .camp-building-cards{grid-template-columns:1fr}.economy-world .camp-building-cards p{min-height:0}.economy-world .camp-diorama{min-height:0;margin-bottom:18px}.economy-world .camp-model{transform:scale(.85);scale:1;min-height:120px}.economy-world .camp-construction .duel-section-label>span{margin-left:0;line-height:1.8}.economy-world .world-node-picker>button{min-height:44px}}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.account-tabs button{border:1px solid #dce3cf;border-radius:10px;padding:13px 8px;background:#fffdf5;color:#536c50;font:inherit;cursor:pointer}.account-tabs button[aria-pressed=true]{background:#e8efda;border-color:#8fa979;font-weight:600}.account-claim{display:flex;align-items:flex-start;gap:11px;padding:16px 0;margin:6px 0;cursor:pointer}.account-claim input{accent-color:#356a50;width:19px;height:19px;flex-shrink:0}.account-claim span{display:grid;gap:5px}.account-claim strong{font-size:13px}.account-claim small,.account-help{font-size:12px;line-height:1.9;color:#65785c}.account-help{margin:18px 0}.account-status{display:flex;gap:12px;align-items:center;background:#edf2e2;padding:18px;border-radius:13px;color:#356a50;margin:22px 0}.account-status span{display:grid;gap:7px}.account-status small{font-size:11px;line-height:1.7}.account-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.account-heroes>div{display:flex;align-items:center;gap:8px;padding:10px 6px;border:1px solid #e1e6d6;border-radius:10px;min-width:0}.account-heroes .hero-portrait{width:35px;height:42px;flex-shrink:0;border-radius:8px}.account-heroes>div>span:last-child{display:grid;gap:5px}.account-heroes strong{font-size:12px}.account-heroes small{font-size:9px;line-height:1.7;color:#65785c}.account-notice{display:flex;align-items:center;gap:13px;padding:13px 18px;border:1px solid #dbe3cd;background:#f5f6e9;border-radius:12px;margin-bottom:22px}.account-notice span{flex:1;font-size:12px;line-height:1.8;color:#65785c}.account-notice strong{color:#356a50}.account-notice button{border:0;background:#356a50;color:#fffdf3;padding:11px 15px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.profile-button .account-tag{font-size:10px;color:#65785c;margin-left:4px}.account-dialog .text-input{margin-bottom:8px}@media(max-width:650px){.account-heroes{grid-template-columns:repeat(2,minmax(0,1fr))}.account-notice{align-items:flex-start;padding:12px;gap:9px}.account-notice>svg{display:none}.account-notice button{padding:10px}.profile-button .account-tag{display:none}}.parent-dialog{width:min(940px,94vw)}.parent-intro{display:flex;align-items:flex-start;gap:14px;padding:17px;background:#edf2e2;border-radius:11px;margin:22px 0;color:#526d49}.parent-intro svg{flex-shrink:0}.parent-intro p{font-size:12px;line-height:1.9;margin:0}.parent-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px}.parent-layout nav{display:flex;flex-direction:column;gap:10px}.parent-layout nav>button{display:flex;gap:11px;align-items:center;text-align:left;padding:15px;border:1px solid #dce3cd;border-radius:11px;background:#fffdf6;color:#526b49;font:inherit;cursor:pointer}.parent-layout nav>button[aria-pressed=true]{background:#e7eed9;border-color:#8fa474}.parent-layout nav>button span{display:grid;gap:8px}.parent-layout nav small{font-size:10px;line-height:1.7}.parent-controls h3{font-size:20px;color:#356a50}.parent-controls h4{font-size:14px;margin:23px 0 12px}.parent-time{display:flex;gap:13px;align-items:center;margin:20px 0;color:#6b8055}.parent-time span{font-size:12px;display:grid;gap:8px}.parent-time small{font-size:11px}.parent-pause{display:flex;align-items:center;gap:10px;font-size:13px;padding:15px;background:#f4eee0;border-radius:10px}.parent-pause input,.parent-mode-switches input{width:20px;height:20px;accent-color:#356a50}.parent-mode-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.parent-mode-switches label{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #dce3cd;border-radius:9px;padding:12px;font-size:12px;min-height:45px}.parent-hero-summary{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.parent-hero-summary span{font-size:10px;background:#f0f3e6;padding:8px;border-radius:6px}.parent-hero-summary b{color:#356a50;margin-left:5px}.parent-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:300px;text-align:center;color:#7b8d67}.parent-empty h3{font-size:18px}.parent-empty p{font-size:12px}.parent-message{font-size:13px;line-height:1.8;padding:15px;background:#edf2e2;border-radius:10px;margin:20px 0 0;color:#356a50}.play-time-notice{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.8;margin-bottom:20px;color:#6b8055}.mode-unavailable{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#65785c;text-align:center}.mode-unavailable h2{font-size:24px}.mode-unavailable p{font-size:13px;line-height:1.9}@media(max-width:650px){.parent-layout{grid-template-columns:1fr}.parent-layout nav{display:grid;grid-template-columns:1fr 1fr}.parent-mode-switches{grid-template-columns:1fr}.parent-layout nav>button{padding:10px;gap:8px}.parent-layout nav>button strong{font-size:12px}.parent-layout nav>.account-help{grid-column:1/-1}.parent-intro{padding:12px}.parent-empty{min-height:170px}}.parent-create{border:1px solid #dce3cd;border-radius:10px;margin:0 0 22px;padding:14px 17px}.parent-create summary{cursor:pointer;font-size:13px;color:#356a50}.parent-create form{display:grid;grid-template-columns:1fr;max-width:460px;padding:12px 0}.parent-create form>.button{margin-top:16px}.guest-migration{padding:14px;background:#f3f5e8;border-radius:9px;display:grid;gap:10px}.guest-migration small{font-size:10px;line-height:1.9;color:#7b8c69}.guest-migration code{font-size:11px;word-break:break-all;color:#526c49}.account-tabs button:disabled{opacity:.5;cursor:not-allowed}.database-export{margin-top:24px;padding:24px;border:1px solid #dce3cd;border-radius:14px;background:#fffdf6;color:#526b49}.database-export-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:14px;background:#edf2e2;color:#356a50}.database-export h2{font-size:22px;margin:18px 0 12px;color:#356a50}.database-export p,.database-export li{font-size:13px;line-height:1.9}.database-export ul{padding-left:20px;margin:18px 0}.database-export .button{min-height:44px}.database-export .button:disabled{opacity:.65;cursor:wait}@media(max-width:650px){.database-export{padding:18px}.database-export .button{width:100%;justify-content:center}}.database-file{display:block;width:100%;min-width:0;min-height:44px;padding:9px;border:1px solid #dce3cd;border-radius:9px;background:#fffdf6;color:#526b49;font:inherit;font-size:13px}.database-file::file-selector-button{min-height:32px;margin-right:12px;border:0;border-radius:6px;padding:6px 12px;background:#edf2e2;color:#356a50;cursor:pointer}.database-import-preview{padding:18px;border:1px solid #cbd9bb;border-radius:11px;background:#f4f7eb}.database-import-preview h3{font-size:16px;margin:0;color:#356a50}.database-filename{overflow-wrap:anywhere}.database-import-preview dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.database-import-preview dl>div{display:grid;gap:8px}.database-import-preview dt{font-size:12px}.database-import-preview dd{margin:0;color:#356a50;font-size:22px;font-weight:600;overflow-wrap:anywhere}.database-import-confirm{display:flex;align-items:flex-start;gap:10px;min-height:44px;margin:18px 0;font-size:13px;line-height:1.8;cursor:pointer}.database-import-confirm input{flex-shrink:0;width:20px;height:20px;margin-top:2px;accent-color:#356a50}.database-import-actions{display:flex;flex-wrap:wrap;gap:12px}.database-import .button:disabled{cursor:not-allowed}@media(max-width:650px){.database-import-preview{padding:14px}.database-import-preview dl{grid-template-columns:repeat(2,minmax(0,1fr))}.database-import-actions{flex-direction:column}.database-import .button{width:100%;justify-content:center}}.bag-page h1,.study-center h1,.voice-studio h1{display:flex;align-items:center;gap:12px}.bag-hero-picker{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:24px 0}.bag-hero-picker button{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid #dae2ce;border-radius:12px;padding:13px 5px;background:#fffdf3;color:#577151;cursor:pointer}.bag-hero-picker button.selected{border-color:#67946a;background:#eaf1db;box-shadow:0 0 0 2px #68916b18}.bag-hero-picker .hero-portrait{width:45px;height:45px}.bag-hero-picker strong{font-size:12px}.bag-hero-picker small{font-size:9px;color:#7d8b6c}.bag-summary{display:flex;gap:20px;flex-wrap:wrap}.bag-summary>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#748263}.bag-summary b{font-size:23px;color:#3e694c}.bag-batch,.bag-recovery,.bag-opened,.bag-equipment{border:1px solid #dbe1c9;border-radius:15px;padding:23px;background:#fffdf3;margin:20px 0}.bag-batch{display:flex;align-items:center;gap:17px;background:linear-gradient(110deg,#f5edcc,#fffdf3)}.bag-batch>svg{color:#a3853c;flex-shrink:0}.bag-batch>div{flex:1}.bag-batch h2,.bag-opened h2,.bag-recovery h2,.bag-equipment>h2{font-size:18px;color:#43654b}.bag-batch p,.bag-recovery>p,.bag-equipment>.muted{font-size:11px;line-height:1.8;color:#7c8869;margin:7px 0 12px}.bag-batch label{font-size:10px;display:grid;gap:5px}.bag-batch select,.study-center select,.study-center input,.study-center textarea{padding:10px 12px;border:1px solid #d3dcc3;border-radius:8px;background:#fffef9;color:#476348;font:inherit;max-width:100%}.bag-batch select{font-size:11px}.bag-opened>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:17px}.bag-opened article{padding:15px;border:1px solid var(--rarity);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:#f7f8ee}.bag-opened article strong{font-size:12px;color:#4f6548}.bag-opened article small{font-size:10px;color:var(--rarity)}.bag-opened article p{font-size:9px;line-height:1.8;color:#7c876a}.bag-recovery>div{display:flex;align-items:center;gap:12px;border-top:1px solid #e5e7d6;padding:13px 0;color:var(--loot-color)}.bag-recovery>div>span{flex:1;display:grid;gap:5px}.bag-recovery strong{font-size:12px}.bag-recovery small{font-size:10px;color:#819071}.bag-equipment .equipment-content{max-height:none;overflow:visible;padding:0}.bag-equipment .equipment-showcase{margin-top:20px}.reward-pickup{position:absolute;z-index:7;bottom:20px;left:50%;transform:translate(-50%);width:min(830px,94%);display:flex;align-items:center;gap:17px;padding:19px;border:2px solid var(--loot-color);border-radius:15px;background:linear-gradient(120deg,#fffbeefa,#f6f6e9fa);box-shadow:0 0 28px color-mix(in srgb,var(--loot-color) 40%,transparent);color:#496547}.reward-pickup-icon{width:56px;height:56px;display:grid;place-items:center;background:color-mix(in srgb,var(--loot-color) 20%,white);border-radius:13px;color:var(--loot-color);flex-shrink:0}.reward-pickup>div:nth-child(2){flex:1}.reward-pickup h3{font-size:16px;margin:5px 0}.reward-pickup p{font-size:11px;line-height:1.8}.reward-pickup small{font-size:9px;color:#7c886a}.reward-pickup .eyebrow{color:#8b783d;font-size:9px}.reward-pickup .button{flex-shrink:0}.reward-pickup button:focus-visible{outline:3px solid var(--loot-color);outline-offset:4px}.study-tabs,.studio-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.study-tabs button,.studio-tabs button{display:flex;gap:8px;align-items:center;padding:12px 16px;border:1px solid #dbe2cb;background:#fffdf3;color:#718465;border-radius:9px;cursor:pointer;font-size:12px}.study-tabs button.selected,.studio-tabs button.selected{background:#e9f0d9;color:#3f6d4d;border-color:#8da77e}.study-journey{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px;background:#eaf0dc;border:1px solid #dce4ca;border-radius:13px;color:#6e8958}.study-journey>span{display:flex;gap:8px;align-items:center;font-size:12px}.study-journey b{font-size:10px;color:#93a57d}.study-journey>svg{flex-shrink:0}.study-filters{display:flex;gap:20px;padding:23px 0;flex-wrap:wrap}.study-center label{display:grid;gap:7px;font-size:11px;color:#6f805e}.study-filters select{min-width:130px;font-size:12px}.study-bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.study-bank{padding:24px;border:1px solid #dbe2ca;border-radius:14px;background:#fffdf4}.study-bank-symbol{position:relative;width:65px;height:65px;border-radius:17px;background:#eaf0d8;display:grid;place-items:center;color:#71925c;margin-bottom:16px}.study-bank-symbol>span{position:absolute;bottom:-3px;right:-4px;font-size:11px;font-weight:700;background:#f2dfaa;color:#957630;padding:4px 7px;border-radius:8px}.study-bank .eyebrow{font-size:9px}.study-bank h2{font-size:18px;margin:10px 0}.study-bank p{font-size:11px;line-height:1.9;color:#7f8d6d;margin-bottom:20px}.study-bank-manage{display:flex;gap:16px;margin-top:14px}.study-empty{border:1px dashed #cad7b8;border-radius:14px;padding:55px 25px;text-align:center;color:#83996d}.study-empty>svg{margin:0 auto 15px}.study-empty h2{font-size:21px;color:#526c48}.study-empty p{font-size:12px;line-height:1.9;margin:14px auto 22px;max-width:450px}.study-history{margin-top:35px}.study-history h2{font-size:18px;margin-bottom:15px}.study-history>div{display:flex;align-items:center;gap:16px;border-bottom:1px solid #dde4ce;padding:14px 0;font-size:11px;color:#7e8e6a}.study-history>div>span:first-child{display:grid;gap:6px;flex:1}.study-history strong{font-size:12px;color:#506c48}.study-history small{font-size:10px}.study-history b{color:#5b7a4a;font-size:16px}.study-import{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.study-import-main,.study-import-help{background:#fffdf4;border:1px solid #dce2cb;border-radius:14px;padding:25px}.study-import-main>h2{font-size:22px;color:#486448}.study-import-main>p,.study-import-preview>p{font-size:12px;line-height:1.9;color:#7b896a;margin:10px 0 22px}.study-meta{display:grid;grid-template-columns:2fr 1fr;gap:15px}.study-meta label:first-child{grid-column:1/-1}.study-import-tools{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0}.study-import-tools .button{font-size:10px;padding:10px}.study-file-drop{position:relative;border:1px dashed #b6c69b;border-radius:10px;min-height:130px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#f1f4e7;cursor:pointer;margin:15px 0 24px;overflow:hidden}.study-file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.study-file-drop strong{font-size:13px}.study-file-drop span{font-size:10px}.study-import-main>textarea{width:100%;resize:vertical;min-height:170px;font-family:ui-monospace,monospace;font-size:11px;line-height:1.8}.study-import-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.study-import-help{align-self:start}.study-import-help h3{font-size:16px;color:#5a754f;margin-bottom:20px}.study-import-help h4{font-size:12px;color:#6d865b;margin-top:20px}.study-import-help p{font-size:11px;line-height:1.95;color:#8a9675;margin-top:8px}.study-import-help pre{white-space:pre-wrap;word-break:break-word;font-size:10px;line-height:1.9;background:#f0f3e5;padding:12px;border-radius:7px;margin-top:12px;color:#789064}.study-import-preview{margin-top:30px;border-top:1px solid #d9e0ca;padding-top:22px}.study-import-preview h3{font-size:17px;color:#4c6c49}.study-import-preview article{border:1px solid #dce3cc;background:#f6f7ed;padding:18px;border-radius:10px;margin:14px 0;display:grid;gap:12px}.study-import-preview article>strong{font-size:12px;color:#71885b}.study-option-edit{display:grid;grid-template-columns:1fr 1fr;gap:10px}.study-import-preview input,.study-import-preview textarea{width:100%;font-size:12px}.study-session{max-width:850px;margin:auto}.study-session-head{padding:25px 28px;background:#edf2e1;border:1px solid #dbe3cb;border-radius:15px 15px 0 0}.study-session-head h2{font-family:var(--serif,serif);font-size:26px;color:#49664b;margin:9px 0 18px}.study-session-head>div{display:flex;gap:15px;justify-content:space-between;font-size:12px;color:#7a8c64}.study-session-head progress{width:100%;height:7px;margin-top:16px;accent-color:#6e9662}.study-question,.study-feedback,.study-final{padding:35px;border:1px solid #dbe2c9;border-top:0;background:#fffdf4;border-radius:0 0 15px 15px}.study-question-number{font-size:11px;letter-spacing:.05em;color:#859b69}.study-question h3,.study-feedback h3{font-size:24px;line-height:1.6;color:#405d43;margin:20px 0 25px}.study-answer-options{display:grid;gap:13px}.study-answer-options button{display:flex;gap:18px;align-items:center;min-height:67px;border:1px solid #d6dfc4;background:#f9faf0;color:#5b7450;border-radius:10px;padding:13px 18px;text-align:left;cursor:pointer}.study-answer-options button>b{font-size:15px;background:#e9efd8;border-radius:6px;padding:8px 11px}.study-answer-options button>span{font-size:16px}.study-answer-options button:hover:not(:disabled){border-color:#6e9761;background:#eef4df}.study-answer-options button:focus-visible{outline:3px solid #819e67;outline-offset:3px}.study-question>p{font-size:11px;line-height:1.8;color:#8d9878;margin-top:25px}.study-feedback>p{font-size:13px;line-height:1.9;color:#7e8b6a;margin:14px 0}.study-feedback>strong{font-size:17px;color:#668451}.study-feedback.wrong>strong{color:#a17d3d}.study-explanation{padding:18px;background:#eef2e1;border-left:3px solid #8ba56c;border-radius:6px}.study-feedback>.button{display:flex;margin-top:25px}.study-final{text-align:center}.study-score{font-size:68px;color:#a68a42;font-family:var(--serif,serif)}.study-score small{font-size:22px}.study-final.passed .study-score{color:#638c59}.study-final h3{font-size:25px;color:#536f49;margin:15px 0}.study-final>p{font-size:12px;line-height:1.9;color:#81906c;margin-bottom:25px}.study-final>.button{margin:5px}.study-boss-options{display:flex;gap:15px;justify-content:center;margin:20px 0}.study-review-list{text-align:left;margin-top:35px;border-top:1px solid #dce2cb;padding-top:25px}.study-review-list h4{font-size:15px;color:#5c7750}.study-review-list article{margin-top:13px;padding:16px;background:#f3f6e9;border-left:3px solid #9ab77c;border-radius:5px}.study-review-list article.wrong{border-color:#c6a269;background:#f7f1e3}.study-review-list strong{font-size:12px;color:#657f54}.study-review-list p,.study-review-list small{font-size:11px;line-height:1.8;color:#879371;display:block;margin-top:7px}.studio-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.1fr);gap:25px;margin-top:25px}.studio-targets,.studio-recorder{padding:28px;border:1px solid #d9e2c8;border-radius:16px;background:#fffdf4;min-width:0}.studio-layout h2{font-size:18px;color:#56734d}.studio-tabs{gap:6px}.studio-tabs button{font-size:10px;padding:10px}.studio-script{background:#eef2e0;border:1px solid #dce5c9;border-radius:10px;padding:20px;margin:22px 0;color:#647e53}.studio-script>span{font-size:10px;color:#99a582}.studio-script p{font-family:var(--serif,serif);font-size:23px;line-height:1.9;margin-top:13px}.studio-targets>.text-button{display:flex;gap:6px;align-items:center}.studio-recorder{text-align:center;background:radial-gradient(ellipse at 50% 34%,#f1e9c6,transparent 55%),#fffdf3}.studio-recorder h2{text-align:left}.record-orb{position:relative;display:grid;place-items:center;width:126px;height:126px;border-radius:50%;background:linear-gradient(140deg,#8ba66d,#467454);color:#fff6d8;box-shadow:0 0 0 12px #8eaa6e13,0 12px 26px #536e4126;margin:45px auto 30px}.is-recording .record-orb{background:linear-gradient(140deg,#d39577,#a7554c)}.record-orb i{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:2px solid #cc8d77;border-radius:50%;animation:record-pulse 1.4s ease-out infinite}.studio-recorder h3{font-family:var(--serif,serif);font-size:24px;color:#54714b}.studio-recorder>p{font-size:11px;line-height:1.9;color:#8a9674;margin:13px 0 23px}.studio-record-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.studio-record-actions label{position:relative;overflow:hidden;cursor:pointer}.studio-record-actions input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.studio-record-actions label.disabled{opacity:.5;cursor:default}.studio-recorder>small{font-size:10px;line-height:1.9;color:#8d987b;display:block;margin-top:25px}.recording-button{background:#b66455;color:#fff}.studio-preview{display:grid;gap:17px;margin-top:25px;padding:18px;border:1px solid #d3ddbf;border-radius:12px;background:#eef3e0}.studio-preview strong{font-size:12px;color:#6d8559;overflow-wrap:anywhere}.studio-preview audio{width:100%;height:40px}.studio-preview>.button{justify-content:center}.voice-studio .form-error{font-size:12px;text-align:left;margin-top:20px}.modal .voice-studio h1{font-size:23px}.modal .studio-layout{grid-template-columns:1fr}.modal .voice-studio .family-pill{display:none}@keyframes record-pulse{0%{scale:.94;opacity:1}to{scale:1.12;opacity:0}}@media(min-width:851px){.sidebar nav{min-height:0;overflow-y:auto}.sidebar-note{margin-top:12px}.sidebar-spacer{min-height:10px}}@media(max-width:1100px){.bag-hero-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.bag-batch{flex-wrap:wrap}.bag-batch>div{min-width:200px}.study-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-import{grid-template-columns:1fr}.study-import-help{display:grid;grid-template-columns:1fr 1fr;gap:10px}.study-import-help h3{grid-column:1/-1}.studio-layout{gap:16px}.studio-targets,.studio-recorder{padding:22px}.study-journey{flex-wrap:wrap;justify-content:flex-start}.study-journey>span{min-width:135px}.study-journey>svg:last-of-type{display:none}}@media(max-width:700px){.studio-layout{grid-template-columns:1fr}.bag-opened>div{grid-template-columns:repeat(2,minmax(0,1fr))}.study-center .page-heading,.bag-page .page-heading,.voice-studio .page-heading{align-items:flex-start;gap:15px;flex-direction:column}.reward-pickup{gap:10px;padding:13px;flex-wrap:wrap;bottom:12px}.reward-pickup-icon{width:38px;height:38px}.reward-pickup>div:nth-child(2){min-width:180px}.reward-pickup h3{font-size:13px}.reward-pickup p{font-size:10px}.reward-pickup .button{margin-left:auto;font-size:11px;padding:10px 13px}.reward-pickup small{font-size:8px}.study-question,.study-feedback,.study-final{padding:24px}.study-session-head{padding:23px}.study-question h3,.study-feedback h3{font-size:21px}.study-journey>svg{display:none}.study-journey{display:grid;grid-template-columns:1fr 1fr;padding:18px}.study-journey>span{font-size:10px;min-width:0}.study-journey>span>svg{width:18px}.study-session-head>div{flex-wrap:wrap;gap:10px}.study-import-help{display:block}.bag-equipment{padding:15px}.study-import-main{padding:18px}.bag-summary{gap:12px}.bag-batch{padding:17px;gap:12px}.study-boss-options{flex-direction:column}.study-history>div{flex-wrap:wrap}.study-history>div>span:first-child{min-width:150px}}@media(max-width:450px){.bag-hero-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.study-bank-grid,.study-meta{grid-template-columns:1fr}.study-meta label:first-child{grid-column:auto}.study-option-edit{grid-template-columns:1fr}.study-filters{gap:12px}.study-filters label{flex:1}.study-filters select{width:100%;min-width:100px}.bag-batch>label{flex:1}.bag-batch>.button{width:100%;justify-content:center}.study-import-buttons>.button{width:100%;justify-content:center}.studio-script p{font-size:21px}.bag-page h1,.study-center h1,.voice-studio h1{font-size:25px}.study-history .button{padding:9px;font-size:10px}}@media(prefers-reduced-motion:reduce){.record-orb i{animation:none}}.loot-chest-row{border-left:3px solid var(--loot-color,#d2ac58)}.loot-chest-row .chest-visual{color:var(--loot-color,#bd994c);background:color-mix(in srgb,var(--loot-color,#d2ac58) 14%,#fffef6)}.studio-preview label{display:grid;text-align:left;gap:8px;font-size:11px;color:#7c8d68}.studio-preview textarea{width:100%;border:1px solid #cdd9ba;border-radius:8px;padding:10px;background:#fffef6;color:#5c754e;resize:vertical;font-size:12px;line-height:1.8}.curriculum-library{display:grid;gap:22px}.curriculum-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;background:linear-gradient(120deg,#e9efda,#f8f6e9);border:1px solid #dce2cb;border-radius:16px}.curriculum-intro .eyebrow{display:flex;gap:6px;align-items:center}.curriculum-intro h2{font-family:var(--serif,serif);font-size:26px;line-height:1.5;color:#486448;margin:12px 0}.curriculum-intro p{font-size:12px;color:#566b4d;line-height:1.9;max-width:650px}.curriculum-downloads{display:grid;justify-items:center;gap:12px;flex-shrink:0}.curriculum-downloads a{text-decoration:none}.curriculum-scope{border-left:3px solid #ad9566;background:#f5f1e3;border-radius:0 10px 10px 0;padding:16px 20px;color:#675c43;font-size:12px;line-height:1.9}.curriculum-scope p{margin:5px 0 0}.curriculum-filters{display:flex;align-items:end;flex-wrap:wrap;gap:16px}.curriculum-filters label{display:grid;gap:7px;font-size:12px;color:#486448}.curriculum-filters select,.curriculum-filters input{min-height:44px;border:1px solid #ccd6ba;background:#fffdf4;border-radius:8px;padding:10px 12px;color:#486448;font:inherit;min-width:135px}.curriculum-search{flex:1;min-width:190px}.curriculum-filters>span{font-size:12px;color:#566b4d;padding-bottom:12px}.curriculum-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.curriculum-card{display:flex;flex-direction:column;gap:13px;min-width:0;padding:24px;border:1px solid #dce2cb;border-radius:14px;background:#fffdf4}.curriculum-card-top{display:flex;gap:10px;align-items:center}.curriculum-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#e9efda;color:#648153;border-radius:11px}.curriculum-card-top .eyebrow{font-size:9px;line-height:1.6}.curriculum-count{margin-left:auto;flex-shrink:0;color:#557347;background:#edf1e3;border-radius:20px;font-size:11px;padding:4px 9px}.curriculum-card h3{font-family:var(--serif,serif);font-size:24px;color:#486448;margin:1px 0}.curriculum-version{font-size:12px;color:#536848;line-height:1.8;min-height:44px;margin:0}.curriculum-topic-label{font-size:10px;color:#626f54;margin:0}.curriculum-topics{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 2px}.curriculum-topics li{font-size:10px;line-height:1.6;padding:4px 8px;background:#f0f2e7;border-radius:5px;color:#566b4d;overflow-wrap:anywhere}.curriculum-card details{margin-top:auto;border-top:1px solid #e5e8d9;padding-top:13px}.curriculum-library summary{cursor:pointer;min-height:32px;font-size:12px;line-height:1.8;color:#486448}.curriculum-links{list-style:none;padding:0;margin:10px 0;display:grid;gap:14px}.curriculum-links a{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#3b623d;line-height:1.8;text-underline-offset:4px;overflow-wrap:anywhere}.curriculum-links small{display:block;font-size:11px;line-height:1.9;color:#626f54;margin-top:4px}.curriculum-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.curriculum-card footer .button{font-size:11px;min-height:44px;padding:10px 12px}.curriculum-card footer>div{display:flex;gap:9px}.curriculum-card footer a{font-size:10px;color:#486448;min-height:40px;display:inline-flex;align-items:center;text-underline-offset:3px}.curriculum-reference{padding:20px 24px;border:1px solid #dce2cb;border-radius:12px;background:#f8f8ed}.curriculum-reference>p{color:#536848;font-size:12px;line-height:1.9}.curriculum-reference>.curriculum-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px}.curriculum-library :is(a,button,input,select,summary):focus-visible{outline:3px solid #527744;outline-offset:3px}.study-tabs{flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1200px){.curriculum-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.curriculum-intro{align-items:flex-start;flex-direction:column}.curriculum-downloads{display:flex;flex-wrap:wrap;justify-content:flex-start}}@media(max-width:700px){.curriculum-grid{grid-template-columns:1fr}.curriculum-intro{padding:22px}.curriculum-intro h2{font-size:23px}.curriculum-card{padding:20px}.curriculum-reference>.curriculum-links{grid-template-columns:1fr}.curriculum-filters{gap:12px}.curriculum-filters label{flex:1}.curriculum-filters select,.curriculum-filters input{width:100%;min-width:0}.curriculum-search{flex-basis:100%!important}.curriculum-downloads .button{font-size:12px}.curriculum-reference{padding:18px}}.study-diagnostic-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.study-diagnostic-actions button{font-size:11px;min-height:38px;text-decoration:underline;text-underline-offset:4px}.study-preview-pages{display:flex;align-items:center;gap:14px;margin:18px 0}.study-preview-pages span{font-size:12px;color:#486448}.study-save-target,.mastery-player{display:grid;gap:8px;color:#486448;font-size:12px;margin:18px 0;max-width:600px}.study-save-target select,.mastery-player select{border:1px solid #cdd9ba;border-radius:8px;min-height:44px;padding:10px;background:#fffdf4;color:#486448;font:inherit;max-width:100%;width:100%}.study-save-target small{line-height:1.9}.study-mastery{display:grid;gap:20px;color:#486448}.mastery-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.mastery-heading h2{display:flex;align-items:center;gap:10px;font-family:var(--serif,serif);font-size:26px;margin:12px 0}.mastery-heading p{font-size:12px;color:#627455}.mastery-rule,.mastery-note{padding:18px 22px;background:#f2f1e4;border-left:3px solid #ad9566;font-size:12px;line-height:1.9}.mastery-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mastery-summary>div{display:grid;gap:10px;padding:23px;background:#fffdf4;border:1px solid #dce2cb;border-radius:12px}.mastery-summary strong{font-size:28px;font-family:var(--serif,serif)}.mastery-summary span{font-size:12px}.mastery-review{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:#e9efda;border-radius:12px}.mastery-review>span{font-size:12px;line-height:1.9}.mastery-review>.button{flex-shrink:0}.mastery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mastery-point{display:grid;gap:12px;padding:23px;border:1px solid #dce2cb;border-radius:12px;background:#fffdf4}.mastery-point>div{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mastery-point h3{margin:0;font-family:var(--serif,serif);font-size:20px}.mastery-status{font-size:11px;padding:5px 10px;background:#edf0e3;border-radius:16px}.mastery-point.weak .mastery-status{color:#8a4833;background:#f9e8da}.mastery-point.secure .mastery-status{color:#345f3d;background:#deecd9}.mastery-point p,.mastery-point small{font-size:12px;line-height:1.8;margin:0}.mastery-point progress{height:8px;width:100%;accent-color:#648153}.mastery-point.weak progress{accent-color:#a36443}.mastery-point .text-button{justify-self:start;min-height:40px}.study-mastery :is(button,select):focus-visible{outline:3px solid #527744;outline-offset:3px}.study-session-head>p{font-size:12px;color:#536848;line-height:1.9}@media(max-width:700px){.mastery-heading,.mastery-review{align-items:flex-start;flex-direction:column}.mastery-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mastery-grid{grid-template-columns:1fr}.mastery-summary>div,.mastery-point{padding:18px}.mastery-heading h2{font-size:23px}}.boss-loot-info p{font-size:12px;line-height:1.75}.boss-loot-info summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:12px;font-weight:700}.boss-loot-info details p{color:#63735c}.reward-pickup.battle-loot{padding:10px 14px;gap:10px;width:min(560px,94%)}.battle-loot .reward-pickup-icon{width:36px;height:36px}.battle-loot h3{font-size:13px}.battle-loot p{margin:3px 0}.battle-loot-saved{position:absolute;z-index:8;left:50%;top:115px;transform:translate(-50%);max-width:90%;border:1px solid #87b981;border-radius:12px;background:#f5fff0ed;color:#355f32;padding:10px 16px;font-size:12px;pointer-events:none}body:has(.touch-controls[data-phase=prepare]) .reward-pickup.battle-loot{top:114px}@media(max-height:500px){body:has(.touch-controls[data-phase=prepare]) .reward-pickup.battle-loot{top:62px;max-height:calc(100% - 70px)}}.icon-btn.fullscreen-button{width:auto;min-width:78px;padding:0 10px;gap:6px;flex-shrink:0;border:1px solid #d9e2ce;border-radius:8px;font-size:12px;white-space:nowrap;color:#526c45;background:#fffef7}.fullscreen-button:hover:not(:disabled){background:#eaf0df;border-color:#99af83}.fullscreen-button[aria-pressed=true]{background:#e6eedb;border-color:#a8bc92}.fullscreen-button:focus-visible{outline:2px solid #326b50;outline-offset:3px}.fullscreen-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:580px){.icon-btn.fullscreen-button{min-width:36px;width:36px;padding:0}.fullscreen-button>span{display:none}.game-topbar .game-top-right{gap:6px}}.town-touch-hint{display:none}.town-page.town-page .town-area-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.town-available-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:11px 0;background:none;border:0;border-bottom:1px solid #e1e3d1;color:#6a795c;font:inherit;font-size:12px;cursor:pointer}.town-available-toggle span{display:flex;align-items:center;gap:8px}.town-available-toggle b{display:grid;place-items:center;border-radius:50%;background:#e8ecd9;min-width:22px;height:22px;font-size:10px}.town-available-toggle>svg{transition:transform .2s}.town-available[hidden]{display:none}.town-quest-description{margin:8px 0}.town-quest-description summary{cursor:pointer;color:#7f8c6e;font-size:11px;min-height:30px;line-height:30px}.town-quest-description>p{font-size:12px;line-height:1.8}.companion-rules{font-size:11px;color:#7d896e;margin:8px 0 15px}.companion-rules summary{cursor:pointer;min-height:32px;line-height:32px}.companion-rules p{margin:5px 0}.companion-help-brief{color:#607554}.atlas-chart-inner{overflow:hidden}@media(max-width:1100px)and (min-width:601px){.town-page.town-page .town-area-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.app-shell .button,.modal .button{min-height:44px;border-radius:12px;font-weight:600;letter-spacing:.2px;gap:7px;padding:11px 15px;font-size:12px;line-height:1.5;transition:transform .15s,box-shadow .15s}.app-shell .button.primary,.modal .button.primary{background:linear-gradient(145deg,#49775c,#2e5944);border:1px solid #34624a;box-shadow:inset 0 1px #a9c9ad55,0 3px 7px #3559421c;color:#fff8df}.app-shell .button.secondary,.modal .button.secondary{background:linear-gradient(160deg,#fffef8,#f4f0e3);border:1px solid #dbd8c5;color:#597052;box-shadow:0 2px 4px #4e64470a}.app-shell .button:active:not(:disabled),.modal .button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 4px #304a2c12}.app-shell .button:disabled,.modal .button:disabled{box-shadow:none;opacity:.45}.button:focus-visible,.atlas-pin:focus-visible,.town-area-cards>button:focus-visible{outline:2px solid #aa8847;outline-offset:3px}.app-shell .page-heading{gap:14px;margin-bottom:18px}.app-shell .page-heading h1{font-size:24px;line-height:1.35;letter-spacing:.4px;text-wrap:balance}.app-shell .page-heading p{font-size:11px;line-height:1.7;margin-top:7px}.app-shell .page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.town-page.town-page .page-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.town-page.town-page .page-heading>div{min-width:0}.town-page.town-page .page-heading .eyebrow{display:none}.town-page.town-page .page-heading h1{font-size:24px;gap:7px;white-space:nowrap}.town-page.town-page .town-peace{font-size:9px;padding:5px 7px;gap:3px;letter-spacing:0}.town-page.town-page .town-peace svg{width:11px}.town-page.town-page .page-heading>.button{padding:9px 11px;flex-shrink:0;font-size:11px;min-height:40px;border-radius:11px}.town-page.town-page .page-heading>.button svg{width:14px}.town-page.town-page .town-area-cards{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px 8px;margin:10px -2px 13px}.town-page.town-page .town-area-cards::-webkit-scrollbar{display:none}.town-page.town-page .town-area-cards>button{flex:0 0 128px;min-height:78px;padding:12px;border-radius:12px;scroll-snap-align:center;border-color:#e2d9bb;box-shadow:0 3px 7px #3d523510}.town-page.town-page .town-area-card-copy{gap:8px}.town-page.town-page .town-area-card-copy>span{display:none}.town-page.town-page .town-area-card-copy>strong{font-size:17px;letter-spacing:1px}.town-page.town-page .town-area-card-copy>small{font-size:8px;letter-spacing:.4px}.town-page.town-page .town-area-card-arrow{width:19px;height:19px;right:9px;top:10px}.town-page.town-page .town-area-card-arrow svg{width:12px}.town-page.town-page .town-area-cards>button.current{outline:2px solid #b49c62;outline-offset:1px}.town-page.town-page .town-exploration{border-radius:17px;border:1px solid #d9ddc7;box-shadow:0 5px 22px #405a3810;overflow:hidden}.town-page.town-page .town-map-heading{padding:11px 12px;background:#fffdf5}.town-page.town-page .town-map-heading>span{font-size:13px}.town-page.town-page .town-map-caption>small{display:none}.town-page.town-page .town-map-caption>strong{font-size:20px}.town-page.town-page .town-map-caption>span{font-size:8px}.town-page.town-page .town-controls{padding:11px 13px;align-items:center;gap:12px;background:#fbf9ed;border-top:1px solid #e2e3ce}.town-page.town-page .town-keyboard-hint{display:none}.town-page.town-page .town-touch-hint{display:block;font-size:10px;color:#9a9e84}.town-page.town-page .town-context{flex:1;min-width:0;gap:8px;align-items:flex-end;text-align:right}.town-page.town-page .town-context>p{font-size:11px;line-height:1.7;max-width:150px;margin:0}.town-page.town-page .town-context>.button{font-size:11px;min-height:42px;padding:9px 13px;width:auto;max-width:100%}.town-page.town-page .town-controls-toggle{font-size:9px;min-height:30px}.town-page.town-page .town-joystick-area{gap:1px;flex-direction:column;flex-shrink:0}.town-page.town-page .virtual-joystick{width:82px;height:82px}.town-page.town-page .town-joystick-area>button{max-width:90px}.town-page.town-page .town-boundary{margin:10px 12px;padding:12px;border-radius:12px;flex-direction:row;align-items:center;background:linear-gradient(135deg,#f7f0da,#fffaf0);border-color:#dcc893;gap:10px}.town-page.town-page .town-boundary>div{min-width:0}.town-page.town-page .town-boundary strong{font-size:12px}.town-page.town-page .town-boundary small{display:none}.town-page.town-page .town-boundary>.button{width:auto;min-width:104px;font-size:11px;padding:9px 12px;min-height:42px}.town-page.town-page .town-boundary>.button svg{width:13px}.town-page.town-page .town-destinations{padding:8px 12px 13px;gap:7px}.town-page.town-page .town-destinations button{min-height:40px;font-size:10px;border-radius:9px;border:1px solid #e0e1cb;background:#f7f5e7;justify-content:center;flex:1 1 42%;padding:8px}.town-page.town-page .town-destinations button>svg:last-child{display:none}.town-page.town-page .town-destinations button>svg{width:12px;flex-shrink:0}.town-page.town-page .town-portal-guides{padding:10px 12px;gap:8px}.town-page.town-page .town-portal-guides button{min-height:44px;padding:10px 12px;flex:1;justify-content:center;border-radius:10px;background:linear-gradient(150deg,#f5efd9,#e9e3ce);border:1px solid #d9cda8;color:#827146;font-size:11px}.town-page.town-page .town-journal{gap:14px}.town-page.town-page .town-future{display:none}.town-page.town-page .town-hero,.town-page.town-page .town-quest-log{padding:16px;border-radius:15px;border-color:#e0e2cf}.town-page.town-page .town-hero-identity{margin-bottom:10px;gap:11px}.town-page.town-page .town-hero-identity>.hero-portrait{width:48px;height:58px;border-radius:10px}.town-page.town-page .town-hero label{font-size:9px}.town-page.town-page .town-hero select{min-height:38px;border-radius:9px;font-size:12px}.town-page.town-page .town-hero>small{font-size:10px;margin-top:10px}.town-page.town-page .town-journal-title h2{font-size:17px}.town-page.town-page .town-available{margin-top:10px}.town-page.town-page .town-available>button{border-radius:11px;min-height:56px;padding:10px;margin-bottom:8px;background:#f9f8ed;border-color:#e2e3cf}.town-page.town-page .town-available>button strong{font-size:12px}.town-page.town-page .town-available>button small{font-size:9px}.town-page.town-page .town-quest{padding:13px;margin-top:11px;border-radius:12px}.town-page.town-page .town-quest h3{font-size:13px}.town-page.town-page .town-quest>small{font-size:10px;line-height:1.8}.town-page.town-page .town-quest>button{min-height:40px;border-radius:8px;padding:8px 10px}.town-page.town-page .town-quest-description summary{min-height:36px;line-height:36px;font-size:10px}.town-page.town-page .town-quest-description p{font-size:11px;line-height:1.8}.town-page.town-page .town-empty-quest{padding:10px 0}.town-page.town-page .town-empty-quest h3{font-size:15px}.town-page.town-page .town-empty-quest p{font-size:11px}.town-page.town-page .town-encounter-banner{padding:10px 12px;gap:7px;flex-wrap:nowrap;margin-bottom:10px}.town-page.town-page .town-encounter-banner>span{font-size:11px}.town-page.town-page .town-encounter-banner>.button{padding:8px 10px;font-size:10px;min-height:36px}.world-atlas-toggle{border-radius:50px;background:linear-gradient(140deg,#4d795c,#2e5543);box-shadow:0 4px 16px #244b3b26,inset 0 1px #c6d4ab55;min-height:44px;padding:10px 14px;gap:7px}.world-atlas-toggle kbd{display:none}.world-atlas.modal{border-radius:19px;width:calc(100vw - 20px)}.world-atlas .modal-heading{padding:18px 16px 15px}.world-atlas .modal-heading>.eyebrow{display:none}.world-atlas .modal-heading h2{font-size:23px;margin:0 0 7px}.world-atlas .modal-subtitle{font-size:10px;line-height:1.7;margin:0;padding-right:15px}.world-atlas .modal-body{padding:13px}.world-atlas .atlas-status{font-size:10px;margin-bottom:13px;gap:5px;line-height:1.6}.world-atlas .atlas-status small{font-size:8px}.world-atlas .atlas-status svg{width:12px}.world-atlas .atlas-chart{overflow:hidden;border-radius:13px}.world-atlas .atlas-chart-inner{min-width:0;aspect-ratio:900/680}.world-atlas .atlas-pin{min-width:54px;min-height:56px;gap:3px;padding:2px;transform:translate(-50%,-36%)}.world-atlas .atlas-pin>span{width:26px;height:26px}.world-atlas .atlas-pin>span>svg{width:13px}.world-atlas .atlas-pin.selected>span{outline-width:2px;outline-offset:2px}.world-atlas .atlas-pin strong{font-size:10px;letter-spacing:.2px;padding:2px}.world-atlas .atlas-pin small{font-size:8px;line-height:1.3}.world-atlas .atlas-inscription{font-size:25px}.world-atlas .atlas-map-note{display:none}.world-atlas .atlas-layout{gap:14px}.world-atlas .atlas-detail>.eyebrow{font-size:8px}.world-atlas .atlas-detail h3{font-size:22px;letter-spacing:2px;margin:6px 0 10px}.world-atlas .atlas-detail>p{display:none}.world-atlas .atlas-route{font-size:10px;line-height:1.7;margin:8px 0;padding:10px;border-radius:10px}.world-atlas .atlas-detail>.button{width:100%;margin:4px 0 0}.world-atlas .atlas-portals{margin:14px 0 10px;gap:7px}.world-atlas .atlas-portals h4{font-size:11px}.world-atlas .atlas-portal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;flex:1 1 100%;min-width:0;margin:0;padding:11px;border-radius:12px}.world-atlas .atlas-portal strong{font-size:11px;grid-column:1}.world-atlas .atlas-portal small{font-size:9px;margin:0;grid-column:1}.world-atlas .atlas-portal button{grid-column:2;grid-row:1/3;min-height:40px;align-self:center;margin:0;padding:8px 9px;background:#f1ecd9;border:1px solid #ded2af;border-radius:9px;font-size:10px}.world-atlas .atlas-footnote{font-size:8px;margin-top:13px}.campaign-lobby .campaign-intro{padding:22px 20px;min-height:190px;border-radius:17px;margin-bottom:16px}.campaign-lobby .campaign-intro h2{font-size:28px;line-height:1.4;margin:11px 0}.campaign-lobby .campaign-intro p,.campaign-lobby .campaign-intro>div>div{display:none}.campaign-lobby .campaign-intro .hero-tag{font-size:10px}.campaign-lobby .campaign-lobby-tools{display:none}.campaign-lobby .campaign-loadout{border-radius:14px;margin-bottom:16px}.campaign-lobby .duel-panel{padding:16px;border-radius:15px}.campaign-lobby .duel-section-label h2{font-size:15px}.campaign-lobby .campaign-tabs{gap:8px}.campaign-lobby .campaign-tabs button{min-height:76px;border-radius:12px;padding:11px 8px;gap:5px}.campaign-lobby .campaign-tabs strong{font-size:12px}.campaign-lobby .campaign-tabs small{font-size:9px}.campaign-lobby .campaign-route-note{font-size:10px;line-height:1.8}.campaign-lobby .campaign-stage{border-radius:15px}.campaign-lobby .campaign-stage h2{font-size:20px}.campaign-lobby .campaign-stage>p{font-size:11px;line-height:1.8}.campaign-lobby .companion-modes{gap:8px}.campaign-lobby .companion-modes>button{padding:12px 10px;min-height:72px;border-radius:12px;gap:8px}.campaign-lobby .companion-modes strong{font-size:13px}.campaign-lobby .companion-modes small{font-size:9px;line-height:1.6}.campaign-lobby .companion-modes svg{width:17px;flex-shrink:0}.campaign-lobby .companion-modes>button[aria-pressed=true]{background:linear-gradient(145deg,#e9efdb,#e1e8cf);border-color:#8caa79;box-shadow:inset 0 0 0 1px #9bb48633,0 2px 5px #617b3e0c}.campaign-lobby .companion-help-brief{font-size:10px;line-height:1.8}.campaign-lobby .companion-count{font-size:11px}.campaign-lobby .companion-options>button{border-radius:12px;min-height:78px}.campaign-game .game-top-right>.family-pill{display:none}}@media(prefers-reduced-motion:reduce){.companion-rules,.town-available-toggle>svg,.app-shell .button,.modal .button{transition:none}}@media(max-width:600px){.town-page.town-page .town-controls-toggle{width:auto;min-width:72px;white-space:nowrap;line-height:1.5}.modal .modal-close{min-width:40px;min-height:40px;border-radius:12px;background:#f5f1e6;color:#687959}}@media(max-width:600px){.app-shell .section-navigation{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:4px 1px 12px;margin-bottom:18px;white-space:nowrap;border-color:#e2e7d8}.app-shell .section-navigation::-webkit-scrollbar{display:none}.app-shell .section-navigation>span{display:none}.app-shell .section-navigation>button{flex:0 0 auto;min-height:40px;padding:9px 12px;gap:6px;border-radius:12px;font-size:11px;background:#fbfcf5;border:1px solid #e0e6d5;color:#6e8061}.app-shell .section-navigation>button[aria-current=page]{background:linear-gradient(140deg,#edf3df,#e6edd6);border-color:#a8bd8b;box-shadow:inset 0 1px #fff9;color:#43643e}.app-shell .section-navigation>button>svg{width:14px;height:14px}.app-shell .topbar{gap:10px}.app-shell .breadcrumb{min-width:0;max-width:110px;white-space:nowrap;gap:0;font-size:11px}.app-shell .breadcrumb>svg{display:none}.app-shell .breadcrumb>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .topbar-actions{gap:6px}.app-shell .profile-button>span:not(.profile-avatar),.app-shell .profile-button>small{display:none}.app-shell .profile-button{padding:0;background:none;border:0;min-width:36px;min-height:40px}.app-shell .profile-avatar{width:34px;height:34px;font-size:12px}.town-page.town-page .coin-balance{min-height:46px;border-radius:12px;padding:10px 13px;gap:9px;background:linear-gradient(145deg,#fcf8e9,#f6f0df);border-color:#e0ce9b}.town-page.town-page .coin-balance small{display:none}.town-page.town-page .coin-balance strong{font-size:14px}.town-page.town-page .coin-balance>svg{width:17px;height:17px}.app-shell~.world-atlas-toggle{bottom:86px;right:14px}.app-shell~.toast{bottom:142px;max-width:calc(100vw - 36px);padding:12px 14px;font-size:11px;line-height:1.8;border-radius:14px}}:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#263d32;background:#f8f9f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green:#356a50;--green-dark:#254f3c;--muted:#7c877c;--border:#e5e9df;--cream:#f4f1e6;--shadow:0 8px 30px #344f3510}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button{transition:background .18s,color .18s,box-shadow .18s,border-color .18s,transform .18s}button:focus-visible,a:focus-visible{outline:3px solid #8aab73;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #83a58a;outline-offset:1px}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}a{color:var(--green)}svg{vertical-align:middle}::selection{background:#d9e6c9}button{border:0;background:none}img{display:block;max-width:100%}input[type=range]{accent-color:var(--green);cursor:pointer}input[type=number]{color:#344b3a}textarea{resize:vertical;line-height:1.8}.muted{color:var(--muted);line-height:1.8}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#82917c;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 20px;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap;line-height:1.4}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #27543813}.button.primary:hover:not(:disabled){background:var(--green-dark);box-shadow:0 5px 14px #27543825}.button.secondary{background:#fff;border:1px solid #dce4d6;color:#47634c}.button.secondary:hover{background:#f3f6ec}.button.soft{background:#e8efdf;color:#3a6048;border:1px solid #d9e4cd}.button.soft:hover{background:#dce9d2}.button.dashed{border:1px dashed #c7d4bf;background:#f8faf4;color:#6c8164;min-height:40px}.full-width{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:8px;color:#788374;flex-shrink:0}.icon-btn:hover:not(:disabled){background:#edf1e8;color:var(--green)}.text-icon-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#73816d;padding:8px;border-radius:6px}.text-icon-btn:hover{background:#f0f4e9}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7d9e61;flex-shrink:0}.status-dot.red{background:#c3775e}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#83a06c;vertical-align:middle}.tiny-dot.unsaved{background:#c29c5d}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;z-index:20;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:31px 20px 20px}.brand{display:flex;align-items:center;gap:10px;text-align:left;padding:0 4px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--green);color:#f3edda;box-shadow:0 4px 9px #244c3420}.brand-mark svg{width:30px;height:30px}.brand strong{display:block;font-size:19px;font-weight:800;letter-spacing:1px;color:#304d36}.brand small{font-size:7px;letter-spacing:1.65px;color:#89927e;font-weight:600;display:block;margin-top:4px}.sidebar-label{font-size:10px;letter-spacing:1.5px;color:#9ba28f;margin:39px 14px 16px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:14px 16px;text-align:left;border-radius:9px;color:#7c8678;font-weight:500;font-size:13px;position:relative}.nav-item:hover{background:#f5f7ef;color:var(--green)}.nav-item.active{background:#eaf0e2;color:var(--green);font-weight:700}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#719768}.nav-count{font-size:10px;background:#fff;color:#789469;padding:2px 5px;border-radius:4px;margin-left:auto}.nav-separator{height:1px;background:var(--border);margin:24px 12px 12px}.small-badge{font-size:9px;background:#f3f1e7;color:#a19370;border-radius:4px;padding:3px 5px;margin-left:auto}.sidebar-spacer{flex:1;min-height:45px}.sidebar-note{background:#f2f5eb;border:1px solid #e9edde;border-radius:12px;padding:18px 15px 15px;position:relative;overflow:hidden}.sidebar-note:after{content:"";width:82px;height:82px;border:1px solid #e3e9d6;position:absolute;right:-35px;top:-30px;transform:rotate(35deg);border-radius:20px}.note-icon{width:34px;height:34px;border-radius:50%;background:#e3ebd3;color:#7d9665;display:grid;place-items:center;margin-bottom:13px}.sidebar-note strong{font-size:12px;color:#4e6643}.sidebar-note p{font-size:11px;color:#94a084;line-height:1.9;margin-top:8px}.sidebar-note button{display:flex;align-items:center;gap:9px;margin-top:16px;color:#637e51;font-size:10px;padding:0;font-weight:600}.sidebar-bottom{display:flex;align-items:center;gap:12px;padding:22px 15px 15px;color:#8b9385;font-size:12px}.sidebar-bottom svg:last-child{margin-left:auto}.version-label{display:flex;gap:7px;align-items:center;border-top:1px solid var(--border);padding:17px 13px 0;font-size:9px;color:#a0a68f}.version-label .status-dot{width:4px;height:4px}.main-shell{margin-left:224px}.topbar{height:73px;border-bottom:1px solid var(--border);background:#ffffffed;display:flex;align-items:center;justify-content:space-between;padding:0 39px;position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;gap:13px;color:#a3aa9a;font-size:12px}.breadcrumb span{color:#6a7a65}.topbar-actions{display:flex;align-items:center;gap:16px}.network-badge{display:flex;gap:6px;align-items:center;background:#f0f5e9;color:#749465;font-size:10px;border:1px solid #e9efdf;padding:6px 10px;border-radius:20px}.network-badge.offline{color:#9a8b6d;background:#f4f0e5}.topbar-divider{height:22px;width:1px;background:#e5e9df}.profile-button{display:flex;align-items:center;gap:10px;font-size:12px;color:#5c6b54;padding:0;max-width:180px}.profile-avatar{width:31px;height:31px;background:#e8e6d3;color:#65714c;display:grid;place-items:center;border-radius:50%;font-weight:700;border:3px solid #f3f3e9}.main-content{padding:33px 39px 23px;max-width:1600px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:25px;letter-spacing:.3px;font-weight:700;margin-top:5px;display:flex;align-items:center;gap:14px;color:#304736;line-height:1.6}.heading-leaf{color:#9caa76;transform:rotate(-22deg);display:inline-flex}.page-heading p{font-size:12px;color:#8b9586;margin-top:6px}.family-pill{display:flex;align-items:center;gap:7px;color:#99a08e;font-size:10px;white-space:nowrap;padding-top:22px}.hero-banner{height:371px;border-radius:15px;overflow:hidden;position:relative;background:#e4e9d7;border:1px solid #e0e7d4;box-shadow:0 8px 25px #65814c0b}.hero-banner>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:saturate(.86)}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#edf0df,#edf0dff5 17%,#eaf0dfd9 29%,#e6eddb76 47%,#d6e4cd00 66%)}.hero-copy{position:relative;padding:32px 38px;height:100%;z-index:1;max-width:560px}.hero-tag{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1px;color:#6e8658;background:#e1e9d2b5;border:1px solid #cad7b890;border-radius:20px;padding:5px 11px}.hero-tag>span{width:4px;height:4px;background:#839868;border-radius:50%}.hero-copy h2{font-family:"Noto Serif SC",Songti SC,serif;font-size:46px;font-weight:800;line-height:1.43;letter-spacing:1px;margin-top:14px;color:#2e4c36}.hero-copy h2>span{color:#60854d}.hero-copy>p{color:#7f8e72;font-size:12px;line-height:1.9;margin-top:12px;letter-spacing:.4px}.hero-actions{display:flex;gap:12px;margin-top:22px}.hero-actions .primary{min-height:44px;padding:12px 17px;font-size:12px}.hero-actions .primary svg:last-child{margin-left:4px}.hero-secondary{border:1px solid #b8c9a8;background:#f7f8f0a6;color:#53704a;font-size:12px;padding:10px 16px}.hero-secondary:hover{background:#fffdf2}.hero-meta{display:flex;align-items:center;gap:12px;font-size:9px;color:#87967c;margin-top:19px;white-space:nowrap}.hero-meta>span{display:flex;align-items:center;gap:5px}.hero-meta i{height:8px;width:1px;background:#c3cfb7}.hero-caption{position:absolute;bottom:22px;right:24px;background:#fffaf0db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff8e5a1;padding:8px 12px;color:#75805c;font-size:10px;border-radius:7px;display:flex;align-items:center;gap:7px}.section-heading{margin-top:31px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{font-size:17px;color:#384f3c;font-weight:700}.section-heading h2>span{font-size:8px;font-weight:500;letter-spacing:1.6px;color:#a4ac98;margin-left:10px}.section-heading p{font-size:11px;color:#929c89;margin-top:6px}.filter-tabs{display:flex;gap:4px;border:1px solid #e6eadd;background:#f0f3e9;border-radius:7px;padding:3px}.filter-tabs button{padding:7px 10px;font-size:10px;color:#88947d;border-radius:5px;white-space:nowrap}.filter-tabs button.selected{background:#fff;color:#4d6e40;box-shadow:0 2px 5px #4457360a}.adventure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.adventure-card{background:#fff;border:1px solid #e3e8da;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #63724f05;transition:transform .2s,box-shadow .2s}.adventure-card:hover{box-shadow:0 7px 22px #63724f12;transform:translateY(-2px)}.adventure-art{height:157px;width:100%;display:block;position:relative;overflow:hidden;padding:0;background:#cfddbe;text-align:left}.adventure-art>img{width:100%;height:100%;object-fit:cover;object-position:57% 52%;transition:transform .5s;filter:saturate(.84)}.adventure-card:hover .adventure-art>img{transform:scale(1.035)}.theme-river .adventure-art>img,.story-art.theme-river>img{object-position:20% 48%;filter:hue-rotate(20deg) saturate(.65) brightness(.9)}.theme-sunset .adventure-art>img,.story-art.theme-sunset>img{object-position:90% 38%;filter:sepia(.2) saturate(.9) hue-rotate(335deg) brightness(.85)}.adventure-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#233e3335,transparent 70%)}.adventure-type{position:absolute;top:13px;left:13px;background:#ffffffeb;color:#5c714e;border:1px solid #ffffff7d;font-size:9px;display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;z-index:1}.adventure-number{position:absolute;top:12px;right:13px;font-size:13px;font-family:Georgia,serif;color:#ffffffcf;z-index:1;letter-spacing:1px}.recommended{position:absolute;bottom:12px;left:13px;display:flex;align-items:center;gap:5px;font-size:9px;color:#fff7da;z-index:1;background:#6c7d4b9c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:4px 7px;border-radius:4px}.adventure-body{padding:16px 17px 0}.adventure-title{display:flex;align-items:center;justify-content:space-between;gap:6px}.adventure-title h3{font-size:17px;font-weight:700;letter-spacing:.5px;overflow-wrap:anywhere}.difficulty{display:inline-flex;align-items:center;gap:4px;background:#f0f5e6;color:#7b9256;padding:3px 6px;font-size:8px;border-radius:4px;white-space:nowrap}.difficulty i{width:3px;height:3px;background:currentColor;border-radius:50%}.difficulty-normal{background:#f4f0e3;color:#a28e58}.difficulty-hard{background:#f8ebe3;color:#b48465}.adventure-body>p{font-size:10px;color:#8e9885;margin-top:8px;line-height:1.8;min-height:18px}.adventure-details{display:flex;align-items:center;gap:13px;font-size:9px;color:#99a08e;margin-top:13px;padding-bottom:14px}.adventure-details>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.adventure-bottom{border-top:1px solid #eef0e7;display:flex;align-items:center;justify-content:space-between;padding:12px 0}.card-play{display:flex;align-items:center;gap:9px;font-size:11px;color:#4a7046;font-weight:700;padding:0}.card-play:hover{color:#244f30}.card-edit{display:flex;align-items:center;gap:4px;font-size:9px;color:#9ba48f;padding:0}.card-edit:hover{color:#5e7953}.home-bottom{display:grid;grid-template-columns:1.65fr 1fr;gap:19px;margin-top:23px}.create-banner{display:flex;align-items:center;gap:16px;background:#edf2e3;border:1px solid #e0e9d1;border-radius:11px;padding:23px 22px}.create-banner-icon{position:relative;width:50px;height:50px;background:#e0e8cf;border-radius:12px;display:grid;place-items:center;color:#94a76d;flex-shrink:0}.create-banner-icon>span{position:absolute;right:-4px;top:-5px;background:#f4f2de;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:#bea96f}.create-banner .eyebrow{font-size:7px;letter-spacing:1.4px;color:#99a080}.create-banner h3{font-size:16px;font-weight:700;margin-top:3px;color:#4b6541}.create-banner p{font-size:10px;color:#91a07d;margin-top:7px;line-height:1.7}.create-banner .button{font-size:10px;padding:9px 12px;min-height:35px;margin-left:auto;background:#f8faef;border:1px solid #cfdcbc;color:#6a8553}.learning-card{display:flex;gap:14px;background:#f6f2e8;border:1px solid #ece5d4;border-radius:11px;padding:25px 21px}.learning-icon{background:#eee6d2;color:#b5a175;border-radius:10px;width:41px;height:41px;display:grid;place-items:center;flex-shrink:0}.learning-card strong{font-size:12px;color:#807650;font-weight:600}.learning-card p{font-size:9px;color:#a4997a;margin-top:8px}.learning-card button{display:flex;align-items:center;gap:7px;padding:0;font-size:9px;color:#a18e57;margin-top:12px;font-weight:600}.hero-roster{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e7eade;background:#fff;border-radius:10px;padding:21px 23px;margin-top:23px}.hero-roster .eyebrow{font-size:7px;letter-spacing:1.5px}.hero-roster h3{font-size:13px;color:#617353;margin-top:5px}.hero-roster p{font-size:10px;color:#9aa18f;margin-top:6px}.roster-choices{display:flex;gap:10px}.roster-item{display:flex;align-items:center;gap:9px;border:1px solid #e8ecdf;background:#fafbf6;border-radius:8px;padding:6px 11px 6px 6px;min-width:120px;text-align:left;position:relative}.roster-item.chosen{border-color:#b9cba7;background:#f1f6e8}.hero-portrait{width:37px;height:42px;border-radius:5px;background-image:url(/images/three-kingdoms-heroes.png);background-size:300% 100%;display:inline-block;flex-shrink:0}.portrait-0{background-position:left center}.portrait-1{background-position:center center}.portrait-2{background-position:right center}.roster-item strong{font-size:11px;display:block;color:#5f7154}.roster-item small{display:block;font-size:8px;color:#9ba58d;margin-top:3px}.roster-item>svg{margin-left:3px;color:#7c9a60}.page-footer{display:flex;align-items:center;justify-content:space-between;color:#aeb49f;font-size:9px;margin-top:27px;padding:0 2px}.page-footer>span:first-child{display:flex;align-items:center;gap:6px}.empty-state{background:#fff;border:1px dashed #dbe3d0;border-radius:15px;text-align:center;padding:70px 30px;min-height:420px}.empty-state>span{display:grid;place-items:center;width:90px;height:90px;background:#edf3e4;color:#8ba570;border-radius:23px;margin:0 auto 25px;transform:rotate(-5deg)}.empty-state h2{font-size:22px}.empty-state p{font-size:13px;color:#8c9982;line-height:2;margin:14px 0 26px}.modal{width:560px;max-width:calc(100vw - 32px);max-height:90dvh;border:1px solid #e0e6d5;padding:0;border-radius:17px;background:#fffef9;color:#344936;box-shadow:0 24px 100px #142a3630;overflow:auto}.modal-wide{width:800px}.modal::backdrop{background:#20362969;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-inner{padding:32px;position:relative}.modal-close{position:absolute;top:18px;right:18px}.modal h2{font-size:24px;margin-top:6px;padding-right:15px;line-height:1.5}.modal-subtitle{font-size:12px;margin:9px 0 22px}.field-label{display:block;font-size:12px;font-weight:600;color:#5e7355;margin-top:18px;margin-bottom:9px}.text-input{width:100%;border:1px solid #dce4d3;background:#fff;color:#46603f;border-radius:8px;padding:11px 12px;line-height:1.6;font-size:12px}.text-input::placeholder{color:#a4af99}.room-code-input{font-family:ui-monospace,monospace;font-size:19px;letter-spacing:6px;font-weight:700}.hero-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-option{border:1px solid #e1e7d8;border-radius:10px;padding:0 0 12px;background:#f7f8ef;overflow:hidden;position:relative}.hero-option.selected{border-color:#7e9c67;box-shadow:0 0 0 2px #7e9c6724}.hero-option-art{display:block;height:145px;width:100%;background-image:url(/images/three-kingdoms-heroes.png);background-size:300% 100%;border-bottom:1px solid #e5e9dc;margin-bottom:10px}.hero-option strong{display:block;font-size:15px}.hero-option small{display:inline-block;font-size:9px;color:#8e9e80;margin-top:4px;letter-spacing:1px}.hero-check{position:absolute;top:7px;right:7px;width:20px;height:20px;background:var(--green);border:2px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff}.hero-skill-note{display:flex;align-items:center;gap:7px;padding:12px 0 19px;color:#96a178;font-size:11px}.hero-skill-note strong{font-weight:600;color:#6a8157}.form-error{font-size:12px;color:#ae5b48;line-height:1.8;background:#faf0e9;border:1px solid #efd8cd;padding:10px 13px;border-radius:7px;margin:12px 0;overflow-wrap:anywhere}.form-footnote{font-size:10px;color:#a3ad94;text-align:center;margin-top:14px;line-height:1.7}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.guide-card{border:1px solid #e4e9dc;border-radius:10px;background:#f8faf2;padding:19px}.guide-card>svg{color:#859a69}.guide-card h3{font-size:14px;margin-top:12px}.guide-card p{font-size:11px;line-height:1.9;color:#8b967d;margin-top:9px}.guide-tip{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#9e9a7b;line-height:1.8;margin:18px 0;background:#f7f3e7;padding:12px;border-radius:7px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0e6;padding:20px 0}.setting-row>div{display:flex;align-items:center;gap:12px;color:#7f936d}.setting-row strong{display:block;font-size:12px;font-weight:600}.setting-row small{display:block;font-size:10px;color:#a0aa95;margin-top:5px}.switch{width:38px;height:22px;padding:3px;border-radius:20px;background:#d8dfce;flex-shrink:0}.switch>span{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0001;transition:transform .2s}.switch.on{background:#6d8f5a}.switch.on>span{transform:translate(16px)}.setting-note{display:flex;align-items:flex-start;gap:12px;font-size:11px;color:#a0a48b;line-height:1.9;margin:20px 0 25px}.setting-note>svg{flex-shrink:0;margin-top:3px}.network-info{text-align:center;background:#f6f8ef;border-radius:10px;padding:25px 15px;margin-top:15px}.network-info>svg{color:#87a16a}.network-info h3{font-size:15px;margin:12px 0 20px}.network-info p{font-size:11px;color:#939f83;line-height:1.9;margin-top:18px}.address-button{display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #d6e1c9;background:#fff;padding:11px;border-radius:7px;font-family:monospace;font-size:14px;color:#5d7d48;width:100%;margin-top:8px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(650px,calc(100vw - 30px));padding:14px 17px;background:#fffef5;color:#557146;border:1px solid #d6e2c9;border-radius:10px;box-shadow:0 6px 35px #293e352b;font-size:12px;z-index:100}.toast>svg{flex-shrink:0}.toast>button{margin-left:10px;color:#95a386;padding:0;display:flex}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.exit-note{display:flex;align-items:flex-start;gap:15px;background:#f3f6eb;color:#80936d;padding:20px;border-radius:9px;font-size:12px;line-height:1.9}.exit-note svg{flex-shrink:0;margin-top:4px}.empty-small{text-align:center;font-size:12px;color:#98a18a;padding:30px 5px;line-height:1.9}.empty-small p{margin-top:12px}.version-list{display:flex;flex-direction:column;gap:8px;margin-top:15px}.version-list button{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f5f8ed;border:1px solid #e1e9d5;padding:15px;border-radius:9px;text-align:left}.version-list strong{display:block;font-size:13px}.version-list small{display:block;font-size:10px;color:#9aa78c;margin-top:6px}.workshop-main-actions{display:flex;gap:11px}.workshop-toolbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);padding:16px 19px;border-radius:11px;margin-bottom:18px;gap:15px}.workshop-title{display:flex;align-items:center;gap:12px}.workshop-title-icon{background:#edf2e3;width:37px;height:37px;display:grid;place-items:center;border-radius:9px;color:#7a9462}.workshop-title strong{display:block;font-size:14px}.workshop-title small{display:flex;align-items:center;gap:6px;font-size:9px;color:#9aa38e;margin-top:5px}.toolbar-actions{display:flex;align-items:center;gap:5px}.toolbar-divider{height:17px;width:1px;background:#e8ece1;margin:0 6px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:18px;align-items:start}.map-editor,.editor-panel{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}.map-heading{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #edf0e6;font-size:10px;color:#a0ac93}.map-heading>div{display:flex;align-items:center;gap:8px}.map-heading strong{font-size:12px;color:#607c4f}.map-heading>div>span:last-child{font-size:9px;margin-left:2px}.map-board{padding:17px 15px;background:#e9efde;min-height:340px;position:relative;overflow:hidden}.map-board.theme-river{background:#e1ebe3}.map-board.theme-sunset{background:#eee4cf}.map-direction{display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#93a67f;letter-spacing:1px;margin-bottom:10px}.tile-grid{background:#cbd6b6;border:4px solid #d1ddbd;border-radius:5px;overflow:hidden;transform:perspective(1200px) rotateX(12deg);box-shadow:0 6px #bacba4,0 11px #ccd5bc,0 17px 25px #5d795221;margin:0 3px}.tile-row{display:grid;grid-template-columns:repeat(21,minmax(0,1fr))}.tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #d1ddbd;background:#dfe8cd;padding:0;position:relative;color:#91a773;font-size:10px}.tile:nth-child(3n){background:#dce5c7}.tile-row:nth-child(2n) .tile:nth-child(2n){background:#dae4c5}.tile.tile-road{background:#e5dbb9;border-color:#e0d5b4}.tile:hover,.tile:focus{background:#edf3df!important;outline:2px solid #93aa73;outline-offset:-2px;z-index:2}.tile.tile-tower{background:#acc48e;color:#526c43}.tile.tile-wall{background:#c8b48a;color:#7d6948}.tile.tile-trap{background:#c9d6b6;color:#83985b}.tile.tile-core{background:#79a276;color:#edf6cf}.wall-symbol{font-size:17px;line-height:1;font-weight:700}.grass-symbol{font-size:14px;color:#afc495}.map-core-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#95a780;letter-spacing:.5px;margin-top:25px}.map-toolbox{display:flex;gap:9px;justify-content:center;padding:21px 15px;background:#fff;border-top:1px solid #e8eede}.map-toolbox button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#f8faf3;border:1px solid #e3e9d8;border-radius:8px;width:70px;min-height:67px;color:#9aa68a;font-size:10px}.map-toolbox button.selected{border-color:#93ae79;background:#edf4df;color:#63894c;box-shadow:0 0 0 2px #9bb67f12}.map-help{display:flex;align-items:flex-start;gap:6px;font-size:9px;line-height:1.8;color:#a1ac94;padding:0 18px 18px}.map-help svg{flex-shrink:0}.editor-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 10px;overflow-x:auto}.editor-tabs>button{position:relative;flex:1;min-width:49px;display:flex;align-items:center;justify-content:center;gap:5px;padding:17px 3px;color:#9ba58f;font-size:10px;white-space:nowrap}.editor-tabs>button.selected{color:#648250;background:#f9fbf3;font-weight:600}.editor-tabs>button.selected:after{content:"";height:2px;background:#7c9b64;position:absolute;bottom:-1px;left:11px;right:11px}.editor-panel-content{padding:21px 24px 25px;min-height:480px}.panel-intro{margin-bottom:15px}.panel-icon{width:38px;height:38px;background:#edf3e3;color:#8aa76e;display:grid;place-items:center;border-radius:10px;margin-bottom:13px}.panel-icon.warm{background:#f4edda;color:#b49d60}.panel-intro h3{font-size:15px;font-weight:600;line-height:1.7}.panel-intro p{font-size:10px;color:#a1ac93;line-height:1.9;margin-top:6px}.editor-panel .text-input{font-size:11px}.editor-panel .field-label{font-size:11px;margin-top:16px}.theme-picker{display:flex;gap:8px}.theme-choice{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid #e3e8d9;border-radius:7px;padding:8px;font-size:9px;flex:1;color:#91a080;position:relative}.theme-choice.selected{border-color:#8faa74;background:#f1f6e9;color:#688550}.theme-choice>span{display:block;height:29px;background:linear-gradient(130deg,#dce9c9,#b5c79c);border-radius:4px;width:100%}.theme-choice.river>span{background:linear-gradient(130deg,#c7e0d5,#91b4a1)}.theme-choice.sunset>span{background:linear-gradient(130deg,#eedcb2,#ceaf86)}.theme-choice>svg{position:absolute;right:9px;top:13px}.panel-tip{display:flex;align-items:flex-start;gap:9px;padding:12px;background:#f6f8ef;border:1px solid #e9eedf;color:#a0ab8d;font-size:10px;line-height:1.9;border-radius:7px;margin-top:20px}.panel-tip svg{flex-shrink:0;margin-top:2px}.wave-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#738c5e;margin-top:22px;margin-bottom:10px}.wave-head small{font-size:9px;color:#a7b297}.wave-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;background:#f8faf3;border:1px solid #e9eddf;padding:10px;border-radius:8px}.wave-number{width:23px;height:23px;display:grid;place-items:center;background:#eaf0de;color:#819c61;border-radius:7px;font-size:12px;font-weight:700;flex-shrink:0;margin-right:3px}.wave-row label{min-width:0;flex:1}.wave-row label>span{display:block;color:#a0ad8f;font-size:8px;margin-bottom:4px}.wave-row input{width:100%;border:1px solid #dfe6d4;background:#fff;border-radius:5px;min-height:30px;padding:5px;font-size:11px}.wave-row .icon-btn{width:24px;color:#a7ad99}.range-field{display:block;margin:20px 0}.range-field>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a8d6c}.range-field strong{font-size:13px;color:#719157;font-weight:600}.range-field small{font-size:9px;margin-left:4px;color:#a6b295;font-weight:400}.range-field input{width:100%;height:4px;margin-top:16px;display:block}.story-input{line-height:2.1;min-height:220px}.char-counter{text-align:right;font-size:9px;color:#b0b8a4;margin-top:6px}.ai-mode{display:flex;align-items:center;gap:6px;font-size:9px;color:#a59462;background:#f8f3e3;border:1px solid #efe5c9;border-radius:5px;padding:7px;margin-top:17px}.ai-mode .tiny-dot{background:#c4ae71}.idea-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 15px}.idea-chips button{font-size:9px;padding:5px 7px;background:#f5f7ee;border:1px solid #e6ecda;border-radius:20px;color:#91a37b}.idea-chips button:hover{background:#e9f0dd}.prompt-copy{margin-top:9px;font-size:11px}.generated-preview{border:1px solid #d7e5c8;background:#f3f8ea;border-radius:8px;padding:13px;margin-top:15px}.generated-preview>strong{display:flex;align-items:center;gap:6px;color:#719454;font-size:11px}.generated-preview p{font-size:10px;line-height:1.9;color:#95a87f;margin:9px 0 12px}.generated-preview button{font-size:10px;min-height:35px}.code-input{font-family:ui-monospace,SFMono-Regular,monospace;border:1px solid #dce4d1;background:#f4f6ef;border-radius:8px;padding:12px;width:100%;font-size:10px;color:#607353;line-height:1.8;-moz-tab-size:2;tab-size:2;margin-bottom:12px;min-height:300px}.code-hint{font-size:9px;color:#a5ae99;line-height:1.9;margin-top:12px}.editor-summary{display:flex;align-items:center;gap:25px;color:#9aa88b;font-size:10px;margin-top:18px;padding:0 4px}.editor-summary>span{display:flex;align-items:center;gap:6px}.editor-summary .summary-tip{margin-left:auto;font-size:9px;color:#acb49f}.game-shell{background:#f2f5eb;min-height:100dvh}.game-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 23px;background:#fff;border-bottom:1px solid #e3e9da}.game-top-left,.game-top-right{display:flex;align-items:center;gap:15px}.game-top-left>div>strong{font-size:16px;display:block;letter-spacing:1px}.game-top-left>div>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#9ba58c;margin-top:4px}.game-logo{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#e5eed8;color:#7a9560}.game-top-right{gap:12px}.room-code-badge{display:flex;align-items:center;gap:8px;background:#f3f6ec;color:#91a17c;border:1px solid #e4ebd9;padding:8px 11px;border-radius:7px;font-size:10px}.room-code-badge strong{font-family:monospace;font-size:16px;letter-spacing:1.5px;color:#5e7d46}.connection-indicator{display:flex;align-items:center;gap:5px;font-size:10px;color:#84a069;min-width:66px}.connection-indicator.offline{color:#b99968}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;padding:12px;gap:12px}.battlefield{position:relative;height:calc(100dvh - 94px);min-height:620px;background:#dce6d3;border:1px solid #d1ddc2;border-radius:12px;overflow:hidden;isolation:isolate}.game-world{position:absolute;top:0;right:0;bottom:0;left:0}.game-world canvas{display:block;width:100%;height:100%;outline:none;cursor:crosshair}.game-world canvas:focus-visible{outline:2px solid #8da976;outline-offset:-3px}.webgl-error,.game-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;padding:30px;background:#ecf1e3;color:#849a6c;font-size:13px}.webgl-error p{max-width:380px;font-size:12px;line-height:2}.world-top-hud{position:absolute;inset:17px 19px auto;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.phase-badge{display:flex;align-items:center;gap:8px;min-height:37px;background:#fffef1ed;border:1px solid #fffef3af;border-radius:8px;padding:8px 12px;box-shadow:0 2px 8px #3a5b2910;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#7e9063;font-size:10px}.phase-badge strong{font-size:11px;font-weight:600}.phase-badge>span:last-child:not(.status-dot){font-size:9px;color:#a0a583;padding-left:8px;border-left:1px solid #e0e5ce}.phase-badge .phase-time{font-family:monospace;font-size:15px!important;font-weight:700;color:#749058!important}.resource-hud{display:flex;align-items:center;gap:8px}.resource-hud>span{display:flex;align-items:center;gap:6px;background:#fffdf1e8;border:1px solid #fffef3af;padding:8px 10px;border-radius:7px;color:#8d976f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.resource-hud strong{font-family:monospace;font-size:14px;font-weight:600;color:#687b4d}.resource-hud small{font-size:8px;color:#a4aa8b}.game-bottom-hud{position:absolute;left:18px;right:18px;bottom:19px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.player-hud{display:flex;gap:11px;align-items:center;background:#fffef2ed;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid #ffffffb5;border-radius:10px;padding:12px 15px;min-width:186px;box-shadow:0 4px 20px #3b512519}.game-avatar{width:39px;height:45px;border:1px solid #b8cda5;background:#dfeacd;color:#76975d;display:grid;place-items:center;border-radius:8px}.player-hud>div{flex:1}.player-hud strong{display:block;font-size:11px;color:#667b4d}.player-hud strong>span{font-size:8px;color:#a2ac8e;margin-left:8px;font-weight:400}.hp-track{height:5px;background:#e3e7d3;border-radius:5px;overflow:hidden;margin-top:9px;width:112px}.hp-track>span{display:block;height:100%;background:#90ad6a;transition:width .2s}.player-hud small{font-size:8px;color:#a2ac8c;display:flex;align-items:center;gap:4px;margin-top:5px}.build-slots{display:flex;gap:7px;pointer-events:auto}.build-slot,.skill-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:75px;height:94px;border:1px solid #f9fbedb3;background:#fffdf0e8;border-radius:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#93a374;box-shadow:0 3px 9px #30412415;padding:17px 3px 7px}.build-slot:hover{background:#f6fae9}.build-slot.selected{border:2px solid #6e9659;background:#edf4d9;box-shadow:0 0 0 3px #6e965922;color:#5d8445}.slot-key{position:absolute;top:6px;left:6px;font-family:monospace;font-size:9px;line-height:1;background:#e9edda;padding:3px 4px;color:#9ca48a;border-radius:3px}.build-slot strong,.skill-slot strong{font-size:10px;font-weight:600;color:#6f8655}.build-slot small,.skill-slot small{font-size:7px;color:#a6ad91}.skill-slot{margin-left:5px;background:#f6ecd5ed;color:#b5a16d;border-color:#fff5db}.skill-slot strong{color:#9e8757}.skill-slot .slot-key{background:#eee2c6;color:#b29c6a}.skill-slot.cooling{background:#e7e8d9b5}.skill-slot:disabled{opacity:.75}.interaction-hint{position:absolute;bottom:135px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;background:#fffef0f2;color:#73875c;font-size:11px;border:1px solid #e6eccf;border-radius:8px;padding:10px 15px;box-shadow:0 4px 15px #30412412}.interaction-hint.downed{background:#f8ead9;color:#ac8a59}.interaction-hint progress{width:60px;height:6px;accent-color:#86a967}.keycap,kbd{font-family:ui-monospace,monospace;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border:1px solid #d3ddc4;border-bottom-width:2px;border-radius:4px;background:#f9fbf2;color:#8ba273;font-size:10px}.build-hint{position:absolute;top:71px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:#fffdf2e6;color:#8d9a74;padding:9px 12px;border:1px solid #f9fff099;border-radius:7px;font-size:10px;white-space:nowrap;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.build-hint>button{color:#a3ae8f;display:flex;padding:0;margin-left:4px}.game-sidepanel{height:calc(100dvh - 94px);min-height:620px;overflow-y:auto;background:#fffef8;border:1px solid #e2e8d7;border-radius:12px;padding:21px 19px;scrollbar-width:thin;scrollbar-color:#e3e8da transparent}.mission-card .eyebrow{font-size:8px;letter-spacing:1.5px}.mission-card h2{display:flex;align-items:center;gap:7px;font-size:17px;margin-top:9px;color:#627e4c}.mission-card h2 svg{color:#91a975}.mission-card>p{font-size:10px;line-height:1.9;color:#a5ae96;margin-top:11px}.core-health{margin-top:22px}.core-health>span{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#96a284}.core-health strong{font-family:monospace;font-size:11px;font-weight:600;color:#8a9f71}.core-health>div{height:7px;border-radius:4px;background:#edf0df;margin-top:9px;overflow:hidden}.core-health i{display:block;height:100%;background:#91aa6d;transition:width .2s}.wave-progress{display:flex;justify-content:space-around;gap:8px;position:relative;margin:25px 0}.wave-progress:before{content:"";position:absolute;top:11px;left:13%;right:13%;height:1px;background:#e3e9d5}.wave-progress>div{display:flex;flex-direction:column;align-items:center;gap:7px;z-index:1}.wave-progress>div>span{display:flex;align-items:center;justify-content:center;width:23px;height:23px;background:#f3f6e9;border:1px solid #e3e9d6;border-radius:50%;font-size:10px;color:#b0b99e}.wave-progress small{font-size:8px;color:#a9b295}.wave-progress .complete>span{background:#7f9d5f;border-color:#7f9d5f;color:#fff}.wave-progress .current>span{border-color:#a7b98a;color:#7a945a;background:#eaf2d9;box-shadow:0 0 0 4px #eaf2d960}.mission-card>.button{font-size:11px;min-height:40px}.battle-status{display:flex;align-items:center;justify-content:center;gap:7px;background:#f4eddf;color:#ae9667;border:1px solid #ebe0c6;border-radius:7px;padding:12px;font-size:10px}.team-card{margin-top:26px;border-top:1px solid #e8ecde;padding-top:23px}.panel-section-title{display:flex;align-items:center;justify-content:space-between}.panel-section-title h3,.game-log h3,.controls-card h3{display:flex;align-items:center;gap:6px;font-size:11px;color:#8a9a74;font-weight:500}.panel-section-title>span{font-family:monospace;font-size:10px;color:#afb89d}.teammate{display:flex;align-items:center;gap:10px;margin-top:17px}.teammate-avatar{width:32px;height:36px;border-radius:7px;background:#e6edda;border:1px solid #d7e2c6;display:grid;place-items:center;color:#8da270;font-size:15px;font-family:serif;font-weight:700}.teammate-avatar.hero-zhugeliang,.game-avatar.hero-zhugeliang{background:#e0e9e3;border-color:#c6dcd2;color:#8bab9a}.teammate-avatar.hero-sunshangxiang,.game-avatar.hero-sunshangxiang{background:#f1e3d4;border-color:#e7d2bd;color:#b79372}.teammate strong{display:flex;align-items:center;gap:5px;font-size:11px;color:#829368;font-weight:500}.teammate strong>small{font-size:7px;color:#9dad85;background:#f1f5e6;border:1px solid #e7eed9;padding:1px 4px;border-radius:3px}.teammate strong>svg{color:#b9a871}.teammate div>span{display:block;font-size:8px;color:#adb69c;margin-top:5px}.teammate-dot{width:5px;height:5px;background:#94b16f;border-radius:50%;margin-left:auto}.teammate-dot.off{background:#c5ae86}.invite-teammate{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px dashed #dce5ce;background:#f9fbf3;color:#9cab85;font-size:10px;border-radius:7px;margin-top:18px;padding:12px 6px}.invite-teammate:hover{background:#f0f6e5}.game-log{border-top:1px solid #e8ecde;padding-top:20px;margin-top:23px}.game-log h3{margin-bottom:15px}.game-log p{display:flex;align-items:flex-start;gap:7px;font-size:9px;color:#b0b69f;line-height:1.8;margin-top:9px}.game-log p>span{width:3px;height:3px;border-radius:50%;background:#c5cbb7;flex-shrink:0;margin-top:7px}.game-log p.latest{color:#8c9f73}.game-log p.latest>span{background:#9eb37f}.controls-card{border:1px solid #e8ecda;background:#f6f8ef;border-radius:8px;padding:13px;margin-top:23px}.controls-card h3{font-size:10px;margin-bottom:13px}.controls-card p{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a5af94;font-size:8px;margin-top:9px}.controls-card p>span{display:flex;gap:3px;align-items:center;color:#8d9e76}.controls-card kbd{min-width:15px;height:16px;font-size:8px;border-color:#dce5ce}.reconnecting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#eef3e19c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#8ca76c;font-size:13px}.reconnecting-overlay span{font-size:11px;color:#9ba68b}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#dfe9d980;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.result-card{background:#fffef5f5;box-shadow:0 20px 60px #35522829;border:1px solid #fffef0;border-radius:17px;max-width:500px;padding:34px 30px;text-align:center}.result-icon{width:83px;height:83px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#eee6c8;color:#b7a05b;border:6px solid #f7f2de}.result-icon.defeat{background:#e9e5cf;color:#a99d73}.result-card .eyebrow{font-size:8px}.result-card h2{font-size:24px;font-family:"Noto Serif SC",serif;line-height:1.7;margin-top:8px;color:#5b7745}.result-card>p{font-size:11px;color:#a1ad8c;line-height:1.9;margin-top:10px}.result-stats{display:flex;align-items:center;justify-content:center;gap:30px;border-top:1px solid #edf0dd;border-bottom:1px solid #edf0dd;padding:20px 0;margin-top:23px}.result-stats>span{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#acb397}.result-stats strong{font-family:monospace;font-size:23px;font-weight:600;color:#829962}.result-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px}.result-learning{display:flex;align-items:center;justify-content:center;gap:6px;color:#b0b49a;font-size:9px;margin-top:20px}.story-art{height:185px;position:relative;overflow:hidden;border-radius:9px;margin-top:18px}.story-art img{width:100%;height:100%;object-fit:cover;object-position:60% 60%}.story-art>span{position:absolute;bottom:12px;left:12px;background:#fffbece8;color:#859767;font-size:10px;display:flex;align-items:center;gap:6px;border-radius:5px;padding:7px 10px}.story-text{font-size:13px;color:#8c9b78;line-height:2.1;margin-top:20px;white-space:pre-wrap}.story-steps{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#a4b08c;margin:23px 0}.story-steps>span{display:flex;align-items:center;gap:5px}.story-steps>svg{color:#c0c8af}.help-controls p{font-size:12px;color:#9ba789;line-height:1.9;margin-bottom:17px}.help-controls strong{display:block;font-size:13px;color:#728d5b;margin-bottom:4px}@media(min-width:1600px){.hero-banner{height:416px}.hero-copy{padding:40px 44px}.hero-copy h2{font-size:53px}.hero-copy>p{font-size:13px;margin-top:16px}.hero-actions{margin-top:25px}.hero-meta{margin-top:23px}.adventure-art{height:190px}.adventure-body{padding:19px 20px 0}.adventure-body>p{font-size:11px}.adventure-details{font-size:10px}.adventure-bottom{padding:15px 0}.hero-roster{padding:25px}.main-content{padding-top:38px}}@media(max-width:1250px){.sidebar{width:200px;padding:26px 15px 18px}.brand strong{font-size:17px}.brand-mark{width:38px;height:38px}.brand small{font-size:6px}.main-shell{margin-left:200px}.main-content{padding:27px 26px}.topbar{padding:0 26px}.family-pill{display:none}.hero-banner{height:359px}.hero-copy{padding:30px}.hero-copy h2{font-size:43px}.hero-copy>p{font-size:11px}.adventure-grid{gap:13px}.adventure-art{height:139px}.adventure-body{padding:14px 13px 0}.adventure-title h3{font-size:15px}.difficulty{font-size:7px;padding:3px 4px}.adventure-details{gap:8px;font-size:8px}.adventure-details svg{width:11px}.home-bottom{grid-template-columns:1.5fr 1fr;gap:13px}.create-banner{padding:20px 15px;gap:11px;flex-wrap:wrap}.create-banner .button{margin-left:61px;margin-top:-5px;min-height:31px}.create-banner-icon{width:45px;height:45px}.create-banner h3{font-size:14px}.create-banner p{font-size:9px}.learning-card{padding:20px 16px;gap:10px;align-items:center}.learning-card strong{font-size:11px}.hero-roster{padding:18px 15px;gap:15px}.roster-item{min-width:94px;padding:5px 7px 5px 5px;gap:6px}.roster-choices{gap:7px}.hero-portrait{width:31px;height:37px}.roster-item strong{font-size:10px}.hero-roster h3{font-size:12px}.hero-roster p{font-size:9px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:10px;padding:10px}.game-sidepanel{padding:19px 15px}.game-bottom-hud{left:12px;right:12px;gap:10px}.build-slot,.skill-slot{width:64px;height:88px}.player-hud{min-width:165px;padding:10px}.hp-track{width:95px}.game-avatar{width:33px;height:39px}.game-layout .battlefield,.game-sidepanel{height:calc(100dvh - 90px)}.editor-layout{grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}.editor-panel-content{padding:20px}.map-board{padding:15px 8px;min-height:290px}.map-core-label{margin-top:22px}.map-toolbox{gap:7px}.map-toolbox button{width:60px;height:62px}.editor-summary .summary-tip{display:none}.editor-tabs{padding:0 5px}.editor-tabs>button{font-size:9px;gap:3px}.workshop-main-actions .button{font-size:11px;padding:11px 14px}.workshop-heading h1{font-size:22px}}@media(max-width:1050px){.sidebar{width:175px;padding:25px 13px 18px}.brand{gap:8px}.brand strong{font-size:15px}.brand small{font-size:5px;letter-spacing:1.2px}.brand-mark{width:33px;height:35px;border-radius:10px}.brand-mark svg{width:25px;height:25px}.sidebar-label{font-size:9px;margin:35px 11px 14px}.nav-item{padding:13px 11px;gap:10px;font-size:12px}.main-shell{margin-left:175px}.main-content{padding:26px 23px}.topbar{padding:0 23px;height:66px}.page-heading h1{font-size:22px}.hero-copy h2{font-size:40px}.hero-shade{background:linear-gradient(90deg,#edf0df,#edf0dff5 19%,#eaf0dfdc 32%,#e6eddb76 52%,#d6e4cd00 74%)}.hero-meta{font-size:8px;gap:8px}.hero-caption{display:none}.adventure-grid{gap:12px}.adventure-title{flex-wrap:wrap}.adventure-title h3{font-size:16px}.adventure-body>p{font-size:9px;min-height:33px}.adventure-details{gap:8px;flex-wrap:wrap}.adventure-details>span:last-child{display:none}.section-heading{gap:10px}.filter-tabs button{padding:6px 7px;font-size:9px}.section-heading h2{font-size:15px}.section-heading h2>span{display:none}.home-bottom{grid-template-columns:1fr}.create-banner{flex-wrap:nowrap;padding:20px}.create-banner .button{margin:0 0 0 auto}.learning-card{padding:19px 20px;align-items:flex-start}.learning-card button{margin-top:9px}.hero-roster{flex-direction:column;align-items:flex-start}.roster-choices{width:100%}.roster-item{flex:1;gap:10px}.roster-item>svg{margin-left:auto}.hero-portrait{width:40px;height:45px}.roster-item strong{font-size:12px}.roster-item small{font-size:9px}.hero-roster p{font-size:10px}.game-sidepanel{display:none}.game-layout{grid-template-columns:1fr}.battlefield{min-height:600px}.game-bottom-hud{left:20px;right:20px;bottom:20px}.build-slot,.skill-slot{width:76px;height:95px}.player-hud{min-width:190px;padding:13px}.hp-track{width:110px}.editor-layout{grid-template-columns:1fr}.map-board{min-height:auto;padding:20px 35px}.tile-grid{max-width:580px;margin:0 auto}.map-toolbox button{width:80px}.editor-tabs>button{padding:17px 5px;font-size:11px}.editor-panel-content{min-height:360px;padding:25px}.workshop-toolbar{padding:13px}.workshop-title strong{font-size:12px}.toolbar-actions{gap:2px}.text-icon-btn{font-size:10px;padding:5px}.toolbar-divider{margin:0 3px}.workshop-heading{align-items:flex-start}.workshop-main-actions{flex-direction:column;gap:7px}.workshop-main-actions .button{padding:8px 13px;min-height:35px}.workshop-heading h1{font-size:21px}}@media(max-width:800px){.sidebar{width:76px;padding:23px 10px 16px;align-items:center}.brand>span:last-child,.sidebar-label,.nav-item>span,.sidebar-note,.sidebar-bottom>span,.sidebar-bottom>svg:last-child,.version-label{display:none}.brand{padding:0}.brand-mark{width:40px;height:40px}.brand-mark svg{width:29px;height:29px}.sidebar nav{margin-top:42px;width:100%;gap:12px}.nav-item{padding:16px;justify-content:center}.nav-item>svg{width:20px;height:20px}.nav-separator{width:35px;margin-top:27px;margin-bottom:16px}.sidebar-bottom{padding:20px 15px 5px}.main-shell{margin-left:76px}.topbar{padding:0 23px}.topbar-actions{gap:11px}.main-content{padding:24px 23px}.page-heading h1{font-size:21px}.page-heading .eyebrow{font-size:8px}.hero-copy{padding:28px}.hero-copy h2{font-size:38px}.hero-banner{height:350px}.hero-copy>p{font-size:10px}.hero-actions{gap:8px}.hero-actions .primary{font-size:11px;padding:11px 13px}.hero-secondary{font-size:10px;padding:10px 12px}.hero-meta{font-size:7px}.hero-meta svg{width:12px}.adventure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.adventure-art{height:160px}.adventure-grid>.adventure-card:last-child:nth-child(odd){grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.adventure-grid>.adventure-card:last-child:nth-child(odd) .adventure-art{height:100%;min-height:180px}.adventure-grid>.adventure-card:last-child:nth-child(odd) .adventure-body{display:flex;flex-direction:column;justify-content:center;padding:16px 18px 0}.adventure-title{flex-wrap:nowrap}.adventure-body>p{font-size:10px;min-height:36px}.adventure-details{font-size:9px}.section-heading{flex-wrap:wrap}.filter-tabs{margin-top:4px}.filter-tabs button{padding:7px 10px}.home-bottom{margin-top:18px}.create-banner-icon{display:none}.create-banner .button{font-size:9px;padding:9px;gap:5px}.page-footer>span:last-child{display:none}.modal-inner{padding:27px}.game-topbar{padding:0 15px;height:65px}.game-top-left{gap:9px}.game-top-left>.icon-btn{width:29px}.game-logo{display:none}.game-top-right{gap:6px}.game-top-right>.connection-indicator{display:none}.game-layout{padding:7px}.game-layout .battlefield{height:calc(100dvh - 79px);min-height:560px}.game-bottom-hud{left:12px;right:12px;bottom:14px;gap:8px}.player-hud{min-width:155px;padding:10px;gap:8px}.game-avatar{width:30px;height:36px}.hp-track{width:86px}.build-slots{gap:5px}.build-slot,.skill-slot{width:61px;height:85px}.slot-key{top:5px;left:5px;font-size:8px}.build-slot>svg,.skill-slot>svg{width:21px;height:21px}.skill-slot{margin-left:2px}.build-slot strong,.skill-slot strong{font-size:9px}.build-slot small,.skill-slot small{font-size:6px}.world-top-hud{inset:13px 12px auto}.resource-hud{gap:5px}.resource-hud>span{padding:8px;gap:5px}.resource-hud small{display:none}.phase-badge{padding:8px 10px}.phase-badge>span:last-child:not(.status-dot){display:none}.interaction-hint{bottom:117px;font-size:10px}.build-hint{font-size:9px;top:64px}.editor-summary{gap:15px;font-size:9px}.workshop-heading h1{font-size:20px}.workshop-heading p{font-size:10px;line-height:1.9}.workshop-title small{font-size:8px}.toolbar-actions .text-icon-btn{font-size:0;gap:0}.toolbar-actions .text-icon-btn svg{width:17px;height:17px}.toolbar-actions .icon-btn{width:27px}.workshop-toolbar,.workshop-title{gap:8px}.workshop-title-icon{width:31px;height:31px}}@media(max-width:580px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:64px;border-right:0;border-top:1px solid #e1e8d8;display:block;padding:0;background:#fffef7f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.brand,.nav-separator,.sidebar>.nav-item,.sidebar-spacer,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex-direction:row;justify-content:space-around;gap:0;margin:0;height:100%;padding:6px 8px}.nav-item{width:auto;min-width:86px;flex-direction:column;gap:4px;border-radius:8px;padding:7px 14px}.nav-item>span:not(.nav-dot):not(.nav-count){display:block;font-size:9px}.nav-item>svg{width:18px;height:18px}.nav-item.active{background:#eef4e5}.main-shell{margin-left:0;padding-bottom:65px}.topbar{height:59px;padding:0 18px}.topbar-actions{gap:10px}.breadcrumb{font-size:10px;gap:8px}.help-button,.topbar-divider{display:none}.profile-button>span:last-child{display:none}.profile-avatar{width:29px;height:29px;font-size:11px}.network-badge{font-size:8px;padding:5px 7px}.network-badge svg{width:12px;height:12px}.main-content{padding:22px 17px 25px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:20px;gap:6px}.heading-leaf{display:none}.page-heading p{font-size:10px;line-height:1.8;margin-top:7px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.6px}.hero-banner{height:383px;border-radius:12px}.hero-banner>img{object-position:60% center;filter:saturate(.75)}.hero-shade{background:linear-gradient(90deg,#edf0dfe8,#edf0dfaa 48%,#e6eddb16),linear-gradient(0deg,#edf0dff2,transparent 65%)}.hero-copy{padding:25px 23px;max-width:100%}.hero-tag{font-size:8px;padding:5px 9px}.hero-copy h2{font-size:37px;line-height:1.48;margin-top:16px}.hero-copy>p{font-size:11px;margin-top:16px;line-height:2}.hero-actions{margin-top:23px;gap:9px}.hero-actions .primary{font-size:11px;padding:12px 14px;min-height:43px;gap:6px}.hero-actions .primary svg{width:15px}.hero-actions .primary svg:last-child{display:none}.hero-secondary{font-size:10px;padding:10px 12px;gap:5px}.hero-secondary svg{width:14px}.hero-meta{margin-top:21px;gap:9px;white-space:normal;font-size:7px}.hero-meta>span:last-child{display:none}.hero-meta>i:last-of-type{display:none}.section-heading{margin-top:25px;margin-bottom:14px;gap:11px}.section-heading h2{font-size:16px}.section-heading p{font-size:10px}.filter-tabs{width:100%;display:flex;justify-content:space-between}.filter-tabs button{font-size:9px;flex:1;padding:8px 6px}.adventure-grid{grid-template-columns:1fr;gap:15px}.adventure-grid>.adventure-card:last-child:nth-child(odd){grid-column:auto;display:block}.adventure-grid>.adventure-card:last-child:nth-child(odd) .adventure-art{height:165px;min-height:0}.adventure-grid>.adventure-card:last-child:nth-child(odd) .adventure-body{display:block;padding:16px 17px 0}.adventure-art{height:165px}.adventure-body{padding:16px 17px 0}.adventure-title h3{font-size:17px}.difficulty{font-size:8px;padding:4px 6px}.adventure-body>p{min-height:0;font-size:11px}.adventure-details{font-size:9px;gap:16px}.adventure-details>span:last-child{display:flex}.adventure-bottom{padding:14px 0}.card-play{font-size:12px}.card-edit{font-size:10px}.create-banner{padding:19px 16px;flex-wrap:wrap;gap:16px}.create-banner h3{font-size:16px}.create-banner p{font-size:10px}.create-banner .button{margin:0;font-size:10px;padding:10px 12px}.learning-card{padding:22px 17px;gap:13px}.learning-card strong{font-size:12px}.learning-card p{font-size:9px}.hero-roster h3{font-size:12px;line-height:1.8}.hero-roster p{font-size:9px;line-height:1.8}.roster-item{min-width:0;gap:6px;padding:6px 5px;flex-direction:column;text-align:center}.hero-portrait{width:55px;height:57px}.roster-item strong{font-size:11px}.roster-item>svg{position:absolute;right:5px;top:6px;background:#fff;border-radius:50%;width:13px}.page-footer{font-size:8px;margin-top:23px}.modal{max-width:calc(100vw - 24px);border-radius:13px}.modal-inner{padding:25px 20px}.modal h2{font-size:21px}.modal-subtitle{font-size:11px}.modal-close{top:14px;right:12px}.modal .eyebrow{font-size:8px}.hero-select{gap:8px}.hero-option-art{height:112px}.hero-option strong{font-size:13px}.hero-option small{font-size:8px}.hero-skill-note{font-size:9px;line-height:1.8}.guide-grid{grid-template-columns:1fr}.guide-card{padding:16px}.guide-card h3{font-size:13px}.guide-card>svg{width:21px;height:21px}.guide-card p{font-size:11px}.toast{bottom:80px;font-size:11px;min-width:260px;line-height:1.7}.workshop-heading{flex-direction:column;align-items:flex-start;gap:15px}.workshop-main-actions{flex-direction:row;width:100%;gap:10px}.workshop-main-actions>.button{flex:1;min-height:39px;font-size:11px}.workshop-title strong{font-size:11px}.workshop-title small{font-size:7px}.workshop-title-icon{display:none}.workshop-toolbar{padding:13px 10px;margin-bottom:13px}.toolbar-actions{gap:1px}.toolbar-actions .icon-btn{width:25px;height:28px}.toolbar-actions .icon-btn>svg{width:16px}.toolbar-actions .text-icon-btn{padding:4px}.toolbar-divider{margin:0 1px}.map-board{padding:20px 10px}.map-heading{padding:15px 13px}.map-heading>div>span:last-child{display:none}.tile-grid{border-width:3px}.tile>svg{width:10px;height:10px}.wall-symbol{font-size:12px}.grass-symbol{font-size:10px}.map-toolbox{padding:17px 10px;gap:8px}.map-toolbox button{width:62px;min-height:60px;font-size:9px}.map-toolbox svg{width:18px}.map-help{font-size:8px}.editor-layout{gap:14px}.editor-tabs>button{font-size:9px;gap:4px;padding:15px 2px;min-width:45px}.editor-tabs svg{width:13px}.editor-panel-content{padding:20px 17px}.editor-summary{font-size:8px;gap:13px;flex-wrap:wrap}.editor-summary svg{width:13px}.empty-state{padding:50px 20px;min-height:370px}.empty-state h2{font-size:20px}.empty-state p{font-size:11px}.page-heading>.button{font-size:11px}.game-topbar{padding:0 8px;height:59px;gap:8px}.game-top-left{gap:5px}.game-top-left>div>strong{font-size:12px;letter-spacing:.3px}.game-top-left>div>span{font-size:7px;gap:3px}.game-top-left>.icon-btn{width:25px}.game-top-left>.icon-btn svg{width:17px}.room-code-badge{gap:5px;font-size:8px;padding:6px 8px}.room-code-badge>span,.room-code-badge>svg:first-child{display:none}.room-code-badge strong{font-size:12px}.game-top-right{gap:3px}.game-top-right>.icon-btn{width:25px}.game-top-right>.icon-btn svg{width:17px}.game-layout{padding:5px}.game-layout .battlefield{height:calc(100dvh - 69px);min-height:550px}.game-bottom-hud{flex-direction:column;align-items:center;gap:10px;bottom:11px;left:8px;right:8px}.player-hud{align-self:flex-start;min-width:145px;padding:8px;gap:6px;border-radius:8px}.game-avatar{width:27px;height:32px}.game-avatar svg{width:18px}.player-hud strong{font-size:10px}.player-hud strong>span{font-size:7px}.hp-track{margin-top:6px;width:96px;height:4px}.player-hud small{font-size:7px;margin-top:4px}.build-slots{gap:7px;align-self:center}.build-slot,.skill-slot{width:66px;height:80px}.slot-key{font-size:7px;padding:2px 3px}.build-slot strong,.skill-slot strong{font-size:8px}.world-top-hud{inset:10px 8px auto;gap:6px}.resource-hud>span{padding:7px 6px;gap:3px}.resource-hud strong{font-size:12px}.resource-hud svg{width:14px}.phase-badge{min-height:31px;padding:7px;font-size:9px;gap:5px}.phase-badge strong{font-size:9px}.phase-badge .status-dot{width:4px;height:4px}.interaction-hint{bottom:177px;font-size:8px;padding:8px;gap:5px;max-width:96%;white-space:normal;min-width:240px;justify-content:center}.interaction-hint .keycap{width:16px;min-width:16px;height:17px;font-size:8px}.build-hint{top:57px;width:calc(100% - 20px);font-size:8px;justify-content:center;gap:5px;white-space:normal;line-height:1.8}.result-card{padding:25px 20px}.result-card h2{font-size:20px}.result-card>p{font-size:10px}.result-stats{gap:20px}.result-stats strong{font-size:21px}.result-actions .button{font-size:11px;padding:11px 13px}.result-learning{font-size:8px;line-height:1.8}.story-art{height:150px}.story-text{font-size:12px}.story-steps{gap:7px;font-size:9px}.dialog-actions{gap:8px}.dialog-actions .button{font-size:11px;padding:11px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.adventure-card:hover{transform:none}.adventure-card:hover .adventure-art>img{transform:none}.tile-grid{transform:none}}.duel-lobby,.family-guide{max-width:1320px;margin:auto}.duel-intro{position:relative;overflow:hidden;min-height:240px;padding:32px 36px;margin-bottom:26px;display:flex;align-items:center;background:linear-gradient(115deg,#e8efda,#f2e9d8);border:1px solid #dce4cd;border-radius:18px}.duel-intro>div{position:relative;z-index:1}.duel-intro h2{font-family:var(--serif);font-size:34px;line-height:1.5;margin:13px 0}.duel-intro p{line-height:1.9;color:#56664f;font-size:13px}.duel-intro>img{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;object-position:center 34%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%);opacity:.88}.duel-setup-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.duel-panel{background:#fffef8;border:1px solid #e0e6d6;border-radius:14px;padding:24px;min-width:0}.duel-section-label{display:flex;align-items:center;gap:9px;color:#396850;margin-bottom:19px}.duel-section-label h2{font-size:16px;font-weight:650;margin:0}.duel-section-label>span{font-size:11px;color:#65705f;margin-left:auto}.duel-hero-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.duel-hero-list>button{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid #e1e5d6;border-radius:11px;background:#fbfbf2;padding:14px 5px;color:#354e3e}.duel-hero-list>button.selected{background:#edf3e3;border-color:#598364;box-shadow:inset 0 0 0 1px #598364}.duel-hero-list .hero-portrait{width:66px;height:72px}.duel-hero-list strong{font-size:15px}.duel-hero-list small{font-size:11px;color:#5d6d57}.duel-hero-list button>svg{position:absolute;top:9px;right:9px;color:#3b6c4f}.duel-xp{margin:22px 0 16px}.duel-xp>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:14px;color:#386247}.duel-xp b{font-size:12px;margin-left:7px;font-weight:500}.duel-xp small{color:#67725e;font-size:11px}.duel-xp progress,.duel-fighter progress{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#e4e9d9}.duel-xp progress::-webkit-progress-bar,.duel-fighter progress::-webkit-progress-bar{background:#e4e9d9}.duel-xp progress::-webkit-progress-value{background:linear-gradient(90deg,#57865b,#a0b76d);border-radius:10px;transition:width .4s ease}.duel-xp progress::-moz-progress-bar{background:#6d985f}.duel-skill-preview{display:grid;gap:1px;border-radius:10px;overflow:hidden;border:1px solid #e8ebdf}.duel-skill-preview>div{display:flex;gap:11px;align-items:center;background:#f6f8ef;padding:11px 12px}.duel-skill-preview>div.locked{background:#f5f3ec;color:#74786b}.duel-skill-preview strong,.duel-skill-preview small{display:block}.duel-skill-preview strong{font-size:13px;margin-bottom:3px}.duel-skill-preview small{font-size:11px;line-height:1.6;color:#64715e}.duel-skill-preview b{font-size:10px;margin-left:auto;white-space:nowrap;font-weight:500}.duel-skill-preview .keycap{min-width:25px;height:25px}.job-panel{margin-top:23px}.job-panel .duel-section-label{margin-bottom:12px}.job-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.job-options button{border:1px solid #dce3d3;background:#f7f9f0;border-radius:10px;padding:14px 12px;text-align:left;color:#3a5742}.job-options button[aria-pressed=true]{border-color:#4d7a56;background:#eaf1dd;opacity:1}.job-options button:disabled:not([aria-pressed=true]){opacity:.65;cursor:not-allowed}.job-options button>span{display:flex;gap:7px;align-items:center;font-size:13px}.job-options small{font-size:11px;display:block;margin-top:9px;line-height:1.6}.job-options p{font-size:11px;color:#586951;margin:8px 0 0;line-height:1.8}.duel-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.duel-mode-picker button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 15px;text-align:left;background:#f9f8ef;border:1px solid #e2e5d6;border-radius:11px;color:#4a654e}.duel-mode-picker button.selected{border-color:#4d795b;box-shadow:inset 0 0 0 1px #4d795b;background:#eef4e5}.duel-mode-picker strong{font-size:15px}.duel-mode-picker small{font-size:11px;line-height:1.6;color:#606d57}.opponent-label{margin-top:27px}.opponent-list{display:grid;gap:10px}.opponent-list>button{display:flex;align-items:center;gap:13px;padding:13px;background:#faf9f1;border:1px solid #e3e5d7;border-radius:10px;text-align:left;color:#3c5342}.opponent-list>button.selected{border-color:#608563;background:#f0f4e6}.opponent-list>button:disabled{opacity:.6;cursor:not-allowed}.opponent-seal{width:45px;height:49px;display:grid;place-items:center;color:#fff9ea;border-radius:8px;font-family:var(--serif);font-size:24px;box-shadow:inset 0 0 0 3px #fff3}.opponent-list strong{display:flex;align-items:center;gap:10px;font-size:15px}.opponent-list strong>b{font-size:11px;font-weight:500;color:#6c795d}.opponent-list small{display:block;margin-top:5px;font-size:11px;color:#65725b}.opponent-list button>svg{margin-left:auto}.opponent-note{display:flex;align-items:center;gap:12px;background:#f3eddd;border-radius:9px;padding:13px;color:#826441;margin:15px 0 22px}.opponent-note>svg{flex-shrink:0}.opponent-note p{font-size:12px;line-height:1.8;margin:0}.duel-learning-strip{display:flex;align-items:center;gap:16px;padding:21px 25px;background:#eaf0dd;border-radius:12px;color:#4f7151;margin-top:24px}.duel-learning-strip p{margin:0;font-size:12px;line-height:1.9}.duel-learning-strip strong{font-size:14px}.duel-learning-strip>svg:last-child{margin-left:auto}.duel-home-banner{display:flex;align-items:center;gap:18px;padding:22px 27px;border:1px solid #e2d7bf;background:linear-gradient(110deg,#f2ead7,#eaf0df);border-radius:12px;margin-top:24px}.duel-home-banner>svg{color:#986d45;flex-shrink:0}.duel-home-banner h3{font-size:17px;margin:0 0 7px;color:#465b3b}.duel-home-banner p{font-size:12px;line-height:1.8;margin:0;color:#657158}.duel-home-banner .button{margin-left:auto;white-space:nowrap}.duel-panel button,.duel-action-button{transition:background .15s,border-color .15s,box-shadow .15s}.duel-panel button:not(:disabled):hover{box-shadow:0 3px 12px #42613b18}.duel-panel button:focus-visible,.duel-action-button:focus-visible{outline:3px solid #cc9c4a;outline-offset:3px}.duel-panel button:disabled{cursor:not-allowed}.duel-game{min-height:100dvh;background:#eef1e5;color:#344b39}.duel-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;padding:20px;max-width:1920px;margin:auto}.duel-main{min-width:0}.duel-health-row{display:flex;align-items:center;gap:20px;background:#fffef5;border:1px solid #e1e7d5;border-radius:12px;padding:18px 21px;margin-bottom:14px}.duel-fighter{flex:1;min-width:0}.duel-fighter>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}.duel-fighter strong{font-family:var(--serif);font-size:22px}.duel-fighter small{font-size:11px;color:#69765d}.duel-fighter b{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums}.duel-fighter progress{height:10px}.duel-fighter progress::-webkit-progress-value{background:linear-gradient(90deg,#3f8561,#91b86b);transition:width .2s;border-radius:10px}.duel-fighter progress::-moz-progress-bar{background:#5e9968}.duel-fighter.enemy progress::-webkit-progress-value{background:linear-gradient(90deg,#be725c,#d9a56e)}.duel-fighter.enemy progress::-moz-progress-bar{background:#bd795f}.duel-versus{font-family:Georgia,serif;font-style:italic;color:#ad8355;font-size:22px}.duel-arena{position:relative;isolation:isolate;overflow:hidden;height:clamp(380px,calc(100dvh - 330px),820px);min-height:380px;border:1px solid #bdcbb3;border-radius:14px;background:#cddfc8;box-shadow:0 8px 30px #45634712}.duel-arena .game-world{height:100%;width:100%}.duel-arena canvas{display:block;width:100%;height:100%}.duel-intent{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border:1px solid #e9ead7;background:#fffdf1ee;border-radius:10px;color:#4e6d45;box-shadow:0 5px 20px #526d3b1c;pointer-events:none;max-width:calc(100% - 28px);width:max-content;font-size:12px}.duel-intent strong{font-weight:600}.duel-intent span{font-size:11px;white-space:nowrap}.duel-intent.danger{color:#924b37;border-color:#e3b49d;background:#fff0dfee}.duel-ready{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:#eaf0dcbb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center}.duel-ready>span{display:grid;place-items:center;background:#fff8e4;width:70px;height:70px;border-radius:20px;color:#8d703c;box-shadow:0 6px 20px #526d3b14}.duel-ready h2{font-family:var(--serif);font-size:30px;margin:22px 0 12px}.duel-ready p{font-size:13px;line-height:1.9;max-width:390px;color:#5c6f54;margin:0 0 24px}.duel-actions{margin-top:14px;display:flex;gap:12px}.duel-basic-actions{display:flex;gap:10px;flex:0 0 auto}.duel-skill-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:1;min-width:0}.duel-action-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:108px;min-width:106px;background:#fffdf2;border:1px solid #d3ddc6;border-radius:11px;padding:12px 8px;color:#456d49;box-shadow:0 3px #d7deca}.duel-action-button .keycap{font-size:10px;position:absolute;top:7px;left:8px;min-width:18px;padding:2px 4px}.duel-action-button>strong{font-size:13px}.duel-action-button>small{font-size:10px;line-height:1.6;max-width:140px}.duel-action-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.duel-action-button:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #d7deca}.duel-action-button:not(:disabled):hover{background:#edf5df;border-color:#80a366}.duel-action-button.locked{background:#f3f1e9;color:#6f7464}.duel-controls-note{font-size:11px;line-height:1.8;color:#637357;padding:0 3px}.duel-sidebar{display:flex;flex-direction:column;gap:15px}.duel-sidebar .duel-panel{padding:21px}.duel-sidebar .duel-panel h3{font-size:15px;margin:0 0 9px}.duel-sidebar .duel-panel>p{font-size:12px;line-height:1.9;color:#65745c}.duel-sidebar .duel-xp{margin:0 0 13px}.duel-intent-guide{display:grid;gap:12px;font-size:11px;margin:19px 0;color:#6c765c}.duel-intent-guide>span{display:flex;align-items:center;gap:6px}.duel-intent-guide strong{color:#556b49}.duel-guard-state{font-size:11px;background:#edf1df;border-radius:8px;padding:12px;line-height:1.7;color:#627249}.duel-sidebar .job-options{grid-template-columns:1fr}.duel-sidebar .job-panel .duel-section-label>span{font-size:9px}.duel-round-note{border-top:1px solid #e5e9d8;padding-top:12px;font-size:10px!important}.duel-battle-log ol{margin:0;padding:0 0 0 14px;display:grid;gap:12px;font-size:11px;color:#65715a;line-height:1.7}.duel-result{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#e8eddbbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:18px;overflow:auto}.duel-result-card{background:#fffdf3;border:1px solid #d8e0c8;border-radius:17px;padding:28px 35px;text-align:center;width:min(100%,480px);box-shadow:0 18px 65px #3c613431;animation:duel-result-in .4s ease-out}.duel-result-symbol{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#f3e5bc;color:#9b7936;margin:0 auto 19px}.duel-result-card h2{font-family:var(--serif);font-size:25px;line-height:1.6;margin:0 0 9px}.duel-result-card>p{font-size:13px;line-height:1.9;color:#617452}.duel-result-card>p strong{color:#8b7336}.duel-result-actions{display:flex;justify-content:center;gap:10px;margin-top:23px}.duel-result-actions .button{font-size:12px;padding:11px 15px}.duel-level-up{background:linear-gradient(100deg,#eaf2d6,#f4e7b8,#eaf2d6);background-size:200%;border:1px solid #dccb8b;padding:12px 10px;font-size:13px;font-weight:650;border-radius:9px;color:#85702e;animation:duel-celebrate 3s ease-in-out infinite}.duel-help{font-size:13px;line-height:2;color:#53684d;margin-bottom:22px}.duel-help p+p{margin-top:15px}.family-start{display:flex;align-items:center;gap:24px;background:#e9f0dc;border:1px solid #dce5ca;border-radius:14px;padding:27px 30px}.family-start>svg{color:#5c8452;flex-shrink:0}.family-start h2{font-size:19px;margin:0 0 11px}.family-start p{font-size:13px;color:#586e4d;line-height:1.9;max-width:690px;margin:7px 0}.family-start .button{white-space:nowrap;margin-left:auto;flex-shrink:0}.family-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.family-task{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:27px}.family-age{background:#edf1df;color:#617448;font-size:11px;padding:5px 9px;border-radius:6px;position:absolute;right:19px;top:21px}.family-task>svg{color:#6a865a;margin-bottom:20px}.family-task h3{font-size:17px;margin:0 0 12px}.family-task p{font-size:13px;line-height:1.9;color:#657459;margin:0 0 22px}.family-task .button{margin-top:auto;font-size:12px}.family-workflow{margin-top:25px;padding:28px}.family-workflow ol{padding:0;counter-reset:step;display:grid;gap:17px;list-style:none}.family-workflow li{counter-increment:step;display:flex;align-items:center;gap:16px;font-size:13px;line-height:1.9}.family-workflow li:before{content:counter(step);display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;background:#eaf0dc;color:#5c7c48;font-size:12px}.family-workflow li>b{min-width:100px;font-size:13px}.family-workflow li>span{color:#69765e}.family-workflow-actions{display:flex;gap:13px;margin-top:23px}.family-code-note{display:flex;gap:17px;padding:25px;margin-top:24px;color:#5e7650;background:#edf1e2;border-radius:12px}.family-code-note>svg{flex-shrink:0}.family-code-note h3{font-size:16px;margin:0 0 11px}.family-code-note p{font-size:12px;line-height:1.9;color:#607151}.family-code-note code{font-size:11px;overflow-wrap:anywhere;background:#e3e9d5;padding:2px 4px;border-radius:4px}@keyframes duel-result-in{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:none}}@keyframes duel-celebrate{50%{background-position:100%}}@media(max-width:1200px){.duel-layout{grid-template-columns:minmax(0,1fr) 270px;gap:14px;padding:14px}.duel-action-button{min-width:82px}.duel-action-button>strong{font-size:11px}.duel-action-button>small{font-size:9px}.duel-skill-buttons,.duel-basic-actions{gap:7px}.duel-actions{gap:8px}.duel-setup-grid{gap:17px}.duel-panel{padding:19px}.duel-section-label h2{font-size:14px}.family-start{flex-wrap:wrap}.family-start>div{flex:1;min-width:220px}.family-start .button{margin-left:56px}.family-task-grid{gap:13px}.family-task{padding:22px}.family-task h3{font-size:15px}.duel-intro>img{width:43%}}@media(max-width:1000px){.duel-layout{grid-template-columns:1fr}.duel-sidebar{display:grid;grid-template-columns:1fr 1fr}.duel-sidebar .duel-battle-log{grid-column:span 2}.duel-sidebar .job-options{grid-template-columns:1fr 1fr}.duel-arena{height:clamp(380px,calc(100dvh - 330px),680px)}.duel-setup-grid{grid-template-columns:1fr}.duel-intro h2{font-size:29px}.duel-intro p{font-size:11px}.duel-intro{padding:27px;min-height:225px}.duel-home-banner{flex-wrap:wrap}.duel-home-banner .button{margin-left:51px}.family-task-grid{grid-template-columns:1fr}.family-task p{max-width:650px}.family-task{padding:24px}.family-age{top:24px}.family-workflow li{flex-wrap:wrap;gap:7px 13px}.family-workflow li>span{width:100%;padding-left:40px}.duel-intent{gap:7px;font-size:11px}.duel-intent span,.duel-fighter small{font-size:10px}}@media(max-width:580px){.sidebar nav .nav-item{min-width:0;flex:1;padding:7px 3px}.sidebar nav .nav-item>span:not(.nav-dot):not(.nav-count){font-size:9px}.duel-intro{padding:24px 20px;min-height:248px}.duel-intro h2{font-size:26px}.duel-intro>img{width:62%;opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.duel-intro p{font-size:11px;max-width:270px}.duel-panel{padding:18px}.duel-hero-list>button{padding:13px 3px}.duel-hero-list .hero-portrait{width:53px;height:59px}.duel-hero-list strong{font-size:13px}.duel-hero-list small{font-size:9px}.duel-section-label h2{font-size:14px}.duel-xp b,.duel-skill-preview small{font-size:10px}.job-options{gap:7px}.job-options button{padding:12px 9px}.job-options button>span{font-size:12px;gap:5px}.job-options small,.job-options p{font-size:10px}.duel-mode-picker button{padding:16px 12px}.duel-mode-picker small{font-size:10px}.duel-mode-picker strong{font-size:14px}.duel-learning-strip{padding:18px;gap:12px}.duel-learning-strip p{font-size:11px}.duel-learning-strip strong{font-size:12px}.duel-learning-strip>svg:last-child{display:none}.duel-home-banner{padding:20px;gap:13px}.duel-home-banner h3{font-size:15px}.duel-home-banner p{font-size:11px}.duel-home-banner .button{margin-left:0}.duel-layout{padding:9px;gap:14px}.duel-health-row{gap:10px;padding:14px 12px}.duel-fighter>div{gap:6px}.duel-fighter strong{font-size:18px}.duel-fighter small{display:none}.duel-fighter b{font-size:10px}.duel-versus{font-size:17px}.duel-arena{height:390px;min-height:390px}.duel-intent{top:10px;font-size:10px;padding:10px;gap:6px;flex-wrap:wrap}.duel-intent>svg{width:14px}.duel-intent span{font-size:9px}.duel-ready{padding:20px}.duel-ready h2{font-size:25px}.duel-ready p{font-size:12px}.duel-actions{flex-direction:column}.duel-basic-actions>.duel-action-button{flex:1;min-height:65px;flex-direction:row;gap:10px}.duel-basic-actions>.duel-action-button .keycap{position:static}.duel-skill-buttons{gap:6px}.duel-skill-buttons .duel-action-button{min-width:0;min-height:110px;padding:17px 5px 9px}.duel-action-button>strong{font-size:10px}.duel-action-button>small{font-size:9px;line-height:1.8}.duel-action-button .keycap{top:4px;left:5px;font-size:8px}.duel-sidebar{grid-template-columns:1fr}.duel-sidebar .duel-battle-log{grid-column:auto}.duel-controls-note{font-size:10px}.duel-result-card{padding:23px 17px}.duel-result-card h2{font-size:21px}.duel-result-card>p{font-size:11px}.duel-level-up{font-size:11px}.duel-result-actions{gap:8px}.duel-result-actions .button{font-size:10px;padding:10px}.family-start{padding:22px 18px;gap:16px}.family-start h2{font-size:16px}.family-start p{font-size:12px}.family-start .button{margin-left:0}.family-start>svg{width:25px}.family-workflow{padding:21px 18px}.family-workflow li{font-size:12px}.family-workflow-actions{flex-wrap:wrap}.family-workflow-actions .button{font-size:11px}.family-code-note{padding:21px 18px;gap:12px}.family-code-note h3{font-size:14px}.family-code-note p{font-size:11px}.duel-game .game-topbar .button{font-size:11px;padding:8px}.duel-game .game-topbar .connection-indicator{display:none}}.hero-portrait.portrait-3,.hero-portrait.portrait-4,.hero-portrait.portrait-5,.hero-portrait.portrait-6,.hero-portrait.portrait-7,.hero-portrait.portrait-8,.hero-option-art.portrait-3,.hero-option-art.portrait-4,.hero-option-art.portrait-5,.hero-option-art.portrait-6,.hero-option-art.portrait-7,.hero-option-art.portrait-8{background-image:url(/images/three-kingdoms-heroes-extra.png);background-size:300% 200%}.portrait-3{background-position:left top}.portrait-4{background-position:center top}.portrait-5{background-position:right top}.portrait-6{background-position:left bottom}.portrait-7{background-position:center bottom}.portrait-8{background-position:right bottom}.enemy-portrait{display:inline-block;flex-shrink:0;width:58px;height:58px;background-image:url(/images/three-kingdoms-generals.png);background-size:300% 200%;border-radius:9px;box-shadow:inset 0 0 0 1px #664c3230}.enemy-portrait-0{background-position:left top}.enemy-portrait-1{background-position:center top}.enemy-portrait-2{background-position:right top}.enemy-portrait-3{background-position:left bottom}.enemy-portrait-4{background-position:center bottom}.enemy-portrait-5{background-position:right bottom}.enemy-spotlight{display:flex;gap:13px;align-items:center;margin-bottom:15px}.enemy-spotlight>.enemy-portrait{width:76px;height:76px;box-shadow:0 5px 13px #63543820}.enemy-spotlight h3{font-size:21px!important;margin-bottom:5px!important}.enemy-spotlight small{font-size:11px;color:#7a785e}.duel-fighter>div{align-items:center}.duel-fighter .hero-portrait,.duel-fighter .enemy-portrait{width:40px;height:40px;border-radius:8px}.hero-roster{align-items:flex-start}.hero-roster>div:first-child{min-width:210px;padding-top:12px}.roster-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;max-width:630px}.roster-item{min-width:0}.duel-hero-list .hero-portrait{box-shadow:0 4px 12px #384e3420}.hero-option-art{height:125px}.duel-arena:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 65px #48754217;border-radius:inherit}.duel-action-button:not(:disabled)>svg{filter:drop-shadow(0 2px 3px #a6be7755)}.duel-ready>span{animation:duel-medallion 3s ease-in-out infinite}.duel-result-symbol{animation:duel-medallion 3s ease-in-out infinite}.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 78% 30%,#ffe4a21f,transparent 30%)}@keyframes duel-medallion{50%{transform:translateY(-4px);box-shadow:0 9px 24px #b39b5038}}@media(max-width:1000px){.duel-fighter small{display:none}.hero-roster{flex-direction:column}.hero-roster>div:first-child{padding-top:0}.roster-choices{width:100%;max-width:none}}@media(max-width:580px){.duel-fighter .hero-portrait,.duel-fighter .enemy-portrait{width:30px;height:33px}.duel-fighter strong{font-size:15px}.duel-fighter>div{gap:6px}.duel-fighter b{font-size:9px;width:100%;text-align:left}.duel-health-row{gap:8px}.duel-hero-list .hero-portrait{width:48px;height:53px}.duel-hero-list>button{gap:7px}.hero-option-art{height:95px}.roster-choices{gap:8px}.roster-item{padding:8px 5px}.hero-roster h3{font-size:14px}.hero-roster p{font-size:11px}.opponent-list .enemy-portrait{width:51px;height:51px}}@media(prefers-reduced-motion:reduce){.duel-ready>span,.duel-result-symbol,.duel-level-up,.duel-result-card{animation:none}.duel-action-button:not(:disabled):active{transform:none}}.adventure-panel,.siege-skill-card,.lore-card,.poetry-feedback{padding:18px;border:1px solid var(--border,#e0e5d9);border-radius:17px;background:#fffdf6;min-width:0}.adventure-panel h2{font-size:15px;margin:0}.adventure-panel .duel-section-label{margin-bottom:12px}.weather-card{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#edf2e7;color:#426346}.weather-card>svg{flex-shrink:0}.weather-card p,.adventure-history p,.intruder-card p,.treasure-card p{font-size:12px;line-height:1.7;margin:5px 0 0;color:#6b7463}.weather-card small,.adventure-clock{font-size:11px;color:#798472}.weather-rain{background:#e7f0f5;color:#46778b}.weather-fog{background:#eceeeb;color:#65746e}.weather-gale{background:#f6f0dd;color:#9b783b}.adventure-clock{margin:9px 0 12px}.battle-boon{display:flex;align-items:center;gap:6px;font-size:12px;border-radius:8px;background:#e9f0e9;padding:8px;margin-top:7px;color:#47745a}.battle-boon small{margin-left:auto;font-size:10px}.intruder-card,.treasure-card{margin-top:12px;border:1px solid #d4dbc8;border-radius:12px;padding:12px;background:#f3f5eb}.intruder-card>strong,.treasure-card>strong{display:flex;gap:5px;align-items:center;font-size:13px}.intruder-card strong small,.treasure-card strong small{font-size:10px;font-weight:400;margin-left:auto;white-space:nowrap}.intruder-card progress{width:100%;height:6px;accent-color:#718b4c;margin-top:9px}.intruder-card .button{font-size:11px;margin-top:10px;padding:8px}.treasure-card{background:#fff8e6;border-color:#e6d6a7}.treasure-card>div{display:grid;gap:6px;margin-top:10px}.treasure-card button{display:flex;text-align:left;align-items:center;gap:8px;padding:9px;background:#fffdf7;border:1px solid #e7dfcb;border-radius:9px;color:#736035;cursor:pointer}.treasure-card button:disabled{opacity:.5;cursor:not-allowed}.treasure-card button span{display:grid;gap:3px}.treasure-card button b{font-size:12px}.treasure-card button small{font-size:10px;line-height:1.6}.adventure-history{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid #e4e8dc}.adventure-history li{padding-top:10px}.adventure-history strong{font-size:12px;color:#536b46}.adventure-history p{font-size:11px;margin-top:3px}.siege-skill-card>strong{font-size:14px;display:flex;gap:7px;align-items:center}.siege-skill-card p{font-size:12px;line-height:1.8;color:#75816b;margin:9px 0}.siege-skill-card small{font-size:11px;color:#9d814c}.lore-card{background:linear-gradient(135deg,#faf5e7,#fffdf6)}.lore-card>div{display:flex;align-items:center;gap:7px;color:#8d7447}.lore-card strong{font-size:12px}.lore-card button{margin-left:auto;background:none;border:none;font-size:10px;color:#79816a;cursor:pointer;padding:5px}.lore-card blockquote{font-family:Songti SC,STSong,serif;margin:14px 0 8px;font-weight:600;font-size:19px;line-height:1.85;letter-spacing:1px;color:#625538}.lore-card a{color:#a18b62;font-size:10px;line-height:1.8;text-decoration:none}.lore-card p{font-size:12px;line-height:1.9;color:#6c725f;margin:10px 0}.lore-card>small{display:block;font-size:11px;line-height:1.8;border-top:1px dashed #ded6bf;padding-top:9px;color:#8d805e}.challenge-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.challenge-picker button{padding:12px 5px;border:1px solid #e4e7da;background:#fffdf7;border-radius:11px;color:#7b836c;cursor:pointer}.challenge-picker .selected{border-color:#8b9f6b;background:#edf3e4;color:#526d3e}.challenge-picker strong{display:block;font-size:13px}.challenge-picker small{display:block;font-size:10px;line-height:1.7;margin-top:5px}.equipment-entry{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #dfd6bd;border-radius:13px;background:linear-gradient(110deg,#f7f0dd,#fcfaf0);color:#927441;text-align:left;padding:15px;margin-top:17px;cursor:pointer}.equipment-entry>span{flex:1;min-width:0}.equipment-entry strong{display:flex;gap:8px;align-items:center;font-size:14px;flex-wrap:wrap}.equipment-entry strong b{background:#af8652;color:#fff;font-weight:500;font-size:10px;border-radius:5px;padding:3px 6px}.equipment-entry small{display:block;font-size:11px;line-height:1.8;margin-top:4px;color:#948367}.equipment-content{display:grid;gap:19px}.equipment-totals{display:flex;gap:8px;align-items:center;background:#eff4e7;padding:13px;border-radius:10px;color:#647c4b;font-size:13px}.loot-chests h3{display:flex;align-items:center;gap:8px;font-size:15px}.loot-chests h3 small{margin-left:auto;font-size:12px;color:#a38d68}.loot-chest-row{display:flex;gap:12px;align-items:center;background:#fbf5e8;border:1px solid #e9dfc7;border-radius:12px;padding:12px;margin-top:9px;color:#a68343}.loot-chest-row>span{flex:1;min-width:0}.loot-chest-row strong{font-size:13px}.loot-chest-row small{display:block;font-size:10px;line-height:1.8;color:#9e8f73}.loot-chest-row .button{padding:9px 11px;font-size:12px}.loot-reveal{text-align:center;padding:23px;background:radial-gradient(ellipse at center,#fff4d7,#fffdf7 70%);border:1px solid var(--rarity);border-radius:15px;animation:loot-reveal .5s ease both;color:var(--rarity)}.loot-reveal>svg{display:block;margin:0 auto 8px;width:45px;height:45px}.loot-reveal>small{font-size:12px}.loot-reveal h3{font-size:23px;margin:8px 0}.loot-reveal p{font-size:13px}.equipment-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.equipment-slots button{padding:15px 5px;background:#fafaf4;border:1px solid #e3e7d9;border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:8px;color:#8a917b;cursor:pointer}.equipment-slots button.selected{border-color:#8e9f70;color:#627a45;background:#f0f5e8}.equipment-slots strong{font-size:13px}.equipment-slots small{font-size:10px}.equipment-inventory>h3{font-size:15px;margin:0 0 10px}.equipment-item{display:flex;gap:11px;align-items:center;border:1px solid #e5e7dd;border-left:3px solid var(--rarity);border-radius:11px;padding:12px;margin-top:8px;color:var(--rarity)}.equipment-item>span{flex:1;min-width:0}.equipment-item strong{font-size:13px;display:flex;gap:8px;flex-wrap:wrap}.equipment-item strong small{font-size:10px;border:1px solid currentColor;padding:1px 5px;border-radius:4px}.equipment-item p{font-size:11px;margin:5px 0;color:#7b826d}.equipment-item span>small{font-size:10px;line-height:1.7;color:#929785}.equipment-item .button{padding:8px 10px;font-size:11px}.victory-loot{margin:15px 0;padding:13px;background:#faf4e5;border-radius:12px;color:#95743e}.victory-loot>strong{font-size:13px}.victory-loot .equipment-entry{margin-top:10px}.poetry-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:20;padding:16px;background:#27342d88;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:auto}.poetry-dialogue{width:min(100%,510px);border:1px solid #e1cf9e;background:linear-gradient(140deg,#fffdf4,#f9f0dc);border-radius:21px;padding:26px;box-shadow:0 20px 60px #25392f44}.poetry-dialogue>.eyebrow{display:flex;align-items:center;gap:7px;color:#a5894b}.poetry-speaker{display:flex;gap:12px;align-items:center;margin:16px 0}.poetry-speaker .enemy-portrait{width:62px;height:62px;border-radius:14px;flex-shrink:0}.poetry-speaker strong{font-size:16px;display:block;color:#72613e}.poetry-speaker small{font-size:12px;display:block;line-height:1.8;color:#9a8b6e;margin-top:4px}.poetry-dialogue h2{font-family:Songti SC,serif;font-size:23px;line-height:1.7;color:#655838;margin:10px 0}.poetry-source{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.7;color:#a18f68}.poetry-choices{display:grid;gap:8px;margin:16px 0}.poetry-choices button{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #e4d8bc;background:#fffdf7;border-radius:11px;color:#776340;text-align:left;cursor:pointer;font-size:14px;transition:border-color .2s,background .2s}.poetry-choices button:hover{border-color:#9ba978;background:#f3f6e8}.poetry-choices button span{color:#b89a65;border:1px solid #dfd2b4;border-radius:6px;padding:2px 6px;font-family:serif}.poetry-reward{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.8;color:#7d8d5d}.poetry-dialogue footer{border-top:1px solid #e6dcc7;padding-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.poetry-dialogue footer>small{font-size:10px;color:#a09881}.poetry-feedback{background:#f3f5e8;border-color:#dce3c8;color:#778354}.poetry-feedback strong{font-size:13px}.poetry-feedback p{font-size:12px;line-height:1.8;margin:9px 0}.poetry-feedback small{font-size:11px;line-height:1.8}.duel-panel>.lore-card{margin-top:16px}.duel-lobby .lore-card{margin-top:16px}.duel-result-card{max-height:90%;overflow-y:auto}.result-card{max-height:94%;overflow-y:auto}@keyframes loot-reveal{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:700px){.poetry-dialogue{padding:18px}.poetry-dialogue h2{font-size:19px}.poetry-dialogue .eyebrow{font-size:9px}.poetry-speaker{margin:11px 0}.poetry-speaker .enemy-portrait{width:46px;height:46px}.poetry-choices{margin:12px 0}.poetry-choices button{padding:10px;font-size:12px}.poetry-reward{font-size:10px}.equipment-item{gap:7px;padding:10px}.equipment-item>svg{width:23px}.equipment-entry{padding:12px}.loot-chest-row{flex-wrap:wrap}.loot-chest-row>span{flex-basis:60%}.loot-chest-row .button{margin-left:auto}.lore-card blockquote{font-size:17px}}@media(prefers-reduced-motion:reduce){.loot-reveal{animation:none}}.equipment-dialog{width:min(880px,94vw);border:1px solid #d4c49c;background:#faf7eb}.equipment-dialog .modal-inner{background:linear-gradient(135deg,#fffdf3,#f4efde);padding:30px}.equipment-dialog .modal-subtitle{max-width:650px;font-size:12px;line-height:1.9}.equipment-dialog .modal-inner>h2{font-family:Songti SC,serif;font-size:27px;letter-spacing:1px;color:#514a32}.equipment-content{gap:19px}.equipment-showcase{display:grid;grid-template-columns:175px minmax(0,1fr);gap:20px;border-radius:17px;padding:24px;background:radial-gradient(ellipse at 15% 40%,#3c6253,#183e35 65%);color:#e1d8b8;position:relative;border:1px solid #b8a773;box-shadow:inset 0 0 0 5px #24493e;overflow:hidden}.equipment-showcase:before,.equipment-showcase:after{content:"";position:absolute;pointer-events:none;width:110px;height:110px;border:1px solid #d9bb6630;transform:rotate(45deg)}.equipment-showcase:before{top:-75px;right:70px}.equipment-showcase:after{bottom:-77px;left:200px}.equipment-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.equipment-hero .eyebrow{font-size:8px;letter-spacing:2.4px;color:#b3bd93}.equipment-hero .hero-portrait{width:112px;height:125px;border-radius:50% 50% 18% 18%;border:1px solid #c5b471;background-color:#62826c;box-shadow:0 0 32px #d5b25e25,0 6px 18px #102f2980;position:relative}.equipment-hero strong{font-family:Songti SC,serif;font-size:25px;letter-spacing:5px;color:#e4d4a6}.equipment-hero>small{font-size:9px;color:#a3b097;text-align:center}.equipped-display{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.equipped-display-slot{position:relative;padding:13px 8px;display:flex;align-items:center;flex-direction:column;border:1px solid #6d8260;background:linear-gradient(160deg,#224b3e,#18372f);border-radius:12px;color:#cdd2af;min-width:0;text-align:center;cursor:pointer;transition:border-color .2s,transform .2s}.equipped-display-slot.selected{border-color:#dec683;box-shadow:0 0 0 2px #bd9e4f20,inset 0 0 25px #c6a55815}.equipped-display-slot:hover{transform:translateY(-2px)}.equipped-display-slot>small{font-size:10px;color:#afba97;letter-spacing:3px}.equipped-display-slot>strong{font-size:12px;color:#e5daba;margin-top:7px;line-height:1.7}.equipped-display-slot>span:last-of-type{font-size:9px;color:#9eaf90;line-height:1.8;margin-top:4px}.equipped-display-slot>b{font-size:8px;letter-spacing:2px;font-weight:500;color:var(--rarity);padding:4px 8px;border:1px solid currentColor;border-radius:4px;margin-top:8px}.equipment-art{display:block;background-image:url(/images/three-kingdoms-equipment.png);background-size:400% 300%;width:76px;height:76px;flex-shrink:0;border-radius:13px;border:1px solid #e2cf9a50;box-shadow:inset 0 0 15px #0b2c2580}.equipped-display .equipment-art{width:96px;height:96px;margin-top:9px;max-width:100%}.empty-equipment-art{width:96px;height:96px;margin-top:9px;display:grid;place-items:center;background:radial-gradient(ellipse,#42665150,#173a3280);border:1px dashed #83926d50;border-radius:13px;color:#7c987e}.empty-equipment-art svg{filter:drop-shadow(0 4px 5px #0e2c25)}.equipment-totals{justify-content:center;border:1px solid #d9dfc7;background:#edf2df;font-weight:600;letter-spacing:.5px}.loot-chests{border:1px solid #e8dfc8;padding:16px;border-radius:14px;background:#fffdf5}.loot-chests h3{margin:0 0 10px;font-family:Songti SC,serif;font-size:17px;color:#806b3f}.loot-chests>.muted{font-size:12px;line-height:1.8;margin:0}.loot-chest-row{background:linear-gradient(105deg,#f7efd9,#fdfaf0);border-color:#e6d6ae}.chest-visual{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:13px;background:radial-gradient(ellipse,#f7dda2,#ebd4a190);color:#b48127;flex:0 0 58px!important;box-shadow:inset 0 0 0 1px #d3b37780}.chest-visual>svg{filter:drop-shadow(0 4px 2px #a4762e40);stroke-width:1.5}.chest-visual i{position:absolute;width:3px;height:3px;background:#fffdf1;box-shadow:0 0 7px 2px #eac369;border-radius:50%;animation:treasure-sparkle 2.4s ease-in-out infinite}.chest-visual i:nth-child(2){left:9px;top:12px}.chest-visual i:nth-child(3){right:8px;top:20px;animation-delay:.7s}.chest-visual i:nth-child(4){right:17px;bottom:8px;animation-delay:1.4s}.loot-reveal{position:relative;isolation:isolate;overflow:hidden;border-width:2px;background:radial-gradient(ellipse at 50% 35%,#fff3c8,#fffdf5 65%);padding:25px}.loot-reveal:before{content:"";position:absolute;z-index:-1;top:-65%;right:-65%;bottom:-65%;left:-65%;background:repeating-conic-gradient(from 0deg,#f0c65618 0deg 10deg,transparent 10deg 25deg);animation:loot-rays 35s linear infinite}.loot-reveal .equipment-art{width:140px;height:140px;margin:0 auto 15px;border:2px solid var(--rarity);border-radius:20px;box-shadow:0 0 35px #d5ae6540,0 7px 15px #a78c3f25}.loot-reveal h3{font-family:Songti SC,serif;font-size:28px;letter-spacing:3px}.equipment-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equipment-inventory>h3,.equipment-inventory>.muted{grid-column:1/-1}.equipment-inventory>h3{font-family:Songti SC,serif;font-size:18px;color:#75613a;margin:0}.equipment-item{align-items:center;margin:0;padding:12px;border-color:#e6dfcc;background:#fffdf5;flex-wrap:wrap;gap:10px;border-left-width:3px}.equipment-item .equipment-art{width:68px;height:68px}.equipment-item>span:not(.equipment-art){flex:1}.equipment-item>.button{margin-left:auto}.equipment-item strong{font-size:13px;line-height:1.6}.equipment-item strong small{font-size:9px}.equipment-item p{font-size:11px;line-height:1.8}.equipment-item span>small{display:block}.equipment-slots{gap:10px}.equipment-slots button{flex-direction:row;justify-content:center;flex-wrap:wrap;padding:11px 8px;background:#f5f1e3;border-color:#e1d8bf}.equipment-slots button svg{width:17px;height:17px}.equipment-slots small{display:none}.equipment-slots .selected{background:#e9efdb;border-color:#9dad74}@keyframes loot-rays{to{transform:rotate(360deg)}}@keyframes treasure-sparkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:700px){.equipment-dialog .modal-inner{padding:20px}.equipment-dialog .modal-inner>h2{font-size:23px}.equipment-showcase{grid-template-columns:1fr;gap:17px;padding:20px 12px}.equipment-hero{display:grid;grid-template-columns:64px 1fr;gap:5px 13px;text-align:left;align-items:center;justify-items:start;padding:0 12px}.equipment-hero .eyebrow{grid-column:2;grid-row:1;font-size:7px}.equipment-hero .hero-portrait{width:64px;height:73px;grid-column:1;grid-row:1/4}.equipment-hero strong{font-size:21px;grid-column:2;grid-row:2}.equipment-hero>small{grid-column:2;grid-row:3;text-align:left;font-size:8px}.equipped-display{gap:7px}.equipped-display-slot{padding:10px 5px}.equipped-display-slot>strong{font-size:10px}.equipped-display-slot>span:last-of-type{font-size:8px}.equipped-display .equipment-art,.empty-equipment-art{width:68px;height:68px}.empty-equipment-art svg{width:27px}.equipped-display-slot>small{font-size:9px}.equipment-inventory{grid-template-columns:1fr}.equipment-item .equipment-art{width:62px;height:62px}.equipment-dialog .equipment-entry{padding:10px}.equipment-totals{font-size:11px}.loot-chests{padding:12px}.loot-chest-row{gap:8px}.loot-chest-row>span:not(.chest-visual){flex-basis:55%}.loot-reveal .equipment-art{width:120px;height:120px}}@media(prefers-reduced-motion:reduce){.loot-reveal:before,.chest-visual i{animation:none}.equipped-display-slot:hover{transform:none}}.special-art{background-image:url(/images/three-kingdoms-special-equipment.png);background-size:200% 200%}.equipment-special{display:flex;align-items:center;justify-content:center;gap:7px;color:#9b7130;border:1px solid #e2c67c;background:#fff2d1;padding:10px;border-radius:9px;font-size:12px;line-height:1.7;margin-bottom:13px}.equipment-special-name{color:#ad8032!important}.equipment-set-name{color:#6e8b5d!important}.equipment-set-panel{border:1px solid #dedac5;background:#f5f2e6;border-radius:14px;padding:16px}.equipment-set-panel h3{display:flex;align-items:center;gap:7px;font-family:Songti SC,serif;font-size:17px;color:#6f694e;margin:0 0 12px}.equipment-set-panel h3 small{font:10px sans-serif;color:#a29b83;margin-left:auto}.equipment-sets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equipment-sets>div{padding:12px;border:1px solid #e5dfca;border-radius:10px;background:#fbf8ee;opacity:.7}.equipment-sets>div.has-pieces{background:#f2f5e7;border-color:#c1cea9;opacity:1}.equipment-sets strong{display:flex;align-items:center;justify-content:space-between;color:#81795b;font-size:12px;gap:9px}.equipment-sets strong b{font-size:10px;font-weight:500;white-space:nowrap;background:#eae7d6;padding:3px 6px;border-radius:5px}.equipment-sets p{display:flex;align-items:flex-start;gap:5px;font-size:10px;line-height:1.8;color:#a7a18a;margin:8px 0 0}.equipment-sets p svg{margin-top:3px;flex-shrink:0;opacity:.3}.equipment-sets .active{color:#54774b;font-weight:600}.equipment-sets .active svg{opacity:1}.equipment-passives:empty{display:none}.equipment-passives .equipment-special{justify-content:flex-start;flex-wrap:wrap;margin:0}.equipment-passives .equipment-special+.equipment-special{margin-top:8px}.equipment-passives .equipment-special span{font-size:11px}.equipment-inventory>.equipment-item>span>small{line-height:1.9}.loot-reveal .equipment-special{max-width:420px;margin:0 auto 14px}.loot-reveal .equipment-set-name{font-size:12px;margin-bottom:16px}.equipment-set-name{font-size:10px}@media(max-width:700px){.equipment-set-panel{padding:12px}.equipment-set-panel h3{flex-wrap:wrap;font-size:15px}.equipment-set-panel h3 small{font-size:9px;width:100%;margin:0}.equipment-sets{grid-template-columns:1fr}.equipment-sets>div{padding:10px}.equipment-special{font-size:10px}.loot-chest-row small{font-size:9px}}.mount-panel{margin:22px 0;padding-top:20px;border-top:1px solid var(--line,#dfdfce)}.mount-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.mount-options button{position:relative;min-width:0;padding:0 0 12px;overflow:hidden;text-align:left;border:1px solid #d9dfcc;border-radius:13px;background:#f7f6ed;color:#304f3a;transition:border-color .18s,box-shadow .18s,transform .18s}.mount-options button[aria-pressed=true]{border-color:#a18848;box-shadow:0 0 0 2px #ddc77f75;background:#f8f1d8}.mount-options button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 14px #304f3a14}.mount-options button:disabled{cursor:default;opacity:1}.mount-art{display:block;aspect-ratio:1;width:100%;background-image:url(/images/three-kingdoms-mounts.png);background-size:300% 100%;background-repeat:no-repeat;background-color:#193e32}.mount-options strong,.mount-options b,.mount-options small{display:block;margin:8px 10px 0;line-height:1.5}.mount-options strong{font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:3px}.mount-options b{font-size:10px;color:#997b37;letter-spacing:1px;margin-top:3px}.mount-options small{font-size:11px;color:#62715d}.mount-note{margin:12px 0 6px;font-size:11px;line-height:1.8;color:#77816b}.mount-locked .mount-art{filter:saturate(.6)}.mount-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(115deg,#274f3c,#193e32);border:1px solid #b59a5666;border-radius:13px;overflow:hidden;padding-right:12px;color:#f5ecd0}.mount-badge .mount-art{flex:0 0 80px;width:80px}.mount-badge strong{display:block;font-size:13px}.mount-badge small{display:block;color:#c2d0b8;line-height:1.7;font-size:11px;margin-top:5px}.equipment-dialog .mount-options{max-width:650px}@media(max-width:480px){.mount-options{gap:6px}.mount-options strong{font-size:12px;margin-inline:7px}.mount-options small,.mount-options b{margin-inline:7px}.mount-options small{font-size:10px}}.campaign-lobby{display:grid;gap:22px}.campaign-lobby .page-heading{margin:0}.campaign-lobby-tools{display:flex;align-items:center;gap:12px}.campaign-intro{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;min-height:280px;padding:32px 42px;border-radius:20px;background:linear-gradient(110deg,#213f37,#386758 64%,#7e926c);color:#f3efda;border:1px solid #95a184;box-shadow:0 12px 30px #314d3420}.campaign-intro:after{content:"";position:absolute;width:470px;height:470px;right:-90px;top:-100px;border:1px solid #e6d49d36;border-radius:50%;box-shadow:0 0 0 35px #d6cc9e0a,0 0 0 70px #d6cc9e08;z-index:-1}.campaign-intro .hero-tag{background:#e4dbaa1c;color:#ecdfb7;border:1px solid #bcb48755}.campaign-intro h2{font-family:var(--serif,serif);font-size:35px;line-height:1.5;margin:18px 0 12px}.campaign-intro h2 span{color:#e8cb86}.campaign-intro p{color:#c5d6be;line-height:1.9;font-size:13px}.campaign-intro>div>div{display:flex;gap:13px;margin-top:20px;flex-wrap:wrap;font-size:11px;color:#ddd8ae}.campaign-intro>.enemy-portrait{width:210px;height:260px;align-self:end;border-radius:50% 50% 20px 20px;box-shadow:0 0 70px #f4dc7b29;-webkit-mask-image:linear-gradient(#000 75%,transparent);mask-image:linear-gradient(#000 75%,transparent);transform:scale(1.2);margin:0 20px -40px}.campaign-skill-note{font-size:12px;line-height:1.9;color:#6b775c;margin:17px 0}.campaign-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.campaign-tabs>button{display:grid;grid-template-columns:26px 1fr;gap:6px 10px;text-align:left;padding:18px;border:1px solid #dbe3d2;border-radius:12px;background:#fff}.campaign-tabs svg{grid-row:span 2;align-self:center;color:#91a37a}.campaign-tabs strong{font-size:14px}.campaign-tabs small{font-size:11px;color:#8a947e}.campaign-tabs .selected{background:#e7efdc;border-color:#7e9b68;box-shadow:inset 0 0 0 1px #7e9b6833}.campaign-tabs .selected svg{color:#426c48}.challenge-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important}.challenge-picker small{line-height:1.7}.challenge-picker .nightmare{background:#f5e8e4;border-color:#d5b0a5}.challenge-picker .nightmare.selected{background:#5a383e;color:#fff3df;border-color:#9f6371}.challenge-picker .nightmare.selected small{color:#e0c7bf}.nightmare-note{background:#f5e8df;padding:13px 15px;border-radius:8px;line-height:1.8;font-size:12px;color:#8f5141;margin-top:15px}.campaign-route-note{font-size:12px;line-height:1.9;color:#75826b}.campaign-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.campaign-stage{display:flex;flex-direction:column;background:#fffdf6;border:1px solid #dce3d0;border-radius:15px;padding:18px;overflow:hidden;box-shadow:0 5px 20px #314e3410}.campaign-stage-art{height:165px;position:relative;background:radial-gradient(ellipse at 50% 70%,#c5caa1,#799681);border-radius:9px;margin-bottom:20px;overflow:hidden}.campaign-stage-art>.enemy-portrait{display:block;margin:12px auto 0;width:170px;height:170px;border-radius:50%;box-shadow:0 0 30px #edd19e40}.campaign-stage-art>b{position:absolute;left:12px;top:7px;font-family:serif;font-size:37px;color:#f7f0d477}.stage-clear{position:absolute;bottom:10px;right:10px;background:#f3f3d9ed;color:#466244;padding:5px 9px;font-size:10px;border-radius:5px}.campaign-stage h2{font-family:var(--serif,serif);font-size:23px;margin:10px 0}.campaign-stage>p{font-size:12px;line-height:1.9;color:#75816c;margin-bottom:18px;flex:1}.stage-rewards{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;color:#8e7a42;margin-bottom:12px}.stage-rewards>span{width:100%;color:#5b7853}.campaign-stage>small{font-size:10px;line-height:1.8;color:#89927e;margin-bottom:18px}.history-landmark{display:grid;place-items:center;width:90px;height:90px;position:absolute;inset:24px 0 auto;margin:auto;border:1px solid #ead8a184;transform:rotate(4deg);font-family:serif;font-size:60px;color:#f3e3b3;text-shadow:0 3px 12px #253c3f44}.campaign-stage-art>small{position:absolute;bottom:12px;inset-inline:12px;text-align:center;font-size:10px;color:#fff9df}.terrain-desert .campaign-stage-art{background:linear-gradient(140deg,#b77f45,#dbc394 55%,#92754f)}.terrain-canal .campaign-stage-art{background:linear-gradient(120deg,#66978d,#99bcb4 50%,#658c6f)}.terrain-ocean .campaign-stage-art{background:linear-gradient(140deg,#315c77,#5d9ca4 65%,#b6c4a1)}.world-map-mode{background:#fffdf6;border:1px solid #dce3d0;border-radius:18px;padding:26px}.world-map-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.world-map-heading h2{font-family:var(--serif,serif);font-size:25px;margin:8px 0 12px}.world-map-heading p{font-size:12px;line-height:1.9;color:#7a856f}.world-resources{display:flex;gap:10px;flex-shrink:0}.world-resources>span{display:grid;gap:8px;min-width:62px;padding:12px;background:#edf1df;border:1px solid #e0e6d2;border-radius:10px;font-size:10px;color:#80906f;text-align:center}.world-resources b{font-size:20px;color:#526e42}.world-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px}.journey-map svg{display:block;width:100%;border:1px solid #b9c9ad;border-radius:15px}.map-pin.interactive{cursor:pointer;outline:none}.map-pin.interactive:focus circle,.map-pin.interactive:hover circle{fill:#b58338;stroke:#fff4c2;stroke-width:4}.world-node-picker{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.world-node-picker>button{border:1px solid #d9e1ce;border-radius:6px;padding:8px 9px;font-size:11px;color:#77856c;display:flex;gap:5px;align-items:center}.world-node-picker>.selected{background:#e6eed7;border-color:#87a371;color:#47683f}.world-location{padding:20px;background:#f1f3e6;border-radius:12px;border:1px solid #e0e5d2;display:flex;flex-direction:column;gap:13px}.world-location h3{font-family:var(--serif,serif);font-size:23px}.world-location>p{font-size:12px;line-height:1.9;color:#64765b}.world-location .button{white-space:normal;font-size:11px;padding:10px}.text-button{display:inline-flex;align-items:center;gap:5px;padding:4px 0;font-size:11px;color:#497348;text-decoration:underline;text-underline-offset:3px}.camp-construction{margin-top:28px;border-top:1px solid #e2e6d5;padding-top:24px}.camp-construction .duel-section-label{flex-wrap:wrap}.camp-construction .duel-section-label>span{margin-left:auto;color:#899571;font-size:11px}.camp-diorama{display:flex;justify-content:space-evenly;gap:10px;min-height:185px;align-items:center;background:radial-gradient(ellipse at 50% 110%,#a6bc8b77,transparent 70%);border-bottom:1px solid #dce4cb;margin:18px 0}.camp-model{position:relative;width:120px;min-height:135px;opacity:.35;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:8px;filter:saturate(.4);transition:opacity .4s,filter .4s}.camp-model.built{opacity:1;filter:none}.camp-model strong{font-size:12px;margin-top:12px;color:#5c714d}.camp-model small{font-size:10px;color:#8b926c;margin-top:5px}.camp-house{position:relative;background:linear-gradient(90deg,#b5a179,#d6c299);width:78px;height:55px;transform:skewY(-4deg);border-right:14px solid #99825f;box-shadow:8px 8px #506b4220}.camp-house i:first-child{position:absolute;bottom:0;left:28px;width:18px;height:31px;background:#6c7655;border:3px solid #ac986b}.camp-house i:last-child{position:absolute;left:8px;top:12px;width:12px;height:15px;background:#f0d991;border:2px solid #978258}.camp-roof{position:relative;z-index:1;width:100px;height:28px;background:linear-gradient(110deg,#345e49,#628264);clip-path:polygon(16% 0,80% 0,100% 95%,0 100%);margin-bottom:-3px;transform:skewY(-4deg)}.camp-forge .camp-roof{background:#966547}.camp-forge .camp-house i:last-child{background:#e7a565;box-shadow:0 0 12px #efb66f}.camp-garden .camp-roof{background:#749e5c;clip-path:polygon(5% 95%,20% 35%,32% 75%,50% 0,67% 70%,84% 30%,95% 95%)}.camp-garden .camp-house{height:27px;background:repeating-linear-gradient(90deg,#98b376 0,#98b376 10px,#839e61 10px,#839e61 20px);border-right-color:#7e9259}.camp-garden .camp-house i{display:none}.camp-building-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.camp-building-cards article{border:1px solid #dee5d0;border-radius:10px;padding:16px;background:#fbfcf5}.camp-building-cards h4{display:flex;gap:7px;align-items:center;font-size:13px;margin:0 0 11px}.camp-building-cards h4>span{margin-left:auto;font-size:11px;color:#8b9678}.camp-building-cards p{font-size:11px;line-height:1.8;color:#7d8b6b;min-height:40px;margin-bottom:12px}.camp-building-cards button{font-size:11px;padding:10px 4px}.world-journal{margin:25px 0 18px;padding:20px;background:#f3f1e5;border-radius:10px;border-left:3px solid #b7a56b}.world-journal h3{font-size:13px;margin-bottom:12px}.world-journal p{font-size:11px;color:#85846b;line-height:1.9;margin:7px 0}.campaign-game{min-height:100vh;background:#eff2e6}.campaign-layout{max-width:1620px;margin:auto;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.campaign-main{min-width:0}.campaign-hud{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#fffdf3;border:1px solid #d9e1cb;border-radius:13px;padding:15px 19px;margin-bottom:12px}.campaign-hud>div:first-child{display:flex;align-items:center;gap:13px;min-width:190px}.campaign-hud .hero-portrait{width:52px;height:52px;border-radius:50%;border:2px solid #e4d3a3}.campaign-hud>div>span:last-child{display:grid;gap:7px}.campaign-hud small{font-size:11px;color:#849172}.campaign-hud progress{height:6px;max-width:170px;width:100%;accent-color:#7d9b5f}.combo-counter{display:grid;gap:5px}.combo-counter>strong{font-size:35px;color:#9e7b33;font-family:serif;line-height:1}.combo-counter strong small{margin-left:7px;font:12px sans-serif}.combo-counter>span{font-size:10px;color:#97a184}.campaign-kills{display:flex;align-items:center;gap:8px;color:#658351}.campaign-kills strong{font-size:23px}.campaign-kills span{font-size:10px}.campaign-arena{position:relative;height:clamp(440px,58vh,660px);min-width:0;overflow:hidden;border-radius:15px;border:1px solid #b7c6a7;background:#bccdab;box-shadow:0 8px 30px #45593619}.campaign-arena .game-world{width:100%;height:100%}.campaign-arena canvas{display:block;width:100%;height:100%}.campaign-boss-bar{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(580px,80%);border-radius:10px;background:#fff4dde8;border:1px solid #c59e67;padding:12px 17px;color:#855e3e;box-shadow:0 5px 30px #613e2422;pointer-events:none}.campaign-boss-bar>span{display:flex;align-items:center;gap:10px;font-size:13px}.campaign-boss-bar small{margin-left:auto;font-size:10px}.campaign-boss-bar progress{width:100%;height:8px;accent-color:#bb7351;margin:8px 0 2px}.campaign-boss-bar p{font-size:10px;text-align:center}.campaign-boss-bar.enraged{background:#ffe7d9ed;color:#9b4739;border-color:#c37a60}.campaign-wave-title{position:absolute;top:15px;left:50%;transform:translate(-50%);padding:9px 16px;background:#faf7e5df;color:#637747;border:1px solid #d6dabc;border-radius:7px;white-space:nowrap;font-size:11px;pointer-events:none}.campaign-ready{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;padding:35px;background:#e6ecd8d6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:auto}.campaign-ready h2{font-family:var(--serif,serif);font-size:29px;line-height:1.5}.campaign-ready p{max-width:530px;font-size:13px;line-height:1.9;color:#6b7d57}.campaign-ready>div{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.campaign-result>svg{color:#b39448}.campaign-result .equipment-entry{max-width:480px}.campaign-rage{display:flex;align-items:center;gap:10px;background:#f6f0de;border:1px solid #daceab;padding:12px 17px;border-radius:10px;margin:13px 0;color:#a08443;font-size:12px}.campaign-rage progress{flex:1;height:9px;accent-color:#d3aa4a}.campaign-rage.ready{background:#f7e8bd;border-color:#c4a45e;box-shadow:0 0 20px #deb75d30}.campaign-rage.ready strong{color:#926a24}.campaign-rage>span{font-size:10px}.campaign-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:13px 0}.campaign-actions .duel-action-button{min-width:0;min-height:109px}.campaign-actions .duel-action-button strong{font-size:12px}.ultimate-action{background:linear-gradient(135deg,#f6e9be,#f6f2dd)!important;border-color:#d3b570!important;color:#957232!important}.campaign-sidebar{display:flex;flex-direction:column;gap:15px}.campaign-sidebar .duel-panel{padding:21px}.campaign-sidebar p{font-size:12px;line-height:1.9;color:#7b886a;margin:14px 0}.campaign-sidebar small{line-height:1.9;font-size:10px}.campaign-sidebar ol{padding-left:16px;color:#7b856b;font-size:11px;line-height:2}.campaign-sidebar .duel-section-label h2{font-size:15px}.campaign-objectives{display:grid;gap:8px}.campaign-objectives>span{padding:9px;background:#f1f0e4;border-radius:6px;font-size:10px;color:#a19d80}.campaign-objectives>.active{color:#638146;background:#eaf1db}.equipment-battle-badge{border:1px solid #dce2cf;background:#fffdf5;border-radius:11px;padding:18px}.equipment-battle-badge>strong{display:flex;gap:8px;align-items:center;font-size:13px}.equipment-battle-badge p{margin:13px 0;font-size:12px;font-weight:600;display:flex;gap:12px}.equipment-battle-badge p>small{color:#96a185;font-size:10px;min-width:25px}.equipment-battle-badge>small{display:block;font-size:10px;line-height:1.8;color:#9ca58e;margin-top:12px}.equipment-battle-badge .equipment-set-name{display:block;font-size:10px}.equipment-essence{display:flex;align-items:center;gap:8px;background:#eee9f2;border:1px solid #e0d4e7;padding:12px 16px;border-radius:9px;color:#8c729d;margin:13px 0;font-size:12px}.equipment-essence>small{font-size:10px;margin-left:auto}.equipment-item-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:125px}.equipment-item-actions .button{font-size:10px;padding:9px;min-height:34px}.salvage-action{justify-content:center;color:#a3866b}.history-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#f8f5e7f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:23px 28px;overflow:auto;overscroll-behavior:contain}.history-scene-scroll{max-width:750px;margin:auto}.history-scene-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.history-scene-heading>span:last-child{font-size:10px;color:#94a17c}.history-scene h2{font-family:var(--serif,serif);font-size:27px}.history-date{font-size:11px;color:#a38951;margin:7px 0 15px}.history-scene .journey-map{max-width:520px;margin:auto}.map-note{font-size:9px;line-height:1.7;color:#95a085;margin:7px 0}.history-narrative{display:flex;gap:12px;align-items:center;margin:14px 0;padding:13px;background:#eaf0dca6;border:1px solid #dce4c9;border-radius:9px;color:#728653}.history-narrative>svg{flex-shrink:0}.history-narrative p{font-size:12px;line-height:1.9;flex:1}.history-scene h3{font-size:13px;margin:13px 0}.history-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-options button{display:flex;align-items:center;gap:9px;padding:12px;text-align:left;border:1px solid #d7dfc6;border-radius:8px;background:#fffef5;font-size:12px;min-height:46px}.history-options button>b{font-size:10px;color:#8d9c74;background:#f1f1e2;width:22px;height:22px;display:grid;place-items:center;border-radius:4px;flex-shrink:0}.history-options button:hover:not(:disabled){border-color:#819e61;background:#f0f6e2}.history-options .correct{border-color:#7c9e5f;background:#e9f1d9;opacity:1}.history-options .wrong{border-color:#ce9d83;background:#f7e8dc;opacity:1}.history-explanation{background:#eaf0dc;border-left:3px solid #91a66a;padding:12px 15px;margin-top:13px}.history-explanation strong{font-size:12px;color:#6c834b}.history-explanation p{font-size:11px;line-height:1.9;color:#8a916e;margin-top:6px}.history-scene-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:19px}.history-scene-footer small{font-size:9px;line-height:1.9;color:#98a084}.history-scene-footer .button{font-size:11px;flex-shrink:0}.sound-mixer{position:relative}.sound-mixer-popover{position:absolute;top:45px;right:0;width:260px;background:#fffef6;border:1px solid #dbe2cd;border-radius:12px;padding:20px;box-shadow:0 12px 45px #293f3630;z-index:45;color:#526b49}.sound-mixer-popover>strong{display:block;font-size:14px;margin-bottom:19px}.sound-mixer-popover label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px;margin-bottom:17px}.sound-mixer-popover label>b{font-size:10px;color:#9aaa84}.sound-mixer-popover input{grid-column:span 2;width:100%}.sound-mixer-popover>div{display:flex;justify-content:space-between;margin-bottom:13px}.sound-mixer-popover>small{font-size:10px;color:#9ba58c;line-height:1.9}.voice-caption{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:48;width:max-content;max-width:min(750px,90vw);padding:13px 40px 13px 18px;border:1px solid #dcd5a680;background:#253e35ed;color:#edead3;border-radius:9px;box-shadow:0 5px 30px #20362d30;line-height:1.8;font-size:12px;pointer-events:auto}.voice-caption>span{display:inline-block;margin-right:12px;font-size:9px;color:#b4c69b;border:1px solid #d5ddb45c;padding:1px 5px;border-radius:3px}.voice-caption>button{position:absolute;right:12px;top:9px;color:#dde1c3;font-size:20px}.ultimate-cinematic{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden;isolation:isolate;animation:ultimate-fade 1.85s both}.ultimate-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 40% 50%,color-mix(in srgb,var(--ultimate-color) 20%,transparent),#101e25e8);animation:ultimate-flare 1.85s both}.ultimate-rays{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ultimate-rays>i{position:absolute;width:130vw;height:3px;background:linear-gradient(90deg,transparent,var(--ultimate-color),#fffcde,transparent);transform:rotate(calc(var(--i)*22.5deg));opacity:.4;animation:ultimate-ray 1.5s both;animation-delay:calc(var(--i)*15ms)}.ultimate-sigil{position:absolute;width:65vmin;height:65vmin;left:40%;top:50%;transform:translate(-50%,-50%);animation:ultimate-sigil 1.85s ease-out both}.ultimate-sigil>span{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--ultimate-color);border-radius:50%;box-shadow:0 0 35px var(--ultimate-color),inset 0 0 35px var(--ultimate-color);opacity:.35}.ultimate-sigil>span:nth-child(2){top:12%;right:12%;bottom:12%;left:12%;transform:rotate(45deg);border-radius:13%}.ultimate-sigil>span:nth-child(3){top:25%;right:25%;bottom:25%;left:25%;border-style:dashed}.ultimate-portrait{position:absolute!important;left:16%;top:14%;width:32vw!important;height:72vh!important;border:0!important;border-radius:45% 45% 0 0!important;filter:drop-shadow(0 0 45px var(--ultimate-color));-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent);animation:ultimate-hero 1.85s ease-out both}.ultimate-title{position:absolute;left:47%;top:36%;color:#fff5d2;display:flex;flex-direction:column;gap:20px;animation:ultimate-type 1.85s both;text-shadow:0 3px 25px #122329,0 0 35px var(--ultimate-color)}.ultimate-title>span{font-size:18px;letter-spacing:8px;color:var(--ultimate-color)}.ultimate-title>strong{font-family:var(--serif,serif);font-size:clamp(45px,6vw,95px);letter-spacing:9px;line-height:1.3}.ultimate-title>small{font-size:14px;letter-spacing:5px}.ultimate-letterbox{position:absolute;left:0;right:0;height:11vh;background:#13221ee8}.ultimate-letterbox.top{top:0}.ultimate-letterbox.bottom{bottom:0}.ultimate-storm .ultimate-rays>i{height:6px;filter:drop-shadow(0 0 10px #a4e8ff)}.ultimate-arrows .ultimate-rays>i,.ultimate-snipe .ultimate-rays>i{transform:rotate(-25deg) translateY(calc((var(--i) - 8)*27px))}.ultimate-quake .ultimate-sigil>span{border-radius:20%;border-width:7px}.ultimate-flowers .ultimate-sigil>span{border-radius:30% 60%}.ultimate-charge .ultimate-rays>i{transform:rotate(-15deg) translateY(calc((var(--i) - 8)*34px))}.ultimate-command .ultimate-sigil>span{border-radius:0;border-width:2px}.ultimate-renewal .ultimate-vignette{background:radial-gradient(ellipse at center,#d1e5a950,#244b29ed)}@keyframes ultimate-fade{0%{opacity:0}12%,75%{opacity:1}to{opacity:0}}@keyframes ultimate-flare{0%{filter:brightness(3)}22%,to{filter:brightness(1)}}@keyframes ultimate-ray{0%{opacity:0;scale:.2}30%{opacity:.6;scale:1}to{opacity:.15;scale:1.15}}@keyframes ultimate-sigil{0%{scale:.4;rotate:-20deg}to{scale:1.15;rotate:20deg}}@keyframes ultimate-hero{0%{opacity:0;translate:-100px 0}25%,80%{opacity:1;translate:0 0}to{opacity:0;translate:30px 0}}@keyframes ultimate-type{0%{opacity:0;translate:80px 0}25%,80%{opacity:1;translate:0 0}to{opacity:0;translate:20px 0}}.campaign-loadout{border:1px solid #dce3d0;border-radius:13px;background:#fffdf6;overflow:hidden}.campaign-loadout>summary{display:flex;gap:14px;align-items:center;cursor:pointer;list-style:none;padding:16px 20px}.campaign-loadout>summary::-webkit-details-marker{display:none}.campaign-loadout>summary:focus-visible{outline:3px solid #8aab73;outline-offset:-3px}.campaign-loadout>summary>.hero-portrait{width:45px;height:45px;border-radius:50%;border:2px solid #ddcf9d}.campaign-loadout>summary>span:nth-child(2){display:grid;gap:7px}.campaign-loadout>summary small{font-size:10px;color:#8c977b}.campaign-loadout>summary>svg{margin-left:auto;color:#97a880;transition:rotate .2s}.campaign-loadout[open]>summary>svg{rotate:90deg}.campaign-loadout>.duel-panel{margin:0;border:0;border-top:1px solid #e4e9d8;border-radius:0;box-shadow:none}.campaign-sidebar{max-height:calc(100vh - 115px);overflow:auto;position:sticky;top:90px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c0cdb1 transparent}.history-recap a,.history-recap p{font-size:11px}.campaign-sidebar .lore-card{margin:0}.campaign-sidebar>.equipment-battle-badge,.campaign-sidebar>.duel-panel,.campaign-sidebar>.lore-card,.campaign-sidebar>.adventure-panel{flex-shrink:0}@media(min-width:1500px){.campaign-stages:has(.history-stage){grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.campaign-layout{grid-template-columns:minmax(0,1fr) 245px;gap:14px;padding:14px}.campaign-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.world-map-layout{grid-template-columns:1fr}.world-location{display:grid;grid-template-columns:1fr 1fr}.world-location h3,.world-location>p,.world-location>.eyebrow{grid-column:span 2}.world-map-heading{align-items:start}.world-resources{gap:5px}.world-resources>span{min-width:50px;padding:10px}.campaign-intro{padding:28px}.campaign-intro>.enemy-portrait{width:160px;height:210px}}@media(max-width:850px){.campaign-layout{grid-template-columns:1fr}.campaign-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.campaign-arena{height:560px}.campaign-intro h2{font-size:30px}.campaign-tabs>button{padding:13px;gap:6px}.campaign-tabs small{font-size:9px}.world-map-mode{padding:20px}.campaign-hud{gap:10px}.campaign-hud>div:first-child{min-width:0}.campaign-game .game-top-left>div span{font-size:9px}.campaign-game .family-pill{font-size:9px}.history-scene .journey-map{max-width:420px}}@media(max-width:580px){.campaign-lobby{gap:16px}.campaign-lobby .page-heading{align-items:start;gap:12px}.campaign-lobby .page-heading h1{font-size:24px}.campaign-lobby-tools .family-pill{display:none}.campaign-intro{padding:23px;min-height:280px}.campaign-intro h2{font-size:27px}.campaign-intro>div{z-index:2}.campaign-intro>.enemy-portrait{position:absolute;right:-40px;bottom:30px;width:155px;height:200px;opacity:.25}.campaign-intro p{font-size:11px}.campaign-intro>div>div{gap:9px;font-size:9px;max-width:240px}.campaign-tabs{grid-template-columns:1fr 1fr;gap:9px}.campaign-tabs strong{font-size:12px}.challenge-picker{grid-template-columns:1fr 1fr!important}.campaign-stages{grid-template-columns:1fr}.world-map-mode{padding:16px}.world-map-heading{flex-direction:column}.world-map-heading h2{font-size:22px}.world-resources{width:100%}.world-resources>span{flex:1;display:flex;justify-content:center;align-items:center}.world-node-picker{gap:5px}.world-node-picker>button{font-size:10px;padding:8px 6px}.world-location{display:flex}.camp-building-cards{grid-template-columns:1fr}.camp-diorama{gap:0;min-height:155px}.camp-model{width:90px;scale:.85}.camp-building-cards p{min-height:0}.campaign-hud{padding:12px}.campaign-hud .hero-portrait{width:40px;height:40px}.campaign-hud strong{font-size:11px}.campaign-hud .combo-counter>strong{font-size:26px}.campaign-hud .combo-counter>span{font-size:8px;max-width:95px;line-height:1.6}.campaign-kills{display:none}.campaign-arena{height:580px}.campaign-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-actions>.duel-action-button{min-height:100px}.campaign-sidebar{grid-template-columns:1fr}.campaign-game .game-topbar{gap:8px;padding:10px}.campaign-game .game-top-left{gap:5px}.campaign-game .game-top-left>div strong{font-size:11px}.campaign-game .family-pill{display:none}.campaign-ready{padding:20px}.campaign-ready h2{font-size:24px}.campaign-boss-bar{width:90%;padding:10px}.history-scene{padding:19px 16px}.history-scene h2{font-size:23px}.history-options{grid-template-columns:1fr;gap:7px}.history-options button{font-size:11px;padding:9px;min-height:37px}.history-narrative{gap:7px;padding:10px}.history-narrative p{font-size:11px}.history-narrative>svg{display:none}.history-scene-footer{gap:10px;align-items:start}.history-scene-footer .button{font-size:10px;padding:9px}.equipment-item-actions{min-width:110px}.equipment-essence{flex-wrap:wrap}.equipment-essence>small{margin-left:0;width:100%}.ultimate-portrait{left:4%;width:55vw!important;height:60vh!important;top:20%}.ultimate-title{left:37%;top:39%;gap:13px}.ultimate-title>span{font-size:11px;letter-spacing:3px}.ultimate-title>strong{font-size:38px;letter-spacing:3px}.ultimate-title>small{font-size:10px;letter-spacing:2px}.voice-caption{bottom:12px;font-size:10px;max-height:150px;overflow:auto}.sound-mixer-popover{right:-25px;width:240px}}@media(max-width:850px){.campaign-sidebar{max-height:none;overflow:visible;position:static}}@media(prefers-reduced-motion:reduce){.ultimate-cinematic,.ultimate-vignette,.ultimate-rays>i,.ultimate-sigil,.ultimate-portrait,.ultimate-title{animation:none!important}.ultimate-rays{display:none}.ultimate-vignette{filter:none}.ultimate-portrait,.ultimate-title{translate:none}}.history-review-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.history-review-hint{font-size:11px;line-height:1.8;color:#728653;margin-top:14px}.history-scene h2:focus-visible{outline:2px solid #6b8f56;outline-offset:5px}.history-review-entry{min-height:44px}.history-scene-footer{padding-bottom:8px}@media(max-width:580px){.history-scene-footer{flex-direction:column}.history-review-actions{width:100%;justify-content:space-between}}.history-scene{overflow:hidden}.history-scene-scroll{height:100%;display:flex;flex-direction:column;min-height:0}.history-scene-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 7px 10px 3px}.history-scene .journey-map{max-width:320px}.history-scene .history-scene-art{width:150px;height:100px}.history-scene-footer{flex-shrink:0;margin-top:0;padding:12px 3px 0;border-top:1px solid #d7dfc6;background:#f8f5e7}@media(max-width:580px){.history-scene .journey-map{max-width:280px}.history-scene .history-scene-art{width:125px;height:83px}.history-scene-footer{gap:6px;padding-top:8px}}.scene-art{display:block;aspect-ratio:3/2;border-radius:11px;background-repeat:no-repeat;flex-shrink:0}.scene-atlas{background-image:url(/images/journey-scenes-v1.png);background-size:200% 400%;background-position:var(--scene-x) var(--scene-y)}.scene-siege{background-image:url(/images/three-kingdoms-world.png);background-size:cover;background-position:center}.campaign-stage-art>.scene-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}.campaign-stage-art>.scene-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 50%,#16372b99)}.campaign-stage-art>.history-landmark{position:relative;z-index:1;font-size:50px!important;color:#fff5d4!important;text-shadow:0 3px 18px #173529}.campaign-stage-art>small,.campaign-stage-art>b,.campaign-stage-art>.stage-clear{z-index:2}.world-location>.scene-art{width:100%;margin-bottom:19px}.camp-construction>.camp-scene{height:180px;aspect-ratio:auto;max-width:270px;margin:18px auto}.history-scene .history-scene-art{height:125px;width:190px;float:right;margin:0 0 13px 20px}.history-scene .journey-map{clear:both}.campaign-ready>.scene-art{width:235px;max-width:48%;height:135px;aspect-ratio:auto;box-shadow:0 8px 24px #263d3326}.duel-ready .duel-ready-art{width:200px;height:125px;max-width:50%;aspect-ratio:auto}.workshop-art-note{display:flex;align-items:center;gap:18px;padding:15px;background:#f3f5e8;border:1px solid #dce3ce;border-radius:12px;margin-bottom:20px}.workshop-art-note>.scene-art{width:100px;height:65px;aspect-ratio:auto}.workshop-art-note p{font-size:12px;line-height:1.8;color:#657c55;flex:1;margin:0}.workshop-art-note button{flex-shrink:0}.scene-narrate{display:flex;gap:7px;align-items:center;margin:5px 0 12px;font-size:11px;color:#657e50}.mode-locked{padding:25px;border:1px solid #dddcc3;background:#f7f3e6;border-radius:12px;color:#7d805d;font-size:13px;line-height:1.9}.campaign-tabs button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:650px){.history-scene .history-scene-art{width:125px;height:83px;margin-left:10px}.campaign-ready>.scene-art{height:90px;width:140px}.workshop-art-note{gap:10px;padding:10px}.workshop-art-note>.scene-art{width:65px;height:60px}.workshop-art-note p{font-size:11px}.workshop-art-note button{font-size:10px}.camp-construction>.camp-scene{height:150px;max-width:225px}}.equipment-art.expanded-art{background-image:url(/images/equipment-expansion-v1.png);background-size:600% 400%}.equipment-comparison{flex:1 0 100%;width:100%;padding:11px;border:1px solid #dde4cf;background:#f5f7ed;border-radius:8px}.equipment-comparison>strong{display:block;font-size:12px;color:#65795a}.equipment-comparison>strong>small{display:block;font-weight:400;font-size:9px;line-height:1.7;color:#89947a;margin-top:4px}.comparison-better{border-color:#9cb58c;background:#eef5e7}.comparison-better>strong{color:#356a50}.comparison-worse{border-color:#d6af9e;background:#faf0e9}.comparison-worse>strong{color:#a15d46}.comparison-mixed{border-color:#d2c397;background:#f7f3e4}.equipment-deltas{display:flex;flex-wrap:wrap;gap:6px 13px;margin:8px 0 0;font-size:10px;line-height:1.8}.equipment-deltas span{display:inline-flex;gap:4px}.stat-up{color:#356a50!important}.stat-down{color:#a15d46!important}.comparison-set{font-size:9px!important;color:#8c7951!important;display:block;line-height:1.8;margin-top:5px}.equipment-comparison>small{display:block;font-size:9px;line-height:1.9;margin-top:5px}.equipment-quick-salvage{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px;border:1px solid #d7dfc9;background:#edf2e2;border-radius:10px}.equipment-quick-salvage>div{display:grid;gap:7px}.equipment-quick-salvage strong{font-size:13px;color:#526c49}.equipment-quick-salvage small{font-size:10px;line-height:1.9;color:#7b8c69}.equipment-quick-salvage>.button{white-space:nowrap;font-size:10px;flex-shrink:0}.loot-reveal .equipment-comparison{text-align:left;margin:15px 0}.equipment-item-actions{flex:1 0 100%;flex-direction:row!important;flex-wrap:wrap;justify-content:flex-end}.equipment-item-actions>.button{min-width:90px}.equipment-item-actions .salvage-action{min-width:45px}@media(max-width:650px){.equipment-quick-salvage{flex-direction:column;align-items:stretch}.equipment-quick-salvage>.button{min-height:44px}.equipment-comparison{padding:10px}}.equipment-item>.equipment-art{flex:0 0 68px}.equipment-comparison>strong>small{border:0;padding:0}@media(max-width:700px){.equipment-item>.equipment-art{flex-basis:62px}}.treasure-pickup{position:absolute;z-index:7;left:50%;bottom:18px;transform:translate(-50%);width:min(660px,94%);padding:14px 16px;border:2px solid #d3ab50;border-radius:14px;background:linear-gradient(125deg,#fff8dcf7,#fffdf5fa);box-shadow:0 8px 35px #5e4c2545,0 0 0 4px #ffdc7130;color:#80602c;pointer-events:auto}.treasure-pickup-title{display:flex;align-items:center;gap:8px}.treasure-pickup-title strong{font-size:15px}.treasure-pickup-title>span{margin-left:auto;font-size:12px;font-weight:700}.treasure-pickup>p{font-size:11px;line-height:1.8;margin:7px 0 0}.treasure-pickup-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}.treasure-pickup-options button{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:center;text-align:left;padding:11px;background:#fffdf2;border:1px solid #cdb976;border-radius:9px;color:#6f5b2d;min-height:96px;cursor:pointer;position:relative}.treasure-pickup-options button:hover:not(:disabled),.treasure-pickup-options button:focus-visible{outline:2px solid #b79542;background:#fff1bf}.treasure-pickup-options .keycap{position:absolute;right:7px;top:7px;font-size:9px}.treasure-pickup-options strong{font-size:13px;padding-right:20px}.treasure-pickup-options small{grid-column:1/-1;font-size:10px;line-height:1.7}.treasure-location-hint{bottom:auto;top:65px;width:max-content;max-width:90%;padding:10px 14px}.treasure-location-hint .treasure-pickup-title strong{font-size:13px}.treasure-location-hint .treasure-pickup-title>span{padding-left:10px}@media(max-width:580px){.treasure-pickup{padding:10px;bottom:10px}.treasure-location-hint{top:70px;bottom:auto}.treasure-pickup-title strong{font-size:12px}.treasure-pickup>p{font-size:10px}.treasure-pickup-options{gap:5px}.treasure-pickup-options button{padding:9px 6px;grid-template-columns:1fr;min-height:102px}.treasure-pickup-options button>svg{display:none}.treasure-pickup-options strong{font-size:11px;padding:0}.treasure-pickup-options small{font-size:9px}.treasure-pickup-options .keycap{display:none}}.treasure-location-hint.treasure-during-boss{top:auto;bottom:18px}.pvp-lobby-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding:28px;margin:24px 0;background:linear-gradient(125deg,#203d37,#39574a);border:1px solid #9eaf8c;border-radius:20px;color:#fff5dc}.pvp-lobby-panel h2{margin:12px 0}.pvp-lobby-panel p,.pvp-lobby-actions small{line-height:1.8;color:#e4e8d9}.pvp-lobby-actions{display:grid;gap:10px;align-content:center}.pvp-lobby-actions>div{display:flex;gap:8px}.pvp-lobby-actions input{min-width:0;flex:1;color:#203d37}.pvp-layout{max-width:1350px;margin:auto;padding:24px}.pvp-arena{height:min(58vh,640px);min-height:390px}.pvp-room-code{font-size:24px;letter-spacing:4px}.battle-clock{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:9px 18px;background:#f0e9d6;color:#354c43;font-weight:700;font-variant-numeric:tabular-nums;border-bottom:1px solid #d9d4bf}.battle-clock.urgent{background:#7b302a;color:#fff3df}.battle-clock strong{color:#ac3329}.battle-knowledge{width:min(700px,calc(100vw - 32px));max-height:90dvh}.battle-knowledge .modal-inner{padding:30px}.battle-knowledge::backdrop{background:#0c1b17bf}.battle-question-meta{display:flex;justify-content:space-between;gap:16px;margin:22px 0 16px;padding-bottom:12px;border-bottom:1px solid #d8dece;font-size:13px;color:#526254}.battle-question h3{font-size:21px;line-height:1.6;margin:16px 0}.battle-answers{display:grid;gap:10px}.battle-answers button{display:flex;align-items:center;gap:14px;width:100%;border:1px solid #c2cbbb;border-radius:12px;padding:14px;background:#fffdf5;color:#233e35;text-align:left;line-height:1.7;cursor:pointer}.battle-answers button:hover{background:#e6efdf;border-color:#4b7757}.battle-answers button:focus-visible{outline:3px solid #547c5d;outline-offset:3px}.battle-answers b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:8px;background:#e8e8d7}.battle-feedback{padding:20px;border-radius:14px;background:#eaf2e5;line-height:1.8}.battle-feedback.wrong{background:#fff0dd}.battle-feedback h3,.battle-summary h3{margin-top:0}.battle-feedback .button{margin-top:12px}.battle-summary,.battle-wait{padding:20px 0;line-height:1.8}.battle-penalty{color:#963f25}.battle-question-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:16px;border-top:1px solid #dddaca}.battle-question-footer small{max-width:70%;line-height:1.7;color:#576557}.battle-question-footer .text-button{flex-shrink:0}.pvp-game .duel-ready small{display:block;margin:15px}.pvp-game .campaign-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.game-shell>.battle-clock{position:relative;z-index:2}.wave-progress{grid-template-columns:repeat(7,minmax(0,1fr))}.battlefield>.campaign-boss-bar{top:66px;left:20%;right:20%;width:auto}.battle-question h3:focus,.battle-summary h3:focus,.battle-feedback:focus,.battle-wait strong:focus{outline:2px solid #748c67;outline-offset:6px;border-radius:4px}.battle-feedback>.text-button{margin-right:18px}.battle-question h3,.battle-feedback,.battle-summary h3{scroll-margin:25px}@media(max-width:760px){.pvp-lobby-panel{grid-template-columns:1fr;padding:20px}.pvp-lobby-actions>div{flex-wrap:wrap}.pvp-layout{padding:12px}.pvp-game .duel-health-row{gap:10px}.pvp-game .duel-fighter strong{font-size:16px}.pvp-game .campaign-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-knowledge .modal-inner{padding:20px}.battle-question-footer{align-items:flex-start;flex-direction:column}.battle-question-footer small{max-width:none}.battle-question-meta{flex-wrap:wrap}.pvp-arena{min-height:400px}.battlefield>.campaign-boss-bar{left:8%;right:8%}}.game-shell{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-shell .game-topbar,.game-shell>.battle-clock{flex-shrink:0}.game-shell .game-layout{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}.game-shell .battlefield,.game-shell .game-sidepanel{height:100%;min-height:0}.layout-budget{margin:16px 18px 0;padding:15px;background:#f2f6ea;border:1px solid #d9e3cc;border-radius:10px;display:grid;gap:7px;color:#536c40;font-size:12px}.layout-budget strong{font-size:14px;margin-bottom:3px}.layout-budget progress{width:100%;height:8px;accent-color:#789947}.layout-budget span{font-variant-numeric:tabular-nums}.tile{position:relative}.tile-level{position:absolute;right:1px;bottom:0;font:700 8px/1.2 monospace;color:#fff;background:#465e37;border-radius:2px;padding:0 2px;pointer-events:none}.tile:has(.tile-level[data-rank="2"]){box-shadow:inset 0 0 0 2px #cca55a}.tile:has(.tile-level[data-rank="3"]){box-shadow:inset 0 0 0 2px #eac16a;background-color:#e5d49d}.map-toolbox{gap:8px;flex-wrap:wrap}.map-toolbox button{flex:1;min-width:58px;max-width:100px;width:auto}.map-toolbox small{font-size:9px;color:#63764e}.editor-defense-preview{margin:16px 0;padding:14px;background:#f7f5e9;border:1px solid #e5d7ae;border-radius:10px;font-size:12px;color:#675b36;line-height:1.8}.editor-defense-preview strong{display:block;font-size:14px}.editor-defense-preview p{margin-top:5px}.defense-panel{margin:22px 0 0;border-top:1px solid #dfe7d2;padding-top:20px;color:#526d3d;font-size:12px;line-height:1.7}.defense-panel h3{display:flex;align-items:center;gap:7px;font-size:14px}.defense-panel .field-label{font-size:11px;margin-top:14px}.defense-panel select{font-size:11px;padding:9px 6px;max-width:100%}.defense-panel p{margin:10px 0}.defense-panel small{display:block;font-size:11px;line-height:1.7;margin-top:9px}.defense-rank{display:flex;align-items:center;gap:5px;margin:14px 0 8px}.defense-rank>span{margin-left:auto;color:#a37825;letter-spacing:1px}.defense-stats{display:grid;gap:5px}.defense-stats>span{display:flex;justify-content:space-between;gap:6px;font-size:11px}.defense-stats b{font-variant-numeric:tabular-nums;color:#384d2c}.defense-panel .button{min-height:42px;font-size:12px}.defense-max{color:#8c6821}.defense-durability{width:100%;height:9px;accent-color:#79a84e}.defense-durability.damaged{accent-color:#cf8d3e}.game-shell .game-bottom-hud{flex-wrap:wrap}.game-shell .build-slots{flex-wrap:wrap;justify-content:flex-end;gap:5px}.game-shell .build-slot,.game-shell .skill-slot{width:66px;margin-left:0}.game-shell .attack-mode-button{color:#a66f36}@media(max-width:1050px){.game-shell .build-slot,.game-shell .skill-slot{width:57px;height:83px}.game-shell .game-bottom-hud{gap:8px}.game-shell .build-slots{max-width:100%}}@media(max-width:580px){.layout-budget{margin:12px 10px 0;font-size:11px}.map-toolbox{gap:4px}.map-toolbox button{min-width:45px;font-size:8px}.map-toolbox small{font-size:7px}.game-shell .build-slot,.game-shell .skill-slot{width:43px;height:72px;gap:3px}.game-shell .build-slot svg,.game-shell .skill-slot svg{width:20px;height:20px}.game-shell .build-slot strong,.game-shell .skill-slot strong{font-size:7px}.game-shell .build-slot small,.game-shell .skill-slot small{font-size:6px}.game-shell .build-slots{gap:3px;justify-content:center}.game-shell .game-bottom-hud{left:4px;right:4px}}.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar .sidebar-label{margin-bottom:14px}.sidebar .desktop-navigation{gap:12px;overflow:visible;flex-shrink:0}.nav-group{display:grid;gap:3px}.nav-group-label{padding:5px 16px;color:#66765d;font-size:10px;letter-spacing:1px}.nav-group .nav-item{padding:10px 16px;min-height:42px}.sidebar .mobile-navigation,.section-navigation,.sidebar .sidebar-note{display:none}.sidebar-spacer{min-height:18px}.nav-separator{margin-top:16px}button:focus-visible,summary:focus-visible{outline:3px solid #739a54;outline-offset:3px}.main-shell,.main-content{min-width:0}.continue-journey{display:flex;align-items:center;gap:20px;padding:22px 24px;margin-bottom:22px;border:1px solid #dce5d0;border-radius:14px;background:#fffef9;box-shadow:0 5px 18px #354f2d06}.journey-symbol{flex-shrink:0;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#567a43;background:#edf3e3}.journey-copy{flex:1;min-width:0}.journey-copy .eyebrow{color:#607c4e;font-size:10px;letter-spacing:1px}.journey-copy h2{margin:7px 0;color:#304736;font-size:21px;line-height:1.5}.journey-copy h2 small{display:inline-block;font:500 11px sans-serif;margin-left:12px;color:#67765e}.journey-copy p{color:#62715b;font-size:12px;line-height:1.8}.journey-copy>small{display:block;margin-top:5px;color:#738167;font-size:10px}.journey-copy [role=alert]{color:#ac4935}.journey-actions{display:grid;justify-items:center;gap:10px;flex-shrink:0}.journey-actions small{font-size:10px;color:#926d3c;max-width:180px}.home-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.home-mode-grid>button{min-width:0;display:flex;gap:14px;align-items:center;padding:22px 18px;border:1px solid #e0e6d8;border-radius:12px;background:#fffef9;text-align:left;color:#577543;transition:background .15s,border-color .15s}.home-mode-grid>button:hover{background:#f1f6e9;border-color:#a9bf94}.home-mode-grid>button>span{flex:1;min-width:0}.home-mode-grid>button>svg{flex-shrink:0}.home-mode-grid small{color:#68795f;font-size:10px}.home-mode-grid strong{display:block;margin:7px 0;font-size:17px;color:#374e30}.home-mode-grid p{font-size:11px;line-height:1.7;color:#6a775e}.home-utility-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:18px 0;margin-bottom:12px;border-bottom:1px solid #e2e8d8;color:#6a775f;font-size:11px}.home-utility-row>span{margin-right:auto}.home-utility-row button{display:flex;align-items:center;gap:6px;min-height:40px;color:#526f41}.number-field{margin:18px 0;min-width:0}.number-field-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.number-field-heading label{font-size:12px;font-weight:600;color:#4b6241}.number-field-heading small{font-size:10px;color:#708065;white-space:nowrap}.number-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}.number-stepper>button{display:grid;place-items:center;min-height:44px;background:#f0f5e8;border:1px solid #d7e2c9;border-radius:8px;color:#476637}.number-stepper>button:hover:not(:disabled){background:#e2edda;border-color:#9eb98b}.number-stepper>button:active:not(:disabled){background:#d3e4c6}.number-stepper>button:disabled{opacity:.4;cursor:default}.number-stepper>div{display:flex;align-items:center;border:1px solid #d7e2c9;border-radius:8px;background:#fff;min-width:0;padding-right:12px}.number-stepper input{width:100%;min-width:0;height:44px;border:0;border-radius:8px;color:#304a2c;background:transparent;font-size:17px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;padding:0 6px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.number-stepper input::-webkit-inner-spin-button,.number-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.number-stepper input:focus{outline:2px solid #769b58;outline-offset:-2px}.number-stepper>div>span{font-size:11px;color:#6b7d5c;white-space:nowrap}.number-presets{display:flex;gap:6px;margin-top:8px}.number-presets button{flex:1;min-height:34px;border:1px solid #e1e7d9;border-radius:6px;background:#f8faf4;font-size:11px;color:#617655}.number-presets button[aria-pressed=true]{color:#365529;background:#e8f1df;border-color:#94b37d;font-weight:700}.number-presets button:disabled{opacity:.4}.number-field>p{font-size:10px;line-height:1.8;color:#6e7c62;margin-top:7px}.rule-section-title{font-size:12px;margin-top:22px;color:#567145}.rule-details{border-top:1px solid #e1e8d7;margin-top:18px}.rule-details>summary{cursor:pointer;padding:17px 0;color:#47613a;font-size:12px;font-weight:600}.rule-details .setting-row{gap:12px}.presentation-settings{border:0;margin:18px 0;padding:0;min-width:0}.presentation-settings legend{color:#415c36;font-size:12px;font-weight:600}.presentation-settings p{margin:8px 0 12px;color:#6c7b60;font-size:11px;line-height:1.9}.segmented-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.segmented-options button{min-height:42px;border:1px solid #dce5d1;border-radius:7px;background:#f6f9f0;color:#5e7551;font-size:12px}.segmented-options button[aria-pressed=true]{border-color:#85a86d;background:#e5f0da;color:#365727;font-weight:700}.sound-mixer-popover{width:310px;max-width:calc(100vw - 28px);max-height:min(730px,calc(100dvh - 100px));overflow-y:auto;overscroll-behavior:contain;z-index:50}.mixer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sound-mixer-popover .number-field{margin:14px 0}.sound-mixer-popover>.number-field{display:block}.sound-mixer-popover .number-field-heading{margin-bottom:7px}.sound-mixer-popover .number-field-heading label{display:block;color:#4b6241;margin:0}.sound-mixer-popover .number-presets{margin-top:6px}.sound-mixer-popover .number-presets button{min-height:32px}.sound-mixer-popover>small{display:block;margin-top:12px}.ultimate-compact{inset:92px 24px auto auto;width:310px;max-width:calc(100vw - 32px);min-height:86px;display:flex;align-items:center;gap:13px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--ultimate-color) 55%,#36452d);border-left-width:4px;border-radius:12px;background:#1b2b24ed;box-shadow:0 8px 30px #101c2130;z-index:30}.ultimate-compact .ultimate-portrait{position:static!important;width:54px!important;height:59px!important;flex-shrink:0;border-radius:9px!important;animation:none;-webkit-mask-image:none;mask-image:none;filter:none}.ultimate-compact .ultimate-title{position:static;gap:5px;animation:none;text-shadow:none}.ultimate-compact .ultimate-title>span{font-size:11px;letter-spacing:1px}.ultimate-compact .ultimate-title>strong{font-size:23px;letter-spacing:2px}.ultimate-compact .ultimate-title>small{font-size:10px;letter-spacing:1px}.ultimate-full{width:min(32vw,440px);right:auto;z-index:30}.ultimate-full .ultimate-vignette{background:linear-gradient(90deg,#1428209c,transparent);animation:none}.ultimate-full .ultimate-portrait{left:4%;top:22%;width:90%!important;height:55vh!important}.ultimate-full .ultimate-title{left:7%;top:auto;bottom:16%;gap:12px}.ultimate-full .ultimate-title>span{font-size:13px;letter-spacing:2px}.ultimate-full .ultimate-title>strong{font-size:clamp(26px,3vw,48px);letter-spacing:3px}.ultimate-full .ultimate-title>small{font-size:12px;letter-spacing:2px}.ultimate-full .ultimate-sigil{width:30vw;height:30vw;left:40%}.ultimate-full .ultimate-rays>i{width:38vw}.campaign-actions:has(>.battle-skill-bar){grid-template-columns:repeat(6,minmax(0,1fr))}.campaign-actions>.battle-skill-bar{display:contents}.campaign-actions>.battle-skill-bar>.battle-skill{min-width:0;width:100%;min-height:84px;padding:12px 8px 10px 32px}.campaign-actions>.duel-action-button{min-height:84px}.campaign-actions .battle-skill strong{line-height:1.5}@media(min-width:1101px)and (min-height:720px){.campaign-game{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.campaign-game>.game-topbar,.campaign-game>.battle-clock{flex-shrink:0}.campaign-game .campaign-layout{flex:1;min-height:0;width:100%;padding:14px;gap:14px}.campaign-game .campaign-main{display:flex;flex-direction:column;min-height:0}.campaign-game .campaign-hud{flex-shrink:0;padding:10px 14px;margin-bottom:10px}.campaign-game .campaign-arena{flex:1;height:auto;min-height:240px}.campaign-game .campaign-rage{flex-shrink:0;padding:9px 12px;margin:10px 0}.campaign-game .campaign-actions{flex-shrink:0;margin:0 0 8px}.campaign-game .duel-controls-note{flex-shrink:0;margin:0;font-size:10px;line-height:1.8}.campaign-game .campaign-sidebar{height:100%;max-height:100%;position:static}body:has(.campaign-game) .voice-caption{left:auto;right:28px;bottom:22px;transform:none;width:252px;max-width:252px;font-size:11px}}@media(min-width:1101px)and (min-height:720px)and (max-height:850px){.campaign-ready:not(.campaign-result){display:grid;grid-template-columns:135px minmax(0,500px);gap:10px 20px;align-content:center;justify-content:center;text-align:left;padding:20px}.campaign-ready:not(.campaign-result)>.scene-art{grid-column:1;grid-row:1 / span 4;width:135px;height:135px;max-width:100%;align-self:center}.campaign-ready:not(.campaign-result)>:not(.scene-art){grid-column:2}.campaign-ready:not(.campaign-result)>h2{font-size:24px}.campaign-ready:not(.campaign-result)>.button{justify-self:start}}@media(min-width:581px)and (max-width:1000px){.sidebar .nav-group-label{text-align:center;padding:5px 0;font-size:8px;letter-spacing:0}.nav-group .nav-item{padding:10px 8px}.journey-symbol{display:none}.home-mode-grid{gap:9px}.home-mode-grid>button{padding:16px 12px;gap:8px}.home-mode-grid>button>svg:first-child{display:none}}@media(max-width:700px){.campaign-actions:has(>.battle-skill-bar){grid-template-columns:repeat(3,minmax(0,1fr))}.continue-journey{flex-wrap:wrap;padding:18px;gap:12px}.journey-symbol{width:42px;height:42px;border-radius:12px}.journey-copy h2{font-size:19px}.journey-actions{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.journey-actions .button{font-size:12px}.home-mode-grid{grid-template-columns:1fr;gap:9px}.home-mode-grid>button{padding:15px 18px}.home-mode-grid strong{font-size:16px;margin:5px 0}.home-mode-grid p{font-size:12px}.home-utility-row>span{width:100%}}@media(max-width:580px){.sidebar{overflow:visible;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.sidebar .desktop-navigation{display:none}.sidebar .mobile-navigation{display:flex}.sidebar .mobile-navigation .nav-item{min-width:0;flex:1;min-height:48px;padding:7px 3px;gap:6px}.sidebar .mobile-navigation .nav-item>span{font-size:10px}.main-shell{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.section-navigation{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #dce5d1}.section-navigation>span{width:100%;color:#5c7350;font-size:11px;margin-bottom:4px}.section-navigation button{display:flex;gap:6px;align-items:center;min-height:40px;padding:8px 11px;color:#65775b;background:#f5f8ee;border:1px solid #dce5d1;border-radius:8px;font-size:12px}.section-navigation button[aria-current=page]{color:#325126;background:#e6f0da;border-color:#98b57f;font-weight:700}.topbar{padding:0 12px}.topbar-actions{gap:7px}.breadcrumb{gap:4px}.topbar .network-badge span,.topbar .account-tag{display:none}.topbar .network-badge{width:30px;height:30px;justify-content:center;padding:4px}.topbar .fullscreen-button{min-width:30px}.sound-mixer-popover{position:fixed;top:66px;right:14px;max-height:calc(100dvh - 160px)}.journey-copy h2 small{display:block;margin:4px 0 0}.journey-copy p{font-size:11px}.journey-symbol{display:none}.journey-actions .text-button{min-height:40px}.ultimate-compact{top:76px;right:12px;width:250px;padding:10px 13px}.ultimate-compact .ultimate-title>strong{font-size:20px}.ultimate-full{width:38vw}.number-presets button{min-height:40px}}@media(prefers-reduced-motion:reduce){.ultimate-cinematic,.ultimate-cinematic *{animation:none!important;transition:none!important}}.study-story{border:1px solid #c6d5c4;border-radius:18px;overflow:hidden;background:#f7faf3;margin:20px 0}.study-story-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:16px 20px;background:#eaf1e5;border:0;color:#284738;text-align:left;font-weight:750;cursor:pointer;min-height:48px}.study-story-toggle span{flex:1}.study-story-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.study-story-body{display:grid;grid-template-columns:minmax(180px,.8fr) 1.5fr;gap:24px;padding:22px;align-items:center}.study-story-body>.scene-art{width:100%;aspect-ratio:1.35;border-radius:12px;min-height:170px}.study-story-body h3{font-size:24px;margin:8px 0}.study-story-body p{line-height:1.8}.study-story-body small{color:#63745e}.study-story-goal{font-weight:700;color:#446347}.knowledge-explanation{margin:22px 0;padding:20px;border:1px solid #d8dfd2;border-radius:14px;background:#fbfcf7;color:#293e32;text-align:left}.lesson-heading{display:flex;align-items:center;gap:9px}.lesson-heading h4{margin:0;font-size:18px}.knowledge-explanation .study-explanation{margin:12px 0 18px;line-height:1.85;font-size:17px;color:#293e32}.lesson-content{display:grid;grid-template-columns:minmax(190px,.8fr) 1.3fr;gap:24px;align-items:start;border-top:1px dashed #ccd7c6;padding-top:20px}.lesson-content h4{font-size:20px;margin:8px 0}.lesson-content p,.lesson-content li{line-height:1.8}.lesson-content ol{padding-left:22px;margin:12px 0}.lesson-content li+li{margin-top:9px}.lesson-figure{margin:0;padding:12px;border-radius:12px;background:#edf3e8}.lesson-figure svg{width:100%;height:auto;display:block;fill:none;stroke:#47674d;stroke-width:2}.lesson-figure text{fill:#294b35;stroke:none;font-size:16px;font-weight:700;text-anchor:middle}.lesson-figure .filled{fill:#aac995}.lesson-figure .empty{fill:#fff}.lesson-figure circle:not(.empty){fill:#47674d}.lesson-figure .lesson-accent{stroke:#b18432;stroke-width:3}.lesson-figure figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:10px}.lesson-figure figcaption span{padding:5px 9px;border-radius:6px;background:#fff;font-size:13px;color:#36513b}.lesson-check{display:flex;gap:8px;padding:12px;border-radius:9px;background:#fff3d5;color:#68501c}.lesson-check svg{flex-shrink:0;margin-top:5px}.wrong-saved-note{color:#806037;font-size:14px}.review-kind{display:block;width:fit-content;padding:6px 12px;background:#ecf1e5;border-radius:7px;font-size:14px;color:#47603d;margin-bottom:15px}.study-wrong-book{max-width:1120px;margin:24px auto}.wrong-book-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.wrong-book-heading h2{display:flex;align-items:center;gap:10px;font-size:30px;margin:10px 0}.wrong-book-note{padding:18px;border-left:3px solid #8caa72;background:#edf2e6;line-height:1.8;color:#40543b;border-radius:0 10px 10px 0}.wrong-book-filter{display:flex;align-items:center;gap:12px;margin:24px 0}.wrong-book-filter select{min-height:44px;max-width:100%;border:1px solid #cbd0bf;border-radius:8px;background:#fff;padding:8px 12px}.wrong-book-items{display:grid;gap:20px}.wrong-book-items>article{padding:24px;border:1px solid #ddd7c8;border-radius:16px;background:#fffdf7}.wrong-book-items h3{font-size:21px;line-height:1.6;margin:14px 0}.wrong-item-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#56633e}.wrong-item-meta span{font-size:13px;padding:5px 9px;background:#f3e9d7;color:#77562c;border-radius:6px}.wrong-item-answers{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px}.wrong-item-answers strong{color:#36573c}.wrong-book-items summary{cursor:pointer;padding:12px 0;min-height:44px;color:#536747;font-weight:700}.wrong-item-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.study-next-review{margin:24px 0;padding:20px;border:1px solid #cbd8bf;border-radius:14px;background:#eef3e8}.study-next-review h4{margin:0;font-size:19px}.study-next-review p{line-height:1.8}.study-story button:focus-visible,.wrong-book-items summary:focus-visible{outline:3px solid #a17b29;outline-offset:3px}.study-answer-options button{min-height:64px}.study-diagnostic-actions{flex-wrap:wrap}@media(max-width:650px){.study-story-body{grid-template-columns:1fr;gap:16px;padding:16px}.study-story-body>.scene-art{aspect-ratio:2;min-height:140px;max-height:210px}.study-story-body h3{font-size:21px}.lesson-content{grid-template-columns:1fr;gap:18px}.lesson-figure{max-width:380px;width:100%;box-sizing:border-box;justify-self:center}.knowledge-explanation{padding:15px}.wrong-book-heading{align-items:stretch;flex-direction:column}.wrong-book-items>article{padding:17px}.wrong-item-answers{display:block}.wrong-book-filter{flex-wrap:wrap}.study-feedback,.study-question{min-width:0}.lesson-content>div{min-width:0}}@media(prefers-reduced-motion:reduce){.study-story-toggle svg{transition:none}}.hero-hall .page-heading{align-items:center}.hall-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:22px;margin-bottom:28px}.hall-hero-card,.hall-bag-card,.hall-loadout,.hall-training{border:1px solid #dbe3d0;border-radius:16px;background:#fffdf6}.hall-hero-card{padding:28px;background:linear-gradient(125deg,#edf3e4,#fffdf6 80%)}.hall-hero-intro{display:flex;align-items:center;gap:23px}.hall-hero-intro>.hero-portrait{width:125px;height:145px;flex-shrink:0;border-radius:15px;box-shadow:0 6px 20px #38523419}.hall-hero-intro h2{font-family:var(--serif,serif);font-size:35px;color:#304e3d;margin:12px 0}.hall-hero-intro h2 small{display:inline-block;font-family:inherit;font-size:17px;margin-left:16px;color:#667b50}.hall-hero-intro p{font-size:13px;line-height:1.8;color:#627355}.hall-hero-intro .hall-hero-skill{display:flex;align-items:center;gap:7px;margin-top:12px;color:#426244}.hall-hero-card .duel-xp{margin:23px 0 19px}.hall-hero-facts{display:flex;flex-wrap:wrap;gap:14px 25px;border-top:1px solid #d9e2ce;padding-top:17px}.hall-hero-facts>span{display:flex;gap:7px;align-items:center;color:#647456;font-size:12px}.hall-hero-facts b{font-size:16px;color:#3c5c41}.hall-hero-hint{font-size:12px;color:#647558;line-height:1.8;margin-top:16px}.hall-bag-card{padding:27px;display:flex;flex-direction:column}.hall-card-heading{display:flex;align-items:center;gap:10px;color:#426345}.hall-card-heading h2{font-size:21px;margin:0}.hall-bag-card>p{font-size:12px;color:#6f7e61;margin-top:12px}.hall-bag-totals{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.hall-bag-totals>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 12px;background:#f0f4e8;border-radius:11px;padding:16px;color:#6c8555}.hall-bag-totals strong{font-size:29px;color:#3d603f}.hall-bag-totals span{grid-column:1/-1;font-size:12px;color:#647657}.hall-current-bag{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#657557;font-size:12px;margin-bottom:18px}.hall-current-bag b{color:#455f3b}.hall-bag-card>.button{margin-top:auto;align-self:flex-start}.hall-bag-card .hall-pending{display:flex;gap:8px;color:#8f672a;align-items:center;margin:0 0 14px;line-height:1.8}.hall-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.hall-section-heading h2{font-size:22px;margin:9px 0 0;color:#3e5b40}.hall-loadout{padding:26px}.hall-loadout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hall-loadout-item{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #e1e6d8;border-radius:11px;padding:17px 12px;background:#f8faf2}.hall-loadout-art{width:50px;height:55px;display:grid;place-items:center;flex-shrink:0;color:#799067}.hall-loadout-art .equipment-art{width:50px;height:55px}.hall-loadout-item>div{min-width:0}.hall-loadout-item small,.hall-loadout-item strong,.hall-loadout-item>div>span{display:block;overflow-wrap:anywhere;line-height:1.7}.hall-loadout-item small{font-size:10px;color:#7b8d69}.hall-loadout-item strong{font-size:13px;color:#415e40;margin:4px 0}.hall-loadout-item>div>span{font-size:10px;color:#718263}.hero-hall .hall-roster{margin-top:28px;padding:26px;border:1px solid #dce3d0;border-radius:16px;background:#fffdf6}.hall-roster h2{font-size:22px;color:#3c5c40;margin:12px 0}.hall-roster .roster-choices{max-width:none}.hall-roster .roster-item{padding:12px 9px;min-height:82px}.hall-roster .hero-portrait{width:57px;height:63px}.hall-roster .roster-item small{font-size:11px;line-height:1.7}.hall-training{padding:0 25px;margin-top:24px}.hall-training>summary{cursor:pointer;display:flex;align-items:center;gap:11px;padding:22px 0;color:#42623e;font-weight:700;min-height:64px;list-style:none}.hall-training>summary:after{content:"＋";margin-left:auto;font-size:20px}.hall-training[open]>summary:after{content:"−"}.hall-training>summary small{display:block;color:#788967;font-size:11px;line-height:1.7;font-weight:400;margin-top:6px}.hall-training .skill-panel{margin-top:0}.hall-training .job-panel{margin:24px 0}.hall-loading,.hall-error{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:35px;border:1px solid #dae3d0;border-radius:15px;background:#fffdf7;color:#637952;line-height:1.8}.hall-error{flex-direction:column;align-items:flex-start}.defense-lobby .hero-banner{margin-bottom:32px}.defense-lobby .section-heading{margin-top:26px}.defense-lobby .section-heading h2{font-size:22px}.defense-lobby .hero-banner{height:340px}.defense-lobby .hero-copy{padding-top:32px}.defense-lobby .hero-copy h2{font-size:43px;line-height:1.35;margin-top:18px}.defense-lobby .hero-copy>p{margin-top:14px}.defense-lobby .hero-actions{margin-top:20px}.defense-lobby .hero-meta{display:none}.hero-hall .button,.defense-lobby .button{min-height:44px}@media(max-width:1200px){.hall-loadout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hall-overview{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:18px}.hall-hero-card,.hall-bag-card{padding:22px}.hall-hero-intro{gap:16px}.hall-hero-intro>.hero-portrait{width:100px;height:120px}.hall-roster .roster-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.hall-overview{grid-template-columns:1fr}.hero-hall .page-heading{align-items:flex-start;gap:15px;flex-direction:column}.hall-bag-card>.button{align-self:stretch;justify-content:center}.hall-section-heading{align-items:flex-start;flex-wrap:wrap}.hero-hall .hall-roster{padding:20px}.hall-roster .roster-item{flex-direction:column;gap:7px;text-align:center}.hall-roster .roster-item>svg{position:absolute;top:8px;right:8px}}@media(max-width:580px){.hall-hero-card,.hall-bag-card,.hall-loadout{padding:20px 17px}.hall-hero-intro>.hero-portrait{width:89px;height:109px}.hall-hero-intro h2{font-size:29px}.hall-hero-intro h2 small{font-size:14px;margin-left:10px}.hall-hero-intro .eyebrow{font-size:9px}.hall-hero-intro p{font-size:12px}.hall-hero-facts{gap:14px}.hall-hero-facts>span{font-size:11px}.hall-hero-facts b{font-size:14px}.hall-loadout-grid{gap:10px}.hall-loadout-item{padding:13px 10px;align-items:flex-start;flex-direction:column;gap:5px}.hall-section-heading h2{font-size:19px}.hall-training{padding:0 16px}.hall-hero-hint{font-size:12px}.hall-roster .roster-item small{font-size:10px}.defense-lobby .hero-banner{height:370px}.defense-lobby .hero-copy{padding:24px 20px}.defense-lobby .hero-copy h2{font-size:35px}.defense-lobby .hero-actions{flex-wrap:wrap}.defense-lobby .section-heading h2{font-size:20px}}.game-shell .game-bottom-hud{left:12px;right:12px;bottom:12px;gap:10px;flex-wrap:nowrap}.game-shell .player-hud{min-width:145px;padding:8px 10px;gap:7px;flex-shrink:0}.game-shell .game-avatar{width:28px;height:34px}.game-shell .game-avatar svg{width:19px}.game-shell .hp-track{width:90px;margin-top:6px}.game-shell .build-slots{gap:4px;align-items:flex-end;max-width:calc(100% - 155px)}.game-shell .build-slot{width:60px;height:58px;padding:5px 3px;gap:2px;border-radius:7px;flex-shrink:0}.game-shell .build-slot>svg{width:17px;height:17px}.game-shell .build-slot strong{font-size:11px;line-height:1.3;color:#3e5a32}.game-shell .build-slot small{font-size:9px;color:#62764f;line-height:1.2}.game-shell .slot-key{top:3px;left:3px;font-size:8px;padding:2px}.game-shell .battle-skill-bar{gap:4px;margin:0;flex-wrap:nowrap}.game-shell .battle-skill{width:86px;min-width:0;min-height:58px;height:58px;flex:none;padding:6px 4px 5px 22px;border-radius:7px;border-bottom-width:2px}.game-shell .battle-skill kbd{left:3px;top:7px;font-size:9px;min-width:16px;height:17px;padding:1px}.game-shell .battle-skill strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}.game-shell .battle-skill small{font-size:9px;margin-top:4px;line-height:1.2}.game-shell .battle-skill:disabled{opacity:.7}.game-shell .defense-context{position:absolute;z-index:5;top:63px;right:12px;width:252px;max-width:calc(100% - 24px);max-height:calc(100% - 155px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:10px 12px 12px;border:1px solid #b9cba6;border-radius:12px;background:#fcfff5f5;box-shadow:0 6px 24px #34452535;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);line-height:1.5}.defense-context>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.defense-context>header .icon-btn{width:44px;height:44px;min-height:44px;margin:-7px -7px -7px 0}.defense-context h3{font-size:13px;margin:0}.defense-context .field-label{margin-top:8px;font-size:11px}.defense-context select{min-height:44px;font-size:12px;padding:6px}.defense-context .defense-rank{margin:10px 0 5px;font-size:13px}.defense-context .defense-stats{gap:4px}.defense-context .defense-stats>span{font-size:12px}.defense-context p{margin:8px 0}.defense-context .button{min-height:44px;padding:8px 10px}.defense-context small{font-size:11px;margin-top:6px}.game-shell .build-slot:focus-visible,.defense-context .icon-btn:focus-visible{outline:3px solid #367e5b;outline-offset:2px}@media(max-width:760px){.game-shell .game-bottom-hud{flex-direction:column;align-items:flex-start;gap:5px;left:8px;right:8px;bottom:8px}.game-shell .player-hud{min-width:0;width:172px;padding:5px 8px;gap:6px}.game-shell .game-avatar{width:24px;height:27px}.game-shell .player-hud>div{display:grid;grid-template-columns:1fr auto;gap:3px 7px}.game-shell .player-hud strong{font-size:10px;grid-column:1/-1}.game-shell .player-hud strong>span{font-size:9px}.game-shell .hp-track{width:74px;margin:4px 0 0}.game-shell .player-hud small{margin:0;font-size:9px}.game-shell .build-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:none;gap:4px;align-self:stretch}.game-shell .build-slot{width:100%;height:54px;min-width:0;gap:1px;padding:4px 2px}.game-shell .build-slot strong{font-size:11px}.game-shell .build-slot small{font-size:9px}.game-shell .battle-skill-bar{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px}.game-shell .battle-skill{width:100%;height:48px;min-height:48px;padding:5px 4px 4px;text-align:center}.game-shell .battle-skill kbd{top:5px;min-width:14px;height:15px;font-size:8px}.game-shell .battle-skill strong{font-size:10px;line-height:1.3;padding-left:14px}.game-shell .battle-skill small{margin-top:2px}.game-shell .defense-context{right:8px;top:50px;width:236px;max-height:calc(100% - 217px);padding:9px 11px}.game-shell .interaction-hint{bottom:164px;font-size:10px;min-width:0;width:max-content;max-width:calc(100% - 16px)}.game-shell .build-hint{top:48px;font-size:11px;max-width:calc(100% - 24px);padding:6px 9px}.game-shell .build-hint:has(+.defense-context){display:none}}@media(max-height:500px){.game-shell .defense-context{top:8px;max-height:calc(100% - 16px)}}.game-shell .control-toggle{min-height:44px;font-size:11px;padding:8px;gap:5px}.game-shell .world-top-hud{left:132px}@media(max-width:760px){.game-shell .world-top-hud{left:128px;right:8px;gap:5px}}.play-launchpad{margin-bottom:28px;padding:24px;border:1px solid #d8e2cd;border-radius:16px;background:#f7f9ef}.launchpad-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.launchpad-heading h2{color:#304d38;font-size:21px;line-height:1.5}.launchpad-heading p{margin-top:6px;color:#627258;font-size:12px;line-height:1.8}.launchpad-heading .text-button{display:inline-flex;gap:7px;align-items:center;min-height:44px}.launchpad-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.launchpad-option{display:flex;align-items:flex-start;gap:13px;padding:20px 17px;min-width:0;text-align:left;background:#fffef9;border:1px solid #dbe4d2;border-radius:12px}.launchpad-option:hover{background:#edf4e5;border-color:#90ad7d;box-shadow:0 4px 14px #34522d0c}.launchpad-option:active{background:#e3edd9}.launchpad-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#edf2df;color:#536e3e}.launchpad-defense .launchpad-icon{background:#e5efe8;color:#39664c}.launchpad-study .launchpad-icon{background:#f4edda;color:#806331}.launchpad-option-copy{display:flex;flex-direction:column;min-width:0;height:100%}.launchpad-option-copy small{font-size:10px;color:#647553;line-height:1.7}.launchpad-option-copy strong{margin:7px 0;color:#304d38;font-size:16px;line-height:1.6;text-wrap:balance}.launchpad-option-copy>span{color:#607055;font-size:12px;line-height:1.9}.launchpad-option-copy .launchpad-action{display:flex;gap:8px;align-items:center;padding-top:14px;margin-top:auto;color:#38613e;font-weight:600}.launchpad-shortcuts{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:15px}.launchpad-shortcuts button{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#526d43;font-size:12px;text-align:left}.launchpad-shortcuts button:hover{color:#284d32;text-decoration:underline;text-underline-offset:4px}html:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}.modal{overscroll-behavior:contain}.modal:has(.modal-heading)>.modal-inner{padding:0}.modal-heading{position:sticky;top:0;z-index:5;padding:28px 32px 14px;background:#fffef9;border-bottom:1px solid #e6eadf}.modal-heading h2{padding-right:40px}.equipment-dialog .modal-heading{background:#fbf8ed}.equipment-dialog .modal-heading h2{font-family:Songti SC,serif;font-size:27px;letter-spacing:1px;color:#514a32}.modal-heading .modal-close{width:44px;height:44px;top:16px;right:16px}.modal-body{padding:8px 32px 28px}.modal:has(.modal-heading){scroll-padding-block:170px 24px}.field-hint{margin-top:8px;color:#627159;font-size:12px;line-height:1.8}.field-error{margin-top:7px;color:#9d3e2c;font-size:12px;line-height:1.8}.text-input[aria-invalid=true]{border-color:#b75d46;background:#fffaf5}.form-error:focus{outline:2px solid #a85943;outline-offset:3px}.network-info .button{margin-top:20px}.network-info p{color:#637255}.custom-mode-permissions{margin-top:24px;padding-top:18px;border-top:1px solid #dce3cd}.custom-permissions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.custom-permissions-heading h4{margin:0;color:#3f5d40;font-size:14px}.custom-permissions-heading button{min-height:44px}.parent-custom-switches{display:grid;gap:9px;margin-top:14px}.parent-custom-switches>label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:12px 14px;background:#f8faf2;border:1px solid #dce3cd;border-radius:9px;cursor:pointer}.parent-custom-switches>label>span{min-width:0}.parent-custom-switches strong,.parent-custom-switches small{display:block;overflow-wrap:anywhere;line-height:1.8}.parent-custom-switches strong{font-size:13px;font-weight:600;color:#3f5d40}.parent-custom-switches small{margin-top:3px;font-size:11px;color:#657657}.parent-custom-switches input{flex-shrink:0;width:20px;height:20px;accent-color:#356a50;cursor:pointer}.custom-permissions-loading{display:flex;align-items:center;gap:8px;padding:16px 0;color:#657657;font-size:12px}.custom-mode-permissions .mode-error .button{margin-top:10px}.skip-link{position:fixed;top:8px;left:16px;z-index:150;transform:translateY(-150%);padding:12px 18px;background:#fffef9;border:2px solid #356a50;border-radius:8px}.skip-link:focus{transform:translateY(0)}.main-content:focus{outline:none}.main-content{scroll-margin-top:85px}.toast>button{min-width:32px;min-height:32px;align-items:center;justify-content:center}@media(min-width:581px)and (max-width:1200px){.launchpad-options{gap:10px}.launchpad-option{flex-direction:column;padding:16px}.launchpad-icon{width:36px;height:36px}}@media(max-width:700px){.play-launchpad{padding:18px}.launchpad-options{grid-template-columns:1fr;gap:10px}.launchpad-option{padding:16px}.launchpad-option-copy strong{margin:4px 0}.launchpad-option-copy .launchpad-action{padding-top:8px}.launchpad-heading{margin-bottom:12px}.launchpad-heading h2{font-size:20px}}@media(max-width:580px){.section-navigation button{min-height:44px}.topbar .icon-btn,.topbar .network-badge,.topbar .fullscreen-button{min-width:40px;min-height:44px}.topbar .topbar-actions{gap:3px}.topbar .profile-button{min-height:44px;max-width:104px}.topbar .profile-button>span:not(.profile-avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-heading{padding:22px 20px 12px}.modal-heading h2{font-size:21px}.equipment-dialog .modal-heading h2{font-size:23px}.modal-heading .modal-close{top:10px;right:10px}.modal-body{padding:6px 20px 22px}.modal-body input.text-input{font-size:16px}.modal-body .room-code-input{font-size:21px}.toast{bottom:calc(84px + env(safe-area-inset-bottom))}body:has(.game-shell,.campaign-game,.duel-game) .toast{bottom:calc(22px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
