/* Army風の簡易スタイル */ 
:root{--khaki:#4b5320;--khaki-dark:#39401a;--yellow:#ffd700;--ink:#0b0b0b;--surface:#2f3316;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--khaki);color:var(--yellow);
font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans JP","Yu Gothic UI","Meiryo",Arial;}
.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(0deg,var(--khaki-dark),var(--khaki));border-bottom:2px solid #000}
.container{max-width:900px;margin:24px auto;padding:0 16px}
.card{background:var(--surface);border:2px solid #000;border-radius:16px;padding:16px;box-shadow:0 6px 0 #0b0b0b;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
label{display:flex;flex-direction:column;gap:6px}
input,select,button{padding:10px 12px;border-radius:12px;border:2px solid #0b0b0b;background:#1e200e;color:var(--yellow)}
button{font-weight:700;box-shadow:0 4px 0 #0b0b0b;background:#3a3d1b}
button:active{transform:translateY(2px);box-shadow:0 2px 0 #0b0b0b}
button.ghost{background:transparent;border-style:dashed}
.hint{font-size:12px;opacity:.9;margin-top:10px}
.message{margin-top:10px}
.success{color:#b4ff8a}.error{color:#ffb4b4}
@media(max-width:720px){.grid,.grid-2{grid-template-columns:1fr}}