/* Art edition 2.1 — tabletop field squad. Gameplay remains content v2.0.0. */
html,body{background:#f3f1df;color:#465d49}body{background:radial-gradient(ellipse at 90% 0,#fffdf5,transparent 60%),#eef1df}button{background:#f8f7e9;border:1px solid #c7d1af;color:#516b50;border-radius:10px;box-shadow:0 2px 0 #d5ddc5}button:hover{background:#e8efdc}button:active{transform:translateY(1px);box-shadow:none}button:focus-visible{outline:3px solid #ebad68;outline-offset:2px}.symbol{font-size:30px;background:#8ac4a4;color:#fff5cf;border:2px solid #5d9f82;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;text-shadow:0 2px #5d9f82}h1{color:#446747;letter-spacing:2px}.identity small{color:#8c9879}.record{color:#849177}.record b{color:#5b967a}aside{background:#fffdf2;border:2px solid #d6dec0;border-radius:17px;box-shadow:0 4px 0 #ccd5b766}.mission h2{color:#53704d}.mission p,.tip,.legend,small{color:#7e8d72}.stats strong{color:#547a5b}.stats small{color:#8c977c}.meters span{color:#667b5e}.meters i{background:#e5ead6;height:7px}.meters em{background:#7abb8e;border-radius:6px}#hpBar{background:#7abcc1}.remaining{color:#ae8051}.actions button{font-weight:600}.cyan{background:#52aa90}.pink{background:#e48b7e}.gold{background:#cba16b}#field{background:#eedbab;border:3px solid #fffaf0;border-radius:20px;box-shadow:0 0 0 1px #c6d1a8,0 5px 0 #cbd4b475}.sector{color:#73825b;font-size:10px;letter-spacing:1px;background:#fff9e5c7;padding:5px 9px;border-radius:14px}.sector span{color:#5c9878}#stick{background:#f8f8e9b5;border:2px solid #a3b697;box-shadow:0 3px 0 #91a98450}#knob{background:#83b6a5;border:2px solid #5b917f;box-shadow:inset 0 3px 0 #b9dacc,0 3px 0 #5d8f7e55}#stick small{color:#65876d;font-weight:600}#fire{background:#ee9d80;color:#733f3c;border:3px solid #c87562;box-shadow:inset 0 4px 0 #ffd0ad,0 4px 0 #a66d5140;font-size:17px}#fire small{color:#985b4c}#fire:hover{background:#fbb090}#overlay{background:#b5c99745;backdrop-filter:blur(3px)}.card{background:#fffdf2f7;border:2px solid #cedabc;border-radius:19px;box-shadow:0 8px 0 #a8ba8a33,0 16px 35px #71845433}.card h2{color:#4d7453}.card p{color:#7f896b}.card small{color:#98a080}.tags{color:#8d9b79}.tags span{background:#f0f3df;padding:4px 6px;border-radius:6px}.card button{background:#8bc6a2;color:#355e49;border:1px solid #70a98a;box-shadow:0 3px 0 #6fa58b;border-radius:11px}.card button:hover{background:#a3d6b5}.card #upgrade{background:#f1d797;color:#8c693b;border-color:#d0b276;box-shadow:0 3px 0 #d2b677}#contentPanel{border-color:#dce2c9}.content-select label{color:#6c7b5b}.content-select select{background:#f3f5e7;border:1px solid #cfd9b9;color:#627953;min-height:44px;font-size:12px;padding:4px;border-radius:8px}.card .content-buttons button{min-height:44px;background:#f0f4e3;border-color:#cbd8b5;color:#6e835c;box-shadow:0 2px 0 #d1dbbc}#recordInfo{color:#8b9677}#toast{background:#fff9e8ed;color:#886b4e;border:1px solid #d8c7a1;box-shadow:0 3px 9px #74805c22}footer{color:#8b9a7b;letter-spacing:1px}
@media(max-width:650px) and (orientation:portrait){.symbol{width:35px;height:35px;font-size:25px;border-radius:10px}aside{padding:8px 10px;border-radius:14px}.actions button{min-height:38px;font-size:10px}.remaining{font-size:10px}.card{padding:16px}.card h2{font-size:26px}.card button{min-height:44px}.tags{gap:5px;margin:10px 0}.sector{font-size:8px;padding:4px 6px;top:9px;left:8px}.sector span{display:none}#field{border-width:2px}}
@media(orientation:landscape) and (max-height:550px){main{grid-template-columns:165px 1fr;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.symbol{width:31px;height:31px;font-size:22px;border-radius:9px}.stats strong{font-size:15px}.actions button{min-height:38px;font-size:10px}.meters span{font-size:10px}.card{padding:12px 17px;max-width:520px}.card h2{font-size:23px}.card button{min-height:44px}.sector{font-size:8px;padding:4px 6px;top:8px;left:8px}.sector span{display:none}.session-live{padding:10px 16px}.session-live h2{font-size:21px}.session-live .content-buttons button{min-height:38px}}
@media(max-width:360px) and (orientation:portrait){.card{padding:12px 14px}.card>#eyebrow,.card .tags{display:none}.card h2{font-size:23px;margin:7px 0}.card #message{font-size:12px;line-height:1.6;margin:6px 0}.card #start{margin-top:6px}}
@media(orientation:landscape) and (max-height:550px){.actions button,.controls button{font-size:9px;white-space:nowrap;padding-left:1px;padding-right:1px}}
@media(min-height:551px) and (orientation:landscape){aside{gap:16px;padding:20px}.stats{gap:14px}.mission p{margin-bottom:0}.tip{margin-top:8px}}