:root{--bg:#211a27;--panel:#372638;--card:#473349;--edge:rgba(248,209,190,.16);--text:#fff1e7;--muted:#d3b4b6;--mint:#ffcfac;--mint2:#dfa89b;--orange:#ffe29c}
.ambient-one{background:rgba(238,153,116,.14)}.ambient-two{background:rgba(171,97,145,.12)}
.brand,.brand .brand-light{color:#ffd8b7}
.fold-logo{font:900 32px Outfit,"Malgun Gothic",sans-serif;display:inline-block;margin-right:6px;color:#ffd4a2}
.eyebrow,.card-eyebrow{color:#fac6aa}
.eyebrow-line,.live-dot{background:#ffca9f}
.hero h1 em{color:#ffd5ab}
.primary-button{background:#ffcea5;border-color:#ffcea5;color:#50343b;box-shadow:0 10px 27px rgba(240,151,109,.13)}
.primary-button:hover{background:#ffe4ca}
.arcade-link:hover,.footer a:hover{color:#ffdec0}
.chapter-tab.active,.chapter-tab:hover{background:#ffd1ab;border-color:#ffd1ab;color:#553b42}
.level-card{background:linear-gradient(145deg,#654356,#443148)}
.level-card.complete{background:linear-gradient(145deg,#7b575a,#5e4350);border-color:rgba(250,190,141,.42)}
.level-card-head strong{color:#ffdbb8}
.play-panel{background:linear-gradient(155deg,#58384b,#35263b)}
.info-card{background:rgba(104,67,80,.67)}
.info-card.pale{background:rgba(197,132,119,.1)}
.game-stats .star-value,.level-card-bottom span{color:#ffe5a7}
.match-track>div{background:linear-gradient(90deg,#f0a580,#ffe0b3)}
.visual-callout{background:#ffe5d2;color:#915c61}
.visual-callout strong{color:#704650}
.info-card h3{color:#fff3e8}
.tip-sub{color:#ddb6b4!important}
.fold-preview{position:relative;z-index:1;width:min(310px,100%);aspect-ratio:1;padding:22px;border-radius:23px;transform:rotate(-8deg);background:#5c4054;border:1px solid rgba(255,214,184,.35);box-shadow:0 24px 56px rgba(0,0,0,.29)}
.preview-paper{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;height:100%}
.preview-paper span{display:grid;place-items:center;border-radius:7px;background:#f7d6b8;border:1px solid #ffe9d7;color:#714750;font:900 28px Outfit,"Malgun Gothic",sans-serif}
.preview-paper span:nth-child(even){background:#eebba5}
.preview-foldline{position:absolute;z-index:2;top:12px;bottom:12px;left:51%;width:0;border-left:4px dashed #ad5a72;filter:drop-shadow(0 0 4px rgba(80,34,54,.4))}
.preview-flap{position:absolute;right:11px;top:35px;bottom:24px;width:40%;border-radius:11px;background:linear-gradient(140deg,rgba(255,231,205,.97),rgba(236,174,150,.91));box-shadow:-14px 9px 23px rgba(39,19,35,.25);display:grid;place-items:center;font:900 42px Outfit;color:#9b5661;transform:perspective(250px) rotateY(-18deg)}
.preview-corner{position:absolute;right:15px;bottom:18px;width:45px;height:45px;background:#ffd9b6;clip-path:polygon(0 100%,100% 0,100% 100%);opacity:.95}
.fold-board{max-width:580px;margin:7px auto 0;width:100%;min-height:210px;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.fold-board svg{display:block;width:100%;height:auto;background:radial-gradient(circle at 50% 35%,#533f52,#2a273d);border:1px solid rgba(251,200,178,.29);border-radius:18px;overflow:hidden}
.fold-board .sheet-shadow{fill:rgba(20,18,31,.32)}
.fold-board .sheet-tile{fill:#f5d9be;stroke:#fff0da;stroke-width:1.5}
.fold-board .sheet-tile.odd{fill:#f0c7ae}
.fold-board .sheet-tile.accent{fill:#ffdbb9}
.fold-board .sheet-number{fill:#5c4150;font:900 31px Outfit,"Malgun Gothic",sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.fold-board .sheet-number.big{font-size:26px}
.fold-board .crease-line{stroke:#ffc59e;stroke-width:2.4;stroke-dasharray:5 7;opacity:.42;pointer-events:none}
.fold-board .crease-line.active{stroke:#ffe3a8;stroke-width:4;opacity:1;filter:drop-shadow(0 0 5px rgba(255,226,168,.35))}
.fold-board .crease-handle{cursor:pointer;outline:none}
.fold-board .crease-handle .handle-hit{fill:transparent;pointer-events:all}
.fold-board .crease-handle .handle-core{fill:#72546c;stroke:#f6c5aa;stroke-width:2.5;pointer-events:none}
.fold-board .crease-handle.active .handle-core{fill:#ffe0a8;stroke:#fff5d1;stroke-width:3}
.fold-board .crease-handle .handle-glyph{fill:#ffe3d1;font:900 15px Outfit,"Malgun Gothic",sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.fold-board .crease-handle.active .handle-glyph{fill:#6b4757}
.fold-board .crease-handle:focus-visible .handle-core{stroke:#fff4d0;stroke-width:4}
.fold-selection{max-width:580px;margin:12px auto 0;border:1px solid rgba(243,190,162,.24);padding:11px 13px;border-radius:12px;background:rgba(21,23,34,.28);color:#e8ccbe;font-size:12px;line-height:1.5;text-align:center}
.fold-selection strong{color:#fff0c9}
.fold-actions{max-width:580px;margin:9px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:59px}
.fold-actions .fold-action{padding:11px 9px;min-height:55px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #eab593;background:#76526b;color:#fff0df;border-radius:12px;font-weight:900;font-size:14px;cursor:pointer;transition:transform .1s,background .12s}
.fold-actions .fold-action strong{font:900 24px Outfit,"Malgun Gothic",sans-serif}
.fold-actions .fold-action:hover,.fold-actions .fold-action:focus-visible{background:#a46e7d;border-color:#ffe1a8}
.fold-actions .fold-action:active{transform:scale(.97)}
.fold-actions .fold-action.hinted{background:#a5795d;border-color:#ffe3ab;box-shadow:0 0 0 2px rgba(255,223,151,.2)}
.fold-actions .fold-prompt{grid-column:span 2;display:grid;place-items:center;border:1px dashed rgba(244,191,153,.23);border-radius:12px;color:#cfb2b7;font-size:12px}
.target-head{max-width:580px;margin:24px auto 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f9e0d5;font-size:13px;font-weight:800}
.target-head strong{color:#ffd7ad;background:#583c4e;border:1px solid rgba(246,186,150,.25);border-radius:20px;padding:6px 10px}
.target-wrap{display:flex;gap:18px;align-items:center;max-width:580px;margin:0 auto;background:rgba(22,24,36,.24);border:1px solid rgba(255,207,163,.14);padding:13px;border-radius:16px;min-height:102px}
.target-board{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:4px;width:100%;max-width:200px;flex:0 0 auto;align-self:center}
.target-cell{aspect-ratio:1;border-radius:6px;display:grid;place-items:center;background:#e4b6aa;color:#573946;border:1px solid rgba(255,235,215,.65);font:900 clamp(13px,3.4vw,26px)/1 Outfit,"Malgun Gothic",sans-serif}
.target-cell.match{background:#d2f0c7;color:#375d49}
.target-desc{display:flex;flex-direction:column;gap:8px;color:#d6b6b4;font-size:12px;line-height:1.6}
.target-desc strong{color:#ffe2be;font-size:14px}
.match-area{max-width:580px;margin:16px auto 0}
.fold-status{position:static!important;width:auto!important;height:auto!important;white-space:normal!important;clip:auto!important;overflow:visible!important;margin:15px auto 0!important;color:#e4c7be;font-size:12px;line-height:1.7}
.fold-example{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 16px;padding:13px;border-radius:11px;background:rgba(31,27,44,.26)}
.fold-example span{display:grid;place-items:center;width:43px;height:43px;background:#eac1ab;color:#60444a;border:2px solid #ffe7cf;border-radius:7px;font:900 22px Outfit}
.fold-example b{font-size:13px;color:#ffe1a7}
.fold-example span.merged{background:#ffe0ad}
@media(max-width:650px){
 .fold-preview{width:min(238px,100%);padding:16px}
 .fold-board svg{border-radius:12px}
 .target-wrap{padding:11px;gap:12px}
 .target-board{max-width:155px}
 .target-cell{border-radius:5px;font-size:clamp(14px,4vw,22px)}
 .fold-actions .fold-action{font-size:12px;min-height:52px}
 .game-stats strong{font-size:clamp(16px,4.6vw,25px)}
}
@media(max-width:390px){
 .target-board{max-width:136px}
 .target-desc strong{font-size:12px}
 .fold-selection{font-size:11px}
 .fold-actions .fold-action{gap:5px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}