/* Spirepact / warm illustrated game controls, v3. Loaded after feature styles. */
:root{--ui-brown:#70523b;--ui-cream:#fff2cf;--ui-gold:#dbac60;--ui-shadow:#5f4833;--ui-text:#4e4938}
.game-icon{filter:drop-shadow(0 2px 0 #58493933);overflow:visible}
.primary,.secondary{border:2px solid var(--ui-brown);border-radius:15px;outline:none;min-height:52px;letter-spacing:.06em;box-shadow:inset 0 2px 0 #ffffff66,inset 0 -3px 0 #00000012,0 4px 0 var(--ui-shadow),0 6px 8px #33241825}
.primary{background:linear-gradient(#629a8c,#387568);color:#fff7dc;text-shadow:0 2px #28594e}
.primary:before,.primary:after{font-size:7px;color:#f8d98d}
.secondary{background:linear-gradient(#fff9e7,#f2dca8);color:#5c523a;text-shadow:0 1px #fff9df}
.secondary.danger{color:#983f31;border-color:#a3664e;background:linear-gradient(#fff0db,#edc4a7)}
.primary:disabled,.secondary:disabled{filter:grayscale(.65);box-shadow:inset 0 1px #fff8,0 2px 0 #786e56}
.primary:not(:disabled):active,.secondary:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 2px 3px #0002,0 1px 0 var(--ui-shadow)}
.icon-button,.close-button{border:2px solid #8e704a;outline:none;background:linear-gradient(#fff7dd,#ecd299);box-shadow:inset 0 2px #fff9,0 3px 0 #74563a,0 4px 8px #39261730}
.icon-button .game-icon{width:31px;height:31px}
.parchment{border:2px solid #977247;border-radius:23px;outline:2px solid #fff4d0;outline-offset:-6px;background:radial-gradient(ellipse at top,#fffbedb3,transparent 65%),linear-gradient(145deg,#fff0cd,#efd8a4);box-shadow:inset 0 2px #fff7,0 5px 0 #816043,0 16px 32px #29241945}
.parchment:before,.parchment:after{color:#d1a259;top:11px;font-size:8px}
.class-emblem{border-radius:17px;border-color:#f9e7b4;background:linear-gradient(#fff4d5,#dfc58e);outline:2px solid #886442;box-shadow:0 4px 0 #795b3d}
.class-emblem .game-icon{width:40px;height:40px}
.class-option[aria-pressed=true] .class-emblem{background:linear-gradient(#b1d5ba,#70a799);outline-color:#755639;border-color:#fff3bd}
.title-actions .primary.start{background:linear-gradient(#fce1a0,#e6ae56);color:#593f27;text-shadow:0 1px #ffebbd;border-color:#88603b}
.camp-world{--camp-edge:14px;background:#d3d8b4}
.camp-vignette{background:linear-gradient(#45604d19,transparent 20%,transparent 78%,#243e393b)}
.camp-hud{left:var(--camp-edge);right:var(--camp-edge);top:calc(12px + env(safe-area-inset-top));gap:8px}
.camp-player{height:62px;min-width:181px;max-width:calc(100% - 65px);gap:9px;padding:4px 11px 4px 4px;background:linear-gradient(#fff5d9,#ecd59f);border:2px solid #816345;border-radius:34px 17px 17px 34px;box-shadow:inset 0 2px #fff8,0 4px 0 #806044,0 6px 10px #28352625;color:#4d4737}
.camp-player img{width:50px;height:50px;border:2px solid #bd9656;background:#b3c6a2;box-shadow:inset 0 1px #fff7;object-position:50% 12%}
.camp-player b{font-size:15px;letter-spacing:.04em}
.camp-player small{color:#796344;font-size:11px;font-weight:650}
.camp-player svg:not(.game-icon){width:13px;height:13px;color:#97794c;margin-left:7px}
.camp-hud .icon-button{width:46px;height:46px;border-radius:16px;padding:5px}
.camp-area{left:calc(var(--camp-edge) + 3px);top:calc(92px + env(safe-area-inset-top));color:#fef6df;text-shadow:0 2px 1px #405d46,0 0 8px #3b6345}
.camp-area>span{font:700 8px Georgia,serif;letter-spacing:.13em}
.camp-area h1{font-size:25px;letter-spacing:.09em;margin:4px 0 3px}
.camp-area small{font-size:10px}
.camp-minimap{right:var(--camp-edge);top:calc(87px + env(safe-area-inset-top));width:94px;height:83px;border:3px solid #8a6b46;outline:2px solid #f5dfaa;outline-offset:-5px;border-radius:16px;background:#355c4e;box-shadow:0 4px 0 #624e37,0 5px 12px #2e412f44}
.camp-minimap canvas{width:88px;height:57px;border-radius:11px 11px 0 0}
.camp-minimap span{background:#f3dca6;color:#604d35;line-height:20px;font-size:10px;font-weight:750;letter-spacing:.03em}
.camp-minimap[aria-pressed=true]{border-color:#d8a153;box-shadow:0 0 0 2px #fff2bf,0 3px #795833}
.camp-objective{left:var(--camp-edge);top:calc(174px + env(safe-area-inset-top));max-width:calc(100% - 117px);width:220px;min-height:58px;padding:7px 9px 8px 6px;gap:7px;pointer-events:auto;border:2px solid #af8750;border-radius:14px;background:linear-gradient(120deg,#fff5d8f7,#eddaaef5);color:#5b4933;box-shadow:inset 0 2px #fff8,0 3px 0 #8e6b45,0 5px 8px #35412c22;text-align:left}
.camp-objective>.game-icon{width:38px;height:38px;flex-shrink:0}
.camp-objective>svg:last-child{width:16px;height:16px;margin-left:auto;color:#977243}
.camp-objective strong{font-size:14px;letter-spacing:.06em}
.camp-objective small{font-size:10px;color:#8b724b;white-space:nowrap}
.camp-social{right:var(--camp-edge);top:calc(189px + env(safe-area-inset-top));gap:9px}
.camp-social button{width:59px;height:60px;min-height:60px;display:flex;flex-direction:column;gap:0;padding:3px 2px 4px;border:2px solid #8e6c47;border-radius:17px;background:linear-gradient(#fff8dc,#edd29a);box-shadow:inset 0 2px #fff9,0 3px 0 #785738,0 5px 8px #1e3c2e26;color:#594b35;font-size:10px;font-weight:750}
.camp-social .game-icon{width:35px;height:35px}
.camp-social button span{line-height:15px}
.camp-controls{left:var(--camp-edge);right:var(--camp-edge);bottom:calc(117px + env(safe-area-inset-bottom));align-items:flex-end}
.camp-move{width:104px;height:104px;border:2px solid #f9efca94;background:radial-gradient(#395d4626,#43664d45);box-shadow:inset 0 0 0 7px #f6e5b921,0 2px 5px #143e3020;transform:none}
.camp-stick{left:29px;top:29px;width:42px;height:42px;border:2px solid #d2b97d;background:linear-gradient(#ffedc199,#c8ae7599);box-shadow:inset 0 2px #fff6,0 3px 0 #6b624359}
.camp-move [data-walk=up],.camp-move [data-walk=down]{left:28px;width:44px;height:44px}
.camp-move [data-walk=left],.camp-move [data-walk=right]{top:28px;width:44px;height:44px}
.camp-move button{color:#fff2bc9e;font-size:11px}
.camp-actions{display:flex;gap:11px;align-items:flex-end}
.camp-action{width:65px;min-height:65px;height:65px;gap:0;margin-bottom:3px;border:2px solid #d6ba7a;outline:2px solid #765e3f;background:radial-gradient(at 40% 20%,#8ab5a3,#4c806e);box-shadow:inset 0 2px #fff6,0 4px 0 #47533a;color:#fff5d3}
.camp-action .game-icon{height:31px;width:31px}
.camp-action span{font-size:10px;text-shadow:0 1px #315242}
.camp-action:disabled{opacity:.5;filter:grayscale(.65)}
.camp-expedition{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;width:108px;height:99px;padding:0 6px 7px;border:2px solid #795237;border-radius:24px 24px 17px 17px;background:linear-gradient(#ffecb3 0%,#f1cc79 55%,#dfad59 100%);box-shadow:inset 0 0 0 3px #ffe6a4,inset 0 -7px #d398472c,0 5px 0 #8a5d34,0 8px 12px #41351e30;color:#5c432b}
.camp-expedition>.game-icon{width:55px;height:55px;margin-top:-12px;filter:drop-shadow(0 3px 0 #88643e4d)}
.camp-expedition span{display:grid;gap:3px;white-space:nowrap}
.camp-expedition b{font-size:15px;letter-spacing:.07em;text-shadow:0 1px #fff5ca}
.camp-expedition small{font-size:9px;letter-spacing:.06em;color:#856338}
.camp-expedition:not(:disabled):active{transform:translateY(4px);box-shadow:inset 0 2px 5px #8a5d3433,0 1px 0 #8a5d34}
.camp-hint{bottom:calc(94px + env(safe-area-inset-bottom));font-size:9px;color:#fff4d2}
.camp-dock{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-width:560px;margin:auto;display:flex;gap:5px;padding:4px 6px 7px;border:2px solid #8f704a;border-radius:22px;background:linear-gradient(#fff6dbfa,#e9d3a1fa);box-shadow:inset 0 2px #fff,0 4px 0 #745a3e,0 -4px 16px #334b291c}
.camp-dock button,.camp-dock button:last-child{min-width:0;max-width:none;min-height:62px;flex:1;border:0;border-radius:15px;background:transparent;padding:0 3px 3px;gap:0;align-content:center;color:#5d5039;font-weight:750}
.camp-dock .game-icon{height:43px;width:43px;margin-top:-8px}
.camp-dock button span{font-size:11px;letter-spacing:.04em;line-height:18px}
.camp-dock button:hover{background:#f3d49188}
.camp-dock button:active{background:#d7b97855;box-shadow:inset 0 2px 4px #8e734033}
.camp-dialog-backdrop{background:#233c39a3;backdrop-filter:blur(3px)}
.camp-dialog{border-radius:25px;padding:28px 22px 24px;color:#574b37}
.camp-dialog h2{font-size:25px;color:#5c4830;letter-spacing:.06em}
.camp-dialog>.close-button{top:10px;right:10px;width:44px;height:44px;min-width:44px;min-height:44px}
.camp-dialog p{color:#7f7156;font-size:12px}
.camp-dialog .eyebrow{font-size:8px;letter-spacing:.12em;color:#9d814d}
.camp-place-list{gap:10px}
.camp-place-list button{min-height:65px;padding:7px 10px;border:2px solid #c4a676;border-radius:15px;background:linear-gradient(#fff9e5,#f4e3bd);box-shadow:inset 0 2px #fff,0 3px 0 #c5a77a;gap:10px}
.camp-place-list button .game-icon{width:43px;height:43px;flex-shrink:0}
.camp-place-list b{font-size:13px;color:#5d4d35}
.camp-place-list small{font-size:10px;color:#8a7856;line-height:1.5}
.camp-place-list button>svg:last-child:not(.game-icon){width:17px;height:17px;color:#ab8751}
.camp-dialog-emblem{height:80px;width:80px;border:2px solid #c8a66b;outline:none;background:radial-gradient(#fff2bd,#dfc892);box-shadow:inset 0 2px #fff9,0 3px 0 #9a794b}
.camp-dialog-emblem .game-icon{height:58px;width:58px}
.camp-feature-state{border-radius:10px;background:#dac58d3b;color:#827049}
.camp-loading{background:#fff1d6ed;color:#6d593d}
.build-tabs button,.community-tabs button{border-radius:14px 14px 0 0;transition:background .16s,box-shadow .16s}
.build-back,.community-header>button,.campaign-header>button{border:2px solid #987449;border-radius:15px;background:linear-gradient(#fff3d1,#e4c78e);color:#675239;box-shadow:inset 0 2px #fff9,0 3px 0 #725539;min-width:44px;min-height:44px}
.build-enter{border:1px solid #b59459;border-radius:11px;padding:5px 9px;background:#557e6c;color:#fff0c8;box-shadow:inset 0 1px #fff3,0 3px 0 #263e36}
.build-enter .game-icon{width:27px;height:27px}
.power-summary>span{white-space:nowrap;font-size:12px;font-weight:700}
.power-summary .build-text{width:auto;flex:0 0 auto;margin-left:auto;color:#e5d4ab;padding-inline:7px}
.build-tabs button[aria-selected=true],.community-tabs button[aria-selected=true]{background:linear-gradient(#fff1c9,#e6ca8d);color:#58472f;border-bottom-color:#8b683d;box-shadow:inset 0 2px #fff9,0 2px 0 #876642;font-weight:750}
.build-tabs button[aria-selected=true]:after{display:none}
.build-paper,.build-sheet,.campaign-detail{border-radius:19px;border:2px solid #a98a58;box-shadow:inset 0 2px #fff9,0 4px 0 #6c533c45}
.gear-frame{border-radius:15px;box-shadow:inset 0 0 0 2px #fff1bf55,0 3px 0 #283e34}
button:focus-visible{outline:3px solid #8a4fcb;outline-offset:4px}
body[data-preview=true] .preview-bar{padding:4px 6px;background:#3c574df5}
body[data-preview=true] .preview-bar button{color:#56472f;border:1px solid #a98954;box-shadow:0 2px 0 #776445;border-radius:7px;font-weight:650}
@media(min-width:760px){
 .camp-world{--camp-edge:28px}.camp-player{min-width:210px;height:66px}.camp-player img{height:54px;width:54px}
 .camp-area{top:calc(102px + env(safe-area-inset-top))}.camp-area h1{font-size:29px}
 .camp-minimap{top:calc(95px + env(safe-area-inset-top));width:130px;height:106px}.camp-minimap canvas{width:124px;height:79px}
 .camp-objective{top:calc(196px + env(safe-area-inset-top));width:244px;min-height:64px}.camp-objective strong{font-size:15px}
 .camp-social{top:calc(220px + env(safe-area-inset-top))}.camp-social button{height:61px;min-height:61px;width:64px;font-size:10px}.camp-social .game-icon{width:40px;height:40px}
 .camp-controls{bottom:calc(118px + env(safe-area-inset-bottom));left:32px;right:32px}.camp-actions{gap:18px}
 .camp-expedition{width:145px;height:103px}.camp-expedition>.game-icon{width:64px;height:64px;margin-top:-18px}.camp-expedition b{font-size:18px}
 .camp-action{width:76px;height:76px}.camp-action .game-icon{width:39px;height:39px}.camp-action span{font-size:11px}
 .camp-dock{padding-inline:16px;gap:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:24px}.camp-dock button{min-height:66px}
 .camp-dock .game-icon{height:48px;width:48px}.camp-dock button span{font-size:12px}
}
@media(max-height:700px) and (max-width:759px){
 .camp-world{--camp-edge:11px}.camp-hud{top:calc(9px + env(safe-area-inset-top))}.camp-player{height:57px;min-width:175px}.camp-player img{height:46px;width:46px}
 .camp-area{top:calc(80px + env(safe-area-inset-top))}.camp-area h1{font-size:22px}.camp-area>span{display:none}
 .camp-minimap{top:calc(79px + env(safe-area-inset-top));height:76px;width:86px}.camp-minimap canvas{height:50px;width:80px}
 .camp-objective{top:calc(142px + env(safe-area-inset-top));min-height:55px;width:218px}
 .camp-social{top:calc(176px + env(safe-area-inset-top));gap:7px}.camp-social button{width:52px;height:53px;min-height:53px;font-size:9px}.camp-social .game-icon{width:30px;height:30px}
 .camp-controls{bottom:calc(105px + env(safe-area-inset-bottom))}.camp-expedition{width:100px;height:87px}.camp-action{width:61px;height:61px;min-height:61px}.camp-actions{gap:9px}
 .camp-move{width:96px;height:96px}.camp-stick{left:25px;top:25px}.camp-move [data-walk=up],.camp-move [data-walk=down]{left:24px}.camp-move [data-walk=left],.camp-move [data-walk=right]{top:24px}
 .camp-hint{bottom:calc(84px + env(safe-area-inset-bottom))}.camp-dock{bottom:calc(8px + env(safe-area-inset-bottom))}.camp-dock button{min-height:58px}.camp-dock .game-icon{height:39px;width:39px}
 .camp-dialog{padding:25px 17px 20px}.camp-place-list button{min-height:59px}.camp-place-list{gap:8px}.camp-place-list button .game-icon{width:36px;height:36px}
}
@media(max-width:360px){.camp-player{min-width:168px}.camp-actions{gap:7px}.camp-expedition{width:94px}.camp-objective{max-width:calc(100% - 102px)}.camp-objective strong{font-size:13px}.camp-dock button span{font-size:10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.game-icon{animation:none}}