/* ─── 全域基礎 ─────────────────────────── */
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
background:#111;color:#eee;display:flex;flex-direction:column;align-items:center}
.hidden{display:none}

/* Header & Menu */
.game-header{margin:24px auto;text-align:center}
.game-header h1{margin:0;font-size:32px;background:linear-gradient(45deg,#0f0,#0ff);
-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.seed-info{color:#09f;font-family:monospace;font-size:14px;margin-top:8px}
.menu{display:flex;gap:12px;margin-bottom:20px}

/* Buttons */
.btn{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:600;
transition:.2s;user-select:none}
.btn--primary{background:#09f;color:#111}
.btn--outline{background:transparent;color:#09f;border:2px solid #09f}
.btn--secondary{background:#333;color:#eee}
.btn:hover{transform:translateY(-2px)}
.btn--trading{flex:1;display:flex;flex-direction:column;align-items:center}

/* Layout */
.layout{display:grid;grid-template-columns:1fr 240px;gap:24px;max-width:820px;width:100%}
.price-board{text-align:center}
.portfolio p{margin:4px 0;font-family:monospace}
.trade-btns{grid-column:1/3;display:flex;gap:16px}
.events{grid-column:1/3;background:#222;padding:16px;border-radius:6px;width:100%}
.events h3{margin-top:0}
.scroll{max-height:160px;overflow-y:auto;font-size:14px;font-family:monospace}

.pnl-positive{color:#4ade80}.pnl-negative{color:#f87171}.pnl-neutral{color:#aaa}

/* Price arrow up/down */
.price-up{color:#4ade80}.price-down{color:#f87171}

@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}
.blink{animation:blink 1s infinite}

/* Modal */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;
align-items:center;justify-content:center;z-index:10}
.modal-content{background:#222;padding:32px 40px;border-radius:8px;text-align:center}