/* Match the existing NOLTAP home and drawing-game identity. Gameplay art is unchanged. */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800;900&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#080b10;--panel:#0e151a;--outline:#28343e;--muted:#97a5af;--purple:#b9ff5f;--mint:#b9ff5f;--mono:'DM Mono',monospace;color:#f0f2f0;background:#080b10;font-family:'DM Sans','Noto Sans KR',sans-serif}
body{background:#080b10;color:#f0f2f0}.ambient{display:none}
.app-shell{width:calc(100% - 96px);max-width:1220px;padding:0}
.topbar{height:88px;border-color:#171e26;gap:24px}.brand{gap:12px;letter-spacing:0}
.noltap-icon{width:48px;height:48px;object-fit:contain;flex:none}.brand-name{font:700 23px var(--mono);letter-spacing:-.04em}.brand-name>span{color:#b9ff5f}
.main-nav{margin-left:auto}.main-nav a{font-size:14px;color:#b5bfc5;text-decoration:none}.main-nav a:hover{color:#b9ff5f}
.topbar-right{gap:0}.outline-small{background:#10181e;border:1px solid #34424c;color:#d9e6d3;border-radius:6px;font-size:13px;min-height:40px}.outline-small:hover{background:#1c2c20}
.main-layout{padding-top:26px;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.game-heading{min-height:126px;padding:0 0 22px;gap:16px}
.eyebrow,.side-subtitle,.section-label,.result-eyebrow{color:#91a4b1;font-family:var(--mono);font-weight:400;letter-spacing:.06em}.eyebrow-rule{background:#34424c}.tiny-sparkle{color:#b9ff5f}
.heading-copy h1{font-size:clamp(29px,3vw,39px);letter-spacing:-.06em}.heading-copy h1 span{background:none;color:#b9ff5f;-webkit-text-fill-color:currentColor}.heading-copy p{font-size:14px;line-height:1.8;color:#9aaab5}
.heading-right{flex-shrink:0}.pill-label{background:#142019;border-color:#3e5730;color:#c9e9a8;border-radius:6px;font-family:var(--mono);font-size:11px}
.mode-switch{background:#0b1117;border:1px solid #28343e;border-radius:7px;box-shadow:none}.mode-btn{border-radius:5px;color:#97a5af;min-height:38px;font-size:12px}.mode-btn.selected{background:#23371e;color:#d9ffc1;box-shadow:none}
.play-panel{background:#0e151a;border:1px solid #28343e;border-radius:8px;box-shadow:none}.panel-topline{height:80px;padding:16px 18px}.food-number{background:#1c2a1d;border-color:#405e30;color:#b9ff5f;border-radius:6px;font-family:var(--mono)}
.section-label{font-size:11px}.food-heading h2{font-size:19px}.score-inline strong{color:#b9ff5f;font-family:var(--mono);font-size:23px}.score-inline>span{font-size:12px;color:#97a5af}.score-outof{color:#8c9ca5;font-size:13px}
.draw-stage{background:#0b1117;border-color:#28343e;border-radius:6px;box-shadow:none}.stage-chip{background:#0c1514df;border-color:#344c2b;color:#b5c5bd;border-radius:6px;backdrop-filter:none}.stage-chip-dot{background:#b9ff5f}
.board-help{background:#0b1216e8;border-color:#34424c;color:#c3d0c9;border-radius:6px;backdrop-filter:none}.help-pointer{color:#b9ff5f}
.tip{color:#a5b3bc;font-size:13px}.tip>span:first-child{color:#b9ff5f}.reset-link{color:#c9e9a8;font-size:13px}.bottom-info,.keyboard-help{color:#97a5af;font-size:12px}
.sidebar{padding-top:20px;gap:14px}.sidebar-card{background:#0e151a;border:1px solid #28343e;border-radius:8px;box-shadow:none;padding:18px}
.icon-box{border-radius:6px}.icon-purple{background:#223322;color:#b9ff5f}.icon-orange{background:#302a1d;color:#ffe098}.side-subtitle{font-size:10px}
.sidebar-titleline h3,.record-card h3{font-size:18px}.round-counter{background:#21331e;color:#c9e9a8;border-radius:6px;font-family:var(--mono)}.side-description{color:#9aaab5;line-height:1.8;font-size:13px}
.tier-step{border-radius:5px;border-color:#28343e;background:#10181e}.tier-step.selected{background:#1c2a1d;box-shadow:none}.tier-step.passed{background:#15251b;border-color:#344c2b}.tier-step small{font-size:9px}
.round-item{background:#10181e;border-radius:6px;padding:11px 9px}.round-item.active{background:#1c2a1d;border-color:#6a8d46}.round-item.done{background:#14261b}.round-emoji{border-radius:5px;background:#243128}.round-label{font-size:13px}.round-label small{color:#91a4b1}.round-state{color:#d5f7b8}.round-item.done .round-state{color:#b9ff5f}
.progress-track{background:#243028}.progress-track div{background:#b9ff5f}.howto-list li{font-size:13px;color:#a5b3bc}.howto-list li span{color:#b9ff5f}.score-guide{background:#1c2419;border-color:#405630;border-radius:6px}.score-guide strong{color:#d5f7b8;font-size:12px}.score-guide small{color:#9aaab5;font-size:11px}.guide-star{color:#b9ff5f}
.record-card strong{color:#b9ff5f;font-family:var(--mono)}.record-card strong small{color:#97a5af}.record-foot{border-color:#28343e;color:#97a5af;font-size:11px}
.result-panel{background:#0e1915f5;border-color:#597e40;border-radius:8px;box-shadow:0 12px 35px #0006;backdrop-filter:none}.result-eyebrow{color:#b9ff5f;font-size:10px}.result-bigscore strong{color:#b9ff5f}.result-bigscore>span{color:#9aaab5}.result-message{color:#e2eecd}.results-halves{border-color:#344c2b}.results-halves strong{color:#b9ff5f}.results-halves>div:last-child strong{color:#ffc7a9}.results-halves span{color:#a5b3bc}
.next-btn{background:#b9ff5f;color:#10160a;box-shadow:none;border-radius:6px;min-height:44px}.next-btn:hover{background:#cbff8b}.share-btn{background:#121b20;border-color:#34424c;border-radius:6px;color:#d9e6d3}
.finish-panel{background:#0b1411f5;backdrop-filter:none}.finish-score strong{color:#b9ff5f}.finish-panel p{color:#a5b3bc}.finish-breakdown>div{background:#15231a;border-radius:5px}.finish-breakdown{scrollbar-color:#6e9b46 #15231a}.finish-breakdown strong{color:#d9ffc1}.finish-breakdown>div>span:nth-child(2){color:#b7cdb1}.finish-stats{color:#b9ff5f!important}.export-status{color:#97a5af!important}
.toast{background:#17271c;border:1px solid #597e40;border-radius:8px;color:#edf5e5}.site-footer{border-color:#202832;color:#8d9ba4;font-size:12px;padding:20px 0;gap:18px}.site-links a{font-size:13px}.site-links a:hover{color:#b9ff5f}
button:focus-visible,svg:focus-visible,a:focus-visible{outline:2px solid #b9ff5f;outline-offset:4px}
@media(max-width:1080px){.main-layout{grid-template-columns:minmax(0,1fr) 270px}.game-heading{flex-wrap:wrap;min-height:126px}.heading-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.heading-copy h1{font-size:32px}.sidebar-card{padding:16px}}
@media(max-width:820px){.app-shell{width:calc(100% - 48px)}.main-layout{display:flex;padding-top:26px}.sidebar{padding-top:0}.game-heading{min-height:0}.heading-right{padding:0}.game-column{min-width:0}.sidebar-card{min-width:0}}
@media(max-width:650px){.app-shell{width:calc(100% - 32px)}.topbar{height:80px;gap:16px}.brand{gap:9px}.noltap-icon{width:44px;height:44px}.brand-name{font-size:21px}.main-nav a{font-size:13px}.outline-small{padding:8px 10px;font-size:12px}.main-layout{padding-top:24px}.game-heading{display:flex;flex-wrap:wrap;padding-bottom:18px}.heading-copy{width:100%}.heading-copy h1{font-size:31px}.heading-copy p{font-size:14px}.eyebrow{font-size:10px}.panel-topline{padding:12px;height:76px}.food-heading h2{font-size:17px}.food-number{width:38px;height:38px}.section-label{font-size:10px}.score-inline strong{font-size:20px}.score-inline>span{font-size:10px}.score-outof{font-size:11px}.tip{font-size:12px}.sidebar{display:flex;flex-direction:column;align-items:stretch}.round-list{grid-template-columns:repeat(5,minmax(0,1fr))}.round-label{font-size:10px}.round-state{font-size:11px}.site-links{gap:14px}.site-footer{flex-direction:column}.result-message{font-size:12px}}
@media(max-width:380px){.topbar{gap:10px}.noltap-icon{width:38px;height:38px}.brand-name{font-size:19px}.main-nav a{font-size:12px}.outline-small{padding:7px}.heading-copy h1{font-size:28px}}