.cold-panel{margin-top:2rem;border:1px solid #66847b;border-radius:12px;overflow:hidden;background:#172b25;color:#eadfc6;scroll-margin-top:calc(var(--session-flow-offset,140px) + 20px)}
.cold-scene{min-height:210px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(12,30,27,.94),rgba(12,30,27,.36) 62%,rgba(12,30,27,.08)),url('./assets/winter-exposure-v1.png') center 58%/cover}
.cold-scene-copy{padding:1.5rem;max-width:440px;text-shadow:0 2px 8px #0c1b18}.cold-scene-copy h2{margin:.3rem 0;color:#f5ead2}.cold-scene-copy small{letter-spacing:.18em;color:#a9cad0}.cold-scene-copy p{margin:.5rem 0 0;line-height:1.4}.cold-symbol{display:inline-flex;width:34px;height:34px;color:#b0d5de}.cold-scene-copy>.cold-symbol{float:left;margin-right:12px;width:40px;height:40px}.cold-symbol svg{width:100%;height:100%}
.cold-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem}.cold-heading p{margin:0;max-width:550px;line-height:1.5}.cold-heading button{flex:0 1 240px}.cold-steps{display:flex;gap:12px;list-style:none;padding:0 1.2rem;margin:0 0 1.2rem;counter-reset:none}.cold-steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:.85rem;color:#adc4bf}.cold-steps li span{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #617f78;border-radius:50%;color:#d7e8e1}
.cold-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;padding:0 1.2rem 1.2rem}.cold-card{min-width:0;border:1px solid #4d6b63;border-radius:10px;padding:1rem;background:linear-gradient(140deg,#223c33,#182b26);scroll-margin-top:calc(var(--session-flow-offset,140px) + 20px)}.cold-card[data-phase=due]{border-color:#b8a364}.cold-card[data-phase=fatal]{border-color:#cd8d7b;background:linear-gradient(140deg,#3b302a,#251e1c)}.cold-card>header{display:flex;align-items:center;gap:12px;position:static;padding:0;background:none;border:0;box-shadow:none;min-height:0}.cold-card>header h3{margin:0 0 .35rem}.cold-card>header>.cold-symbol{margin-left:auto;flex-shrink:0}.cold-portrait{width:58px;height:68px;object-fit:contain;image-rendering:auto;background:#11271f;border:1px solid #48685b;border-radius:8px}.cold-badge{display:inline-block;font-size:.77rem;border:1px solid #64877f;color:#c7e2df;padding:.2rem .5rem;border-radius:20px}.cold-card[data-phase=fatal] .cold-badge{color:#ffd6c7;border-color:#b97c6d}.cold-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.5;margin:.9rem 0}.cold-time{padding:.7rem .8rem;background:#11251f;border-radius:7px;display:flex;flex-direction:column;gap:.35rem}.cold-time small{color:#aec5bc}.cold-attributes{display:flex;gap:.8rem;flex-wrap:wrap;margin:.8rem 0}.cold-attributes>span{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem}.cold-attributes b{font-size:1.35rem;color:#e9d7a7}.cold-help{font-size:.85rem;color:#bbceca;line-height:1.5}.cold-result{margin:1rem 0;padding:.9rem;border:1px solid #b3a36a;border-radius:8px;background:#26362a}.cold-result>strong{font-size:1.15rem;color:#f0dfae}.cold-result p{font-size:.9rem;line-height:1.5}.cold-card .toolbar{flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.cold-card button{max-width:100%;white-space:normal}.cold-danger{border-color:#b47d6d;color:#ffe1d6}.cold-notice{margin:0 1.2rem 1rem;border-left:3px solid #9abfc9;padding:.7rem;background:#263d36}.cold-empty{grid-column:1/-1;text-align:center;padding:1.5rem;color:#b8d0c7}.cold-empty svg{width:45px;height:45px;color:#8dafa9}.cold-empty p{font-size:1rem}.cold-rules{margin:0 1.2rem 1.2rem;font-size:.9rem;line-height:1.6}.cold-rules summary{color:#cfbd87}.cold-dialog{max-width:min(620px,calc(100vw - 24px))}.cold-dialog p{line-height:1.5}.cold-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cold-dialog .cold-confirm{display:flex;align-items:flex-start;gap:.7rem}.cold-confirm input{width:auto;margin-top:.3rem}
@media(max-width:600px){.cold-scene{min-height:180px;background-position:center,58% center}.cold-scene-copy{padding:1.1rem}.cold-scene-copy p{max-width:230px}.cold-heading{flex-direction:column;align-items:stretch;padding:1rem}.cold-heading button{flex:auto}.cold-steps{flex-direction:column;gap:7px;padding:0 1rem}.cold-cards{padding:0 1rem 1rem}.cold-card{padding:.85rem}.cold-card .toolbar button{flex:1 1 135px}.cold-form-grid{grid-template-columns:1fr}.cold-card>header h3{font-size:1.15rem}.cold-rules{margin:0 1rem 1rem}}
.cold-recent{margin:0 1.2rem 1.2rem}.cold-recent summary{color:#c4d7cc}.cold-recent>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.8rem;margin-top:.8rem}.cold-recent article{padding:.8rem;border-left:3px solid #9aab7b;background:#21352c;border-radius:0 6px 6px 0}.cold-recent p{font-size:.85rem;line-height:1.5;margin:.4rem 0;overflow-wrap:anywhere}.cold-recent small{display:block;margin:.4rem 0;color:#b5c8bc;white-space:pre-wrap;overflow-wrap:anywhere}.cold-recent button{font-size:.85rem}
.cold-attributes>span{padding:.6rem .7rem;border:1px solid #466157;border-radius:7px;background:#1b3028;min-width:0}
@media(max-width:600px){.cold-attributes>span{flex-direction:column;align-items:flex-start;gap:.25rem;font-size:.78rem;overflow-wrap:anywhere}.cold-attributes b{max-width:100%}}