.painted-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.painted-map{position:relative;overflow:hidden;background:#c3d6b4}.painted-viewport{height:670px;width:100%;position:relative;overflow:hidden;touch-action:none;cursor:grab;background:#becfb2;outline-offset:-4px}.painted-viewport.dragging{cursor:grabbing}.painted-plane{position:absolute;left:0;top:0;width:2400px;height:1600px;transform-origin:0 0;will-change:transform}.painted-image{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;pointer-events:none}.atlas-marker{position:absolute;transform:translate(-50%,-50%) scale(var(--pin-scale,1));transform-origin:50% 50%;background:none;border:0;padding:0;z-index:2;width:32px;height:32px;display:flex;justify-content:center;align-items:center;color:#f8efd4}.atlas-marker-dot{width:32px;height:32px;border-radius:50%;background:#345a44e8;border:2px solid #eddfb3;box-shadow:0 2px 5px #17362760;display:grid;place-items:center}.atlas-marker-dot svg{width:16px;height:16px}.atlas-marker-label{position:absolute;top:37px;left:50%;transform:translateX(-50%);min-width:max-content;max-width:200px;background:#fffbedf2;color:#35503e;padding:6px 10px;border:1px solid #c3c8a7;border-radius:5px;box-shadow:0 2px 7px #17362525;font-size:14px;line-height:1.2;pointer-events:none}.atlas-marker-label small{display:block;font-size:12px;color:#7f8768;margin-top:4px}.atlas-marker.current .atlas-marker-dot{box-shadow:0 0 0 4px #e9d78e80,0 2px 5px #17362760}.atlas-marker.selected{z-index:5}.atlas-marker.selected .atlas-marker-dot{background:#a6853e;border-color:#ffdf85}.atlas-marker.selected .atlas-marker-label{background:#fff1c5;border-color:#ae924f}.atlas-marker.locked .atlas-marker-dot{background:#6d7562e8}.atlas-marker.town-marker .atlas-marker-dot{width:38px;height:38px;border-radius:9px;background:#8a693be8}.atlas-marker.town-marker .atlas-marker-label{font-weight:600}.painted-viewport.overview .atlas-marker:not(.town-marker):not(.selected):not(:focus-visible):not(:hover) .atlas-marker-label{display:none}.atlas-marker:hover,.atlas-marker:focus-visible{z-index:6}.atlas-marker:focus-visible{outline:3px solid #fff3a3;outline-offset:3px;border-radius:50%}.atlas-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;color:#75856b;margin-bottom:16px;line-height:1.6}.atlas-summary>span:last-child{font-size:12px}.atlas-map-filters{position:absolute;left:16px;top:16px;display:flex;gap:3px;padding:4px;border-radius:7px;background:#fffbedf2;box-shadow:0 3px 12px #30492e22}.atlas-map-filters button{padding:8px 10px;background:transparent;border:0;border-radius:5px;font-size:14px;color:#65775d}.atlas-map-filters button.active{background:#375b45;color:#fff7df}.atlas-zoom-controls{position:absolute;right:16px;top:16px;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1px solid #d4d9be;border-radius:8px;background:#fffbedf7;box-shadow:0 3px 12px #30492e22}.atlas-zoom-controls button{display:grid;place-items:center;width:43px;height:43px;background:transparent;border:0;color:#527347}.atlas-zoom-controls button:hover{background:#e9efdd}.atlas-zoom-controls svg{width:19px;height:19px}.atlas-zoom-controls output{font-size:12px;color:#7c896a;padding:5px 3px}.atlas-zoom-controls button:nth-last-child(2){border-top:1px solid #dde2cc}.atlas-map-caption{position:absolute;bottom:15px;left:16px;right:16px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.atlas-map-caption>span{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#fffbeded;border:1px solid #dddabe;border-radius:5px;color:#5e7754;font-size:12px}.atlas-map-caption svg{width:16px;height:16px}.city-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.city-switcher .btn.active{background:#385b45;color:#fff5d9}.building-board{height:560px;background:#b7cf97 url('/assets/city-grounds.webp') center/100% 100% no-repeat}.building-board:before,.building-board:after{display:none}.building-lot{height:220px}.building-lot>.sprite{height:157px}.building-caption strong{font-size:16px}.building-caption>span{font-size:12px}.building-lot.unbuilt{background:#f5f7e733}.bridge-illustration{height:230px;padding:4px;background:#edf1df;border:1px solid #d4ddc3}.bridge-illustration>.sprite{width:100%;height:100%;object-fit:contain}.discovery-reward>.sprite{width:85px;height:95px}.discovery-reward h3{font-size:23px}.discovery-reward p,.discovery-reward small{font-size:14px;line-height:1.6}.region-equipment-reward{display:flex;align-items:center;gap:15px;border-top:1px solid #dfe4d1;margin-top:18px;padding-top:18px}.region-equipment-reward>.sprite{width:58px;height:68px}.region-equipment-reward strong{font-size:14px}.region-equipment-reward small{display:block;font-size:12px;line-height:1.6;color:#7f8c6e;margin-top:4px}.region-monsters .progress-label{font-size:14px;margin-top:16px}.hero-top h2{max-width:80%;overflow-wrap:anywhere}.class-card>.sprite{height:112px}.class-card{min-height:184px}.class-card small{font-size:12px;line-height:1.4}.class-card strong{font-size:20px}.creation-content .creation-intro,.class-skill p{font-size:14px}.creation-content h1{font-size:38px}.class-skill small,.creation-account,.creation-content .help-note{font-size:12px}.creation-content .form-label{font-size:14px}.creation-figure>.sprite{max-height:510px}.hero-art.class-hero-art{height:340px;top:128px}.motion-preference{display:flex;gap:9px;align-items:center;padding:15px 0;font-size:14px}.motion-preference input{width:18px;height:18px}.battle-unit .unit-art{animation:none!important;filter:none!important}.unit-art.moving{z-index:9}.battle-unit[data-unit=self]{z-index:6}.combat-controls .combat-buttons{flex-wrap:wrap}.combat-controls .btn{font-size:14px}.unit-name{font-size:14px;max-width:230px;white-space:normal;min-width:max-content}.unit-name small{font-size:12px}.battle-unit.distant .unit-name{min-width:0;font-size:12px;max-width:170px}.battle-unit.distant .unit-name small{font-size:10px}.unit-floats{z-index:30}.combat-sweep{position:absolute;width:58px;height:58px;left:25%;top:38%;border-top:4px solid #ffebaa;border-right:4px solid #fff8d9;border-radius:50%;transform:rotate(-25deg);pointer-events:none;animation:sweep-fade .42s ease-out forwards}.combat-cast{position:absolute;width:48px;height:48px;border:2px solid #d4e6ff;border-radius:50%;top:37%;left:35%;opacity:.85;pointer-events:none}.projectile{z-index:25}.projectile.arrow{width:72px;height:16px}.projectile.arrow svg{width:72px;height:16px}.projectile.arcane,.projectile.holy,.projectile.nature{width:22px;height:22px}.spell-core{width:22px;height:22px}.impact-mark{z-index:25;width:36px;height:36px;left:36%;top:36%}.battle-rest{font-size:14px}.encounter-title h3{font-size:22px}.battle-unit.defeated .unit-art{opacity:.18}.battle-unit[data-unit=self] .unit-art{height:175px;top:auto}.battle-unit.enemy .unit-art{height:155px;top:auto}.battle-unit.distant .unit-art{height:90px}.town-connection{font-size:14px;line-height:1.7;padding:17px;background:#edf1df;border:1px solid #d4ddc3;border-radius:8px}.region-secret-inspect{display:flex;gap:18px;align-items:center}.region-secret-inspect>.sprite{width:110px;height:130px}.region-secret-inspect p{font-size:14px;line-height:1.7}.route-secret-button{background:transparent;border:0;text-align:left;color:inherit;padding:0}.route-secret-button:hover h3{text-decoration:underline;text-underline-offset:4px}@keyframes sweep-fade{0%{opacity:0}25%{opacity:1}100%{opacity:0}}
@media(max-width:1100px){.painted-layout{grid-template-columns:1fr}.painted-viewport{height:620px}.painted-layout>.location-detail{display:grid;grid-template-columns:30% 1fr;min-height:0}.painted-layout .location-hero{height:auto;min-height:280px}.painted-layout .location-content{padding:24px}.atlas-summary>span:last-child{max-width:230px;text-align:right}.unit-name{font-size:12px}.unit-name small{font-size:10px}}
@media(max-width:650px){.painted-viewport{height:520px}.painted-layout>.location-detail{display:block}.painted-layout .location-hero{height:150px;min-height:0}.atlas-summary{font-size:13px;align-items:start}.atlas-summary>span:last-child{max-width:160px;font-size:12px}.atlas-map-filters{left:10px;top:10px}.atlas-map-filters button{font-size:12px;padding:8px}.atlas-zoom-controls{right:10px;top:10px}.atlas-zoom-controls button{width:38px;height:40px}.atlas-map-caption>span:last-child{display:none}.atlas-marker-label{font-size:12px;max-width:150px;min-width:max-content}.atlas-marker-label small{font-size:12px}.building-board{height:430px}.building-lot{height:180px}.building-lot>.sprite{height:120px}.building-caption{padding:5px}.building-caption strong{font-size:14px}.building-caption>span{font-size:12px}.bridge-illustration{height:210px}.class-grid{gap:8px}.class-card{min-height:172px}.class-card>.sprite{height:98px}.class-card small{font-size:12px}.creation-content h1{font-size:32px}.battle-unit[data-unit=self] .unit-art{height:132px}.battle-unit.enemy .unit-art{height:120px}.battle-unit.distant .unit-art{height:66px}.unit-name{font-size:12px;max-width:140px;min-width:0;white-space:nowrap}.battle-unit.distant .unit-name{font-size:10px}.combat-controls .btn{font-size:12px}.hero-art.class-hero-art{height:315px;top:128px}}
@media(prefers-reduced-motion:reduce){.combat-sweep{animation:none}}
.battle-state{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(360px,85%);z-index:18;padding:24px;background:#fffbeff2;border:1px solid #d7d4b6;border-radius:10px;box-shadow:0 8px 30px #1a302d33;text-align:center}.battle-state strong{font:26px Georgia,serif;color:#49613f}.battle-state p{font-size:14px;line-height:1.6;color:#7b856b;margin:10px 0 18px}.battle-state .btn{margin:auto}.journal-art{width:54px;height:62px}.journal-list strong{font-size:14px}.journal-list small{font-size:12px}.journal-list>button>span{font-size:14px}.head-actions [data-action=motion]{font-size:12px}.head-actions [data-action=motion][aria-pressed=false]{background:#f4e4bf;border-color:#c8ae74;color:#8a682c}[data-motion=full] .floating-number{animation:combat-float 1.4s ease-out forwards!important}[data-motion=full] .combat-sweep{animation:sweep-fade .42s ease-out forwards!important}[data-motion=reduced] .floating-number{animation:none!important;transform:translate(-50%,-12px)}[data-motion=reduced] .impact-mark{animation:none!important}
.town-ground-viewport{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#879e6d #e2ebd3}.building-board{width:100%;min-width:660px;height:auto;aspect-ratio:3/2;background-size:100% 100%}.building-lot{height:41%}.building-lot>.sprite{height:calc(100% - 58px)}.city-scene-caption p{font-size:14px}.region-side .local-intro,.encounter-card>p{font-size:14px}.presence-note{font-size:12px}.combat-log-line p{font-size:14px}.combat-session small{font-size:12px}.combat-live-label{font-size:14px}.city-switcher .btn{font-size:14px}.panel.location-detail{height:auto}.painted-viewport .atlas-marker-label{max-width:220px}.battle-unit .unit-art>.sprite{max-width:100%;max-height:100%;height:100%;width:100%;object-fit:contain}
@media(max-width:650px){.head-actions{flex-wrap:wrap;justify-content:end}.head-actions [data-action=motion]{width:auto;max-width:150px;font-size:12px;padding:8px;min-height:38px}.head-actions [data-action=motion] svg{flex-shrink:0}.city-scene-caption p:after{content:' Glissez pour parcourir les quartiers.'}.building-caption strong{font-size:14px}.building-lot>.sprite{height:calc(100% - 52px)}}
[data-motion=full] .impact-mark{animation:impact .4s ease-out forwards!important}