*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#10292e;color:#f4f0df;font-family:'Yu Gothic UI','Meiryo',sans-serif;font-size:16px;line-height:1.65}.scenery{position:fixed;inset:0;background:linear-gradient(180deg,#10292e10,#10292eda 70%),url(assets/market.png) center/cover;z-index:-1}main{max-width:1240px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:175px;text-shadow:0 2px 8px #07191f}h1{font-family:'Yu Mincho',serif;font-size:clamp(28px,4vw,46px);letter-spacing:.08em;line-height:1.2;margin:10px 0}h2{font-size:20px;margin:0 0 8px}p{margin:8px 0}.eyebrow{font-size:12px;letter-spacing:.24em;color:#ffe2a2}.tagline{font-size:16px}.tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:330px}.tools label{display:flex;gap:10px;align-items:center;background:#10292ee8;padding:5px 12px;border-radius:8px}.tools input{width:120px}button,select,input{font:inherit}button,select,input[type=number]{min-height:44px;border:1px solid #7e9c99;background:#183b40;color:#fff3d7;border-radius:8px;padding:9px 14px}button{cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#2d5555}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd98b;outline-offset:3px}.primary{background:#edc782;color:#142b30;border-color:#ffe3ae;font-weight:bold}.primary:hover:not(:disabled){background:#ffe1ac}.panel{background:#102e34f5;border:1px solid #77918a70;border-radius:14px;box-shadow:0 12px 35px #061c2433;padding:22px}#setup{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin-top:24px;padding:36px}#setup h2{font-size:28px;font-family:serif}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:14px}label select,label input[type=number]{display:block;width:100%;margin-top:4px}.hud{display:grid;grid-template-columns:repeat(5,1fr);padding:16px 22px;gap:12px;margin-top:15px}.hud small{display:block;color:#c4d7d2;font-size:12px}.hud strong{display:block;font-size:25px;color:#ffe0a4}.market-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:22px 0 12px}.market-head h2 span{font-size:12px;font-weight:normal;color:#c4d7d2}.market-head p{font-size:14px;color:#f4e3bd}.market-head label{min-width:100px}.goods{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:#123238f5;border:1px solid #79968e90;border-radius:12px;padding:16px;overflow:hidden}.good-art{height:116px;width:116px;margin:0 auto 10px;background-image:url(assets/goods.png);background-size:200% 200%;border-radius:12px}.art0{background-position:0 0}.art1{background-position:100% 0}.art2{background-position:0 100%}.art3{background-position:100% 100%}.card h3{margin:0;text-align:center;font-size:19px}.card .price{text-align:center;color:#c6dbd3;font-size:13px}.held{padding:9px 0;border-block:1px solid #416164;margin:10px 0;color:#e0e8de;font-size:13px}.trade-buttons{display:grid;gap:8px}.trade-buttons button{display:flex;justify-content:space-between;font-size:14px}.buy{border-color:#d9bc79}.sell{border-color:#89cbb5}.why{min-height:21px;color:#d3d9d4;font-size:12px;margin-top:6px}.lower{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:18px}.muted{color:#bfd0ca;font-size:13px}.forecast h2 span{font-size:13px;color:#e7c887}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:10px 8px;text-align:center;border-bottom:1px solid #365457}th:first-child,td:first-child{text-align:left}thead{color:#c7d8d2;font-size:12px}.rise{color:#b6f0d2}.fall{color:#ffcfb6}.operations button{width:100%;margin:4px 0;text-align:left}.operations small{display:block;font-size:12px;color:inherit}.operations b{float:right}.operations .primary{text-align:center;margin-top:12px}.journal{margin-top:16px}.journal>div{display:flex;justify-content:space-between}.journal ol{list-style:none;padding:0;margin:5px 0;max-height:150px;overflow:auto;font-size:13px;color:#d6e0d8}.journal li{padding:4px 0;border-bottom:1px solid #365457}#save-status{font-size:12px;color:#b9d7c9}#notice{min-height:30px;color:#ffdfa0;text-align:center;font-weight:bold}footer{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px;margin:22px 0}a{color:#eacb8f}footer button{font-size:12px}dialog{max-width:620px;width:calc(100% - 32px);background:#123339;color:#f7f0df;border:1px solid #e7c887;border-radius:16px;padding:28px;box-shadow:0 20px 70px #000a}dialog::backdrop{background:#071a21bb}dialog li{margin-bottom:18px}dialog p{font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}#result{text-align:center;margin-top:20px}.result-number{font-family:serif;font-size:58px;color:#ffe2a6;margin:8px}.result-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}#result ul{list-style:none;padding:0;color:#d2e2da;font-size:14px}[hidden]{display:none!important}@media(max-width:800px){main{padding:18px}header{display:block}.tools{justify-content:flex-start;max-width:none;margin:20px 0}.goods{grid-template-columns:repeat(2,1fr)}.lower,#setup{grid-template-columns:1fr}.hud{grid-template-columns:repeat(3,1fr)}.good-art{height:100px;width:100px}footer{flex-wrap:wrap}.market-head{align-items:flex-start}.market-head h2 span{display:block}}@media(max-width:440px){main{padding:12px}.panel{padding:16px}.hud{gap:10px}.hud strong{font-size:21px}.card{padding:12px}.good-art{width:96px;height:96px}.start-options{grid-template-columns:1fr}#setup{padding:20px}.market-head p{font-size:13px}th,td{padding:8px 5px}h2{font-size:18px}.tools button{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

header{background:#10292ec4;border-radius:14px;padding:20px;margin-bottom:20px}.held b{color:#ffe0a4}.why{min-height:38px}