:root{--bg:#0d1117;--surface3:#2d333b;--border:#30363d;--border2:#444c56;--text:#cdd9e5;--text-muted:#768390;--text-dim:#545d68;--green:#57ab5a;--green-bg:#1b2e1b;--red:#e5534b;--red-bg:#2d1b1b;--amber:#c69026;--amber-bg:#2d2416;--blue:#4184e4;--blue-bg:#1b2840;--ieee-blue:#00629b;--ieee-orange:#e87722;--radius:8px;--radius-lg:12px;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans:"Inter", system-ui, sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.04)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 #57ab5a40}50%{box-shadow:0 0 30px #57ab5a59}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0}body,button,input,textarea{font-family:inherit}button,input,textarea{background:var(--bg);color:var(--text)}button{transition:transform .16s,opacity .16s,border-color .16s,background .16s}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #4184e48c}a{color:inherit}::selection{background:#4184e447}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0d1117d9}::-webkit-scrollbar-thumb{background:var(--surface3);border:2px solid #0d1117d9;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-600.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-700.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-800.ttf)format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Special Elite;src:url(/fonts/SpecialElite-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.app-shell{background:radial-gradient(circle at 12% 8%, #e8772224, transparent 24%), radial-gradient(circle at 88% 88%, #c690261f, transparent 28%), linear-gradient(180deg, #07090db3, #05060ae0), center / cover no-repeat url(/cofeepaper.webp), var(--bg);height:100vh;min-height:100vh;overflow:hidden}.app-grid{grid-template-columns:320px minmax(0,1fr) 360px;gap:6px;height:calc(100vh - 92px);min-height:calc(100vh - 92px);margin-top:92px;padding:0 8px 10px;display:grid}.drawer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 18px 42px #0000005c}.drawer-left,.drawer-right{background:linear-gradient(#382a18e0,#20180ef0);border:1px solid #c6902659;height:100%;max-height:none;margin-top:0}.workspace{flex-direction:column;gap:16px;min-width:0;padding:14px 4px;display:flex;overflow:auto}.header{z-index:100;background:linear-gradient(#563f25f2,#392a1af2);border-bottom:1px solid #c6902670;justify-content:space-between;align-items:center;gap:22px;height:84px;padding:10px 20px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 10px 20px #00000059}.header-brand{align-items:center;gap:16px;min-width:0;display:flex}.header-brand>div{flex-direction:column;gap:6px;display:flex}.header-title{color:#f4e3c5;font:700 2rem/1 "Special Elite", var(--font-sans);letter-spacing:.01em;background:0 0;border:0;border-radius:0;padding:0}.header-subtitle{color:#efe1c5c7;font:600 .76rem/1.2 var(--font-sans);margin-top:0}.header-timer{text-align:center;color:#1f1508;min-width:128px;font:800 2rem/1 var(--font-mono);letter-spacing:.08em;background:linear-gradient(#e9d9ba,#be9b69);border:1px solid #2b21148c;border-radius:8px;padding:8px 12px;position:absolute;left:50%;transform:translate(-50%)}.app-footer-brand{z-index:40;color:#f5e5c7cc;font:700 .9rem/1 "Cinzel", var(--font-sans);letter-spacing:.22em;text-transform:uppercase;pointer-events:none;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.header-timer.is-running{color:var(--green)}.header-timer.is-warning{color:var(--amber)}.header-timer.is-danger{color:var(--red);animation:.8s ease-in-out infinite pulse}.header-actions{align-items:center;gap:10px;display:flex}.header-difficulty-text{font:800 .96rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:0 2px}.badge{font:800 .72rem/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #2b211480;border-radius:10px;padding:8px 10px}.icon-button,.primary-button,.ghost-button,.secondary-button{border-radius:var(--radius);cursor:pointer}.icon-button{color:#2b2114;font:700 .78rem/1 var(--font-sans);letter-spacing:.04em;background:linear-gradient(#dcc8a5,#b89362);border:1px solid #2b211480;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.primary-button{color:#f6eee0;font:700 .92rem/1 var(--font-sans);background:linear-gradient(#b9682f,#8f471b);border:1px solid #422a0ecc;padding:11px 16px}.ghost-button,.secondary-button{color:#2b2114;font:700 .9rem/1 var(--font-sans);background:linear-gradient(#ede0c7,#b89a6d);border:1px solid #422e14bf;padding:10px 14px}.tabs{background:#2c1f11b3;border-bottom:1px solid #c6902673;grid-template-columns:repeat(3,1fr);display:grid}.tab-button{color:#c6b28f;cursor:pointer;font:600 .78rem/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 10px;transition:color .18s,border-color .18s,background .18s}.tab-button:hover{color:#f3e3c8;background:#c6902624}.tab-button.is-active{color:#f6e5c8;border-bottom-color:var(--ieee-orange)}.tab-panel{flex:1;min-height:0;overflow:auto}.panel-section,.sidebar-section,.side-panel-content{background:#2d2113c2}.panel-section{border-radius:var(--radius-lg);border:1px solid #c6902659;overflow:hidden;box-shadow:0 18px 40px #0000004d}.panel-header,.sidebar-header,.section-head{background:#3a2a18b3;border-bottom:1px solid #c6902654;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.panel-header strong,.sidebar-header strong,.section-head strong{color:#f4e3c6;font:700 .92rem/1.2 var(--font-sans);display:block}.panel-header span,.sidebar-header span,.section-head span{color:#ceb894;font:500 .76rem/1.3 var(--font-sans);margin-top:2px;display:block}.editor-shell{border-radius:16px;flex-direction:column;width:min(920px,100%);margin:0 auto;display:flex;overflow:hidden}.editor-actions{align-items:center;gap:10px;display:flex}.run-button{align-items:center;gap:8px;display:inline-flex}.inline-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.editor-textarea{resize:vertical;color:#312315;width:100%;min-height:280px;max-height:280px;font:600 2rem/1.34 "Special Elite", var(--font-mono);letter-spacing:.01em;background:linear-gradient(#efe2c3f0,#e5d4b4ed),url(/homepage/paper.jpeg) 50%/cover no-repeat;border:0;padding:34px 34px 28px}.results-shell{flex-direction:column;width:min(920px,100%);margin:0 auto;display:flex}.results-empty,.results-zero,.results-error{text-align:center;align-items:center;padding:44px 18px}.results-shell h3{color:var(--text);font:700 1.08rem/1.2 var(--font-sans);margin:0 0 10px}.results-shell p,.results-shell footer{color:var(--text-muted);font:500 .88rem/1.6 var(--font-sans)}.results-error{background:linear-gradient(#2d1b1beb,#161b22f5);border-color:#e5534b99}.magnifier{border:3px solid var(--text-dim);border-radius:50%;width:26px;height:26px;margin-bottom:12px;position:relative}.magnifier:after{content:"";background:var(--text-dim);border-radius:999px;width:12px;height:3px;position:absolute;bottom:-4px;right:-10px;transform:rotate(40deg)}.results-table-wrap{overflow:auto}.results-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:12px}.results-table thead th{z-index:1;color:#f2e0bd;text-align:left;white-space:nowrap;background:#4a351feb;padding:10px 12px;position:sticky;top:0}.results-table tbody tr{animation:.24s both fadeInUp}.results-table tbody tr:nth-child(odd){background:#251c11db}.results-table tbody tr:nth-child(2n){background:#322516d6}.results-table td{color:#ecdec5;white-space:nowrap;border-top:1px solid #c6902638;padding:9px 12px}.results-table td.is-null{color:var(--text-dim);font-style:italic}.results-shell footer{border-top:1px solid var(--border);font-family:var(--font-mono);padding:10px 14px}.sidebar-section{border-bottom:1px solid var(--border);flex-direction:column;flex:1 1 0;min-height:0;display:flex}.drawer-left .sidebar-section:first-child{flex:1 1 0;min-height:0}.sidebar-section:last-child{border-bottom:0}.sidebar-filter{border-radius:var(--radius);color:#f4e2c2;width:112px;font:500 .8rem/1 var(--font-mono);background:#1c140cbf;border:1px solid #c6902673;padding:9px 10px}.schema-list,.hint-list{min-height:0;padding:10px}.schema-list{overflow:auto}.hint-list{overflow-y:auto}.schema-item{border-radius:var(--radius);border:1px solid #0000;margin-bottom:8px;overflow:hidden}.schema-item.is-open{background:#1d160db3;border-color:#c6902673}.schema-trigger{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.schema-name{color:#f4e3c5;font:600 .82rem/1.3 var(--font-mono);text-align:left;background:0 0;border:0;border-left:2px solid #0000;flex:1;padding-left:6px}.schema-name:hover{border-left-color:var(--ieee-orange)}.schema-toggle{color:#f3e1bf;width:30px;height:30px;font:700 1rem/1 var(--font-sans);background:#1f170ecc;border:1px solid #c6902680;border-radius:999px;padding:0}.schema-columns{gap:6px;padding:0 16px 12px;display:grid}.schema-columns span{color:#ceb895;font:500 .72rem/1.4 var(--font-mono)}.hint-section{flex:0 0 320px;min-height:320px}.hint-placeholder,.empty-copy{color:#c6af89;text-align:center;font:500 .86rem/1.6 var(--font-sans);margin:0;padding:16px}.hint-card{border-left:3px solid var(--ieee-orange);border-radius:0 var(--radius) var(--radius) 0;background:#1c140ca3;margin-bottom:10px;padding:12px;animation:.24s both slideIn}.hint-card strong{color:#f3ca83;font:700 .8rem/1.2 var(--font-sans)}.hint-nav{grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;display:grid}.hint-nav strong{text-align:center}.hint-nav-button{color:#f3e1bf;width:32px;height:32px;font:700 1rem/1 var(--font-sans);cursor:pointer;background:#1f170ecc;border:1px solid #c6902680;border-radius:999px;padding:0}.hint-nav-button:disabled{opacity:.45;cursor:not-allowed}.hint-card p{color:#ddccad;font:500 .84rem/1.6 var(--font-sans);margin:8px 0 10px}.sidebar-footer,.section-actions{border-top:1px solid #c6902647;padding:12px}.hint-button{width:100%}.hint-button:disabled{opacity:.6;cursor:not-allowed}.side-panel-content{flex-direction:column;min-height:100%;display:flex}.history-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow:auto}.history-item{border-radius:var(--radius);text-align:left;background:#1b140cad;border:1px solid #c6902657;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.history-item strong{color:#f2e1c4;font:700 .78rem/1.2 var(--font-mono);display:block}.history-item span{color:#d5bf98;font:500 .78rem/1.4 var(--font-mono);margin-top:4px;display:block}.history-item em{color:var(--text-dim);font-style:normal}.history-item.is-success{border-color:#57ab5a73}.history-item.is-error{border-color:#e5534b73}.leaderboard-tabs{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.leaderboard-tab{border-radius:var(--radius);color:#d6bf95;text-transform:capitalize;font:600 .85rem/1 var(--font-sans);background:#1c140cc2;border:1px solid #c690266b;padding:10px 12px}.leaderboard-tab.is-active{color:#f6e3c3;background:linear-gradient(#5c3a1de0,#3e2716e6);border-color:#e87722b8}.leaderboard-table-wrap{padding:0 12px 12px;overflow:auto}.leaderboard-table{border-collapse:collapse;width:100%;font:500 .78rem/1.4 var(--font-mono)}.leaderboard-table th,.leaderboard-table td{text-align:left;white-space:nowrap;border-top:1px solid #c690263d;padding:10px 8px}.leaderboard-table th{color:#ceb894}.leaderboard-table td{color:#f3e3c5}.leaderboard-table tr.is-current-score td{color:#f5d584;background:#e8772229}.submit-feedback{border-radius:var(--radius);font:600 .86rem/1.5 var(--font-sans);margin:12px;padding:12px}.submit-feedback.is-success{color:var(--green);background:var(--green-bg);border:1px solid #57ab5a8c;animation:1.1s 2 glow}.submit-feedback.is-error{color:var(--red);background:var(--red-bg);border:1px solid #e5534b8c}.submit-feedback.is-info{color:var(--blue);background:var(--blue-bg);border:1px solid #4184e48c}.submit-stack{flex-direction:column;gap:10px;padding:12px;display:flex}.submit-stack.is-shaking{animation:.45s shake}.submit-label{color:#d7c39f;font:600 .84rem/1.4 var(--font-sans)}.submit-input,.victory-save-row input{border-radius:var(--radius);color:#f3e2c4;width:100%;font:500 .9rem/1.2 var(--font-mono);background:#1d150dbd;border:1px solid #c690266b;padding:11px 12px}.victory-overlay{z-index:220;background:#060a10d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.victory-card{background:linear-gradient(#2d2113f5,#19120bf2);border:1px solid #c6902675;border-radius:18px;width:min(760px,100%);padding:28px;animation:.25s both scaleIn;box-shadow:0 26px 60px #00000073}.victory-kicker{color:#e5b062;font:800 .84rem/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}.victory-card h2{color:#f3e2c4;font:800 2rem/1.05 "Special Elite", var(--font-sans);margin:0 0 18px}.victory-summary{border-radius:var(--radius-lg);background:#23190eb8;border:1px solid #c690264d;gap:10px;margin-bottom:18px;padding:16px;display:grid}.victory-summary div{justify-content:space-between;gap:12px;display:flex}.victory-summary span{color:#ccb590;font:500 .86rem/1.4 var(--font-sans)}.victory-summary strong{color:#f3e2c4;font:700 .9rem/1.4 var(--font-mono)}.victory-hero{background:#1f170ec7;border:1px solid #c6902657;border-radius:12px;margin:0 0 18px;overflow:hidden}.victory-hero img{object-fit:cover;width:100%;height:clamp(240px,36vh,340px);display:block}.victory-hero figcaption{color:#e7d5b5;font:600 .8rem/1.4 "Special Elite", var(--font-sans);margin:0;padding:10px 12px}.victory-save{margin-bottom:20px}.victory-save label{color:#cfb995;font:600 .84rem/1.3 var(--font-sans);margin-bottom:8px;display:block}.victory-save-row,.victory-actions{gap:10px;display:flex}.difficulty-screen{isolation:isolate;background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:56px 20px;display:flex;position:relative;overflow:hidden}.difficulty-screen:before{content:"";z-index:-2;background:url(/homepage/background.webp) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.03)}.difficulty-screen:after{content:"";z-index:-1;background:radial-gradient(circle at 6% 6%,#e877223d,#0000 28%),radial-gradient(circle at 94% 94%,#c6902633,#0000 32%),linear-gradient(160deg,#06080cdb,#070a10eb);position:absolute;inset:0}.difficulty-shell{flex-direction:column;width:min(1160px,100%);display:flex}.difficulty-hero{text-align:center;margin:0 auto 42px;padding-top:24px}.difficulty-hero p{color:var(--ieee-orange);font:800 .82rem/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}.difficulty-hero h1{color:var(--text);text-wrap:balance;font:800 clamp(2.4rem, 6vw, 4.2rem)/.95 "Cinzel", var(--font-sans);letter-spacing:.04em;margin:0 0 20px}.difficulty-hero span{max-width:760px;color:var(--text-muted);font:500 1rem/1.7 var(--font-sans);margin:0 auto;display:block}.difficulty-grid{grid-template-columns:repeat(3,minmax(250px,320px));justify-content:center;align-items:stretch;gap:24px;display:grid}.difficulty-card{text-align:center;cursor:pointer;will-change:transform;background:#0f1115;border:1px solid #ffffff38;border-radius:22px;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:560px;padding:22px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #03050859}.difficulty-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;border:1px solid #0000;position:absolute;inset:0}.difficulty-card:hover{border-color:#e8772285;transform:translateY(-4px);box-shadow:0 26px 46px #0000006b}.difficulty-card.is-selected{background:#0d0f13;border-color:#e87722d1;box-shadow:0 24px 50px #e8772238}.difficulty-card.is-selected:after{opacity:1;border-color:#ffffff73;box-shadow:inset 0 0 0 1px #ffffff59}.difficulty-card-shade{z-index:1;opacity:1;background:linear-gradient(#04060970 0%,#030508b8 62%,#020306eb 100%);transition:opacity .16s ease-out;position:absolute;inset:0}.difficulty-card.is-selected .difficulty-card-shade{opacity:.16}.difficulty-card-top{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex;position:relative}.difficulty-card-top strong{color:#f2efe7;font:700 clamp(1.75rem, 3vw, 2.25rem)/1.05 "Special Elite", var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.difficulty-card-top span{color:#f2efe7;font:800 1.05rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.difficulty-card-art{object-fit:cover;filter:saturate(.88)contrast(1.02)brightness(.9);width:100%;height:100%;position:absolute;inset:0}.difficulty-card-bottom{z-index:2;width:calc(100% - 16px);box-shadow:none;background:0 0;border-radius:0;justify-items:center;gap:10px;margin-top:auto;margin-bottom:14px;padding:0;display:grid;position:relative}.difficulty-card p{color:#f3f1ec;font:600 1.08rem/1.52 var(--font-sans);text-wrap:balance;margin:0}.difficulty-card small{color:#f5f1e8e0;font:600 .94rem/1.48 var(--font-sans);text-wrap:balance;margin-top:0}.difficulty-actions{place-items:center;margin-top:28px;display:grid}.difficulty-start-main{color:#fff;width:fit-content;min-width:240px;font:700 .8rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;background:#000000eb;border:1px solid #ffffffe6;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.difficulty-start-main strong{color:inherit;font:800 .76rem/1 var(--font-sans);letter-spacing:.1em}.difficulty-start-main:hover{color:#111;background:#fff;transform:translateY(-1px)}.difficulty-start-main:focus-visible{outline-offset:2px;outline:2px solid #fff}.difficulty-start-main:active{transform:translateY(0)}@media (width<=1100px){.difficulty-grid{grid-template-columns:repeat(2,minmax(260px,320px))}}@media (width<=760px){.difficulty-screen{align-items:flex-start;padding:36px 16px 24px}.difficulty-hero{margin-bottom:28px;padding-top:12px}.difficulty-grid{grid-template-columns:minmax(260px,360px);justify-content:center}.difficulty-card{min-height:500px}.difficulty-start-main{min-width:220px;padding:11px 16px}}.banner{border-radius:var(--radius);font:500 .92rem/1.5 var(--font-sans);padding:12px 14px}.banner-warning{color:var(--amber);background:var(--amber-bg);border:1px solid #c6902673}.banner-success{color:var(--green);background:var(--green-bg);border:1px solid #57ab5a73;justify-content:space-between;align-items:center;gap:12px;display:flex}.banner-action{white-space:nowrap}.app-loading{place-items:center;min-height:100vh;padding:24px;display:grid}.app-loading>div{text-align:center}.app-loading p,.panel-error p{color:var(--text-muted);font:500 .95rem/1.6 var(--font-sans);text-align:center}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:#161b22f5;max-width:560px;padding:24px;box-shadow:0 20px 50px #00000059}.panel h1{color:var(--text);font:700 1.5rem/1.2 var(--font-sans);text-align:center;margin:0 0 12px}.panel-error{border-color:#e5534b99}.panel-error-note{color:var(--text-dim);font-size:.82rem}.loading-spinner{border:3px solid var(--border);border-top-color:var(--ieee-blue);border-radius:50%;width:38px;height:38px;margin:0 auto 18px;animation:.8s linear infinite spin}.mobile-toggle{z-index:50;color:var(--text);font:700 .76rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;background:#161b22f0;border:1px solid #4184e466;border-radius:999px;padding:10px 16px;display:none;position:fixed;bottom:18px;box-shadow:0 14px 28px #00000059}.mobile-toggle-left{left:16px}.mobile-toggle-right{right:16px}.modal-backdrop{z-index:200;background:#060402b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);background:linear-gradient(#3a2a18fa,#21180efa);border:1px solid #c6902680;width:min(420px,100%);padding:24px;box-shadow:0 30px 70px #00000080}.modal-card h2{font:700 1.22rem/1.2 var(--font-sans);color:#f4e2c3;margin:0 0 16px}.shortcut-list{gap:10px;margin-bottom:18px;display:grid}.shortcut-list div{border-radius:var(--radius);background:#1c140c99;border:1px solid #c6902659;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.shortcut-list code{color:#f1c26b}.shortcut-list span{color:#d7c19a;font:500 .92rem/1.4 var(--font-sans)}.modal-card--quit{width:min(500px,100%)}.modal-message{color:#e7d4b1;font:500 .98rem/1.6 var(--font-sans);margin:0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width<=1080px){.app-grid{grid-template-columns:280px minmax(0,1fr) 320px;gap:8px}}@media (width<=900px){.header{flex-wrap:wrap;height:auto;padding:12px 16px}.header-timer{position:static;transform:none}.app-grid{height:calc(100vh - 108px);min-height:calc(100vh - 108px);margin-top:108px;padding-top:0}.difficulty-grid{grid-template-columns:1fr}}@media (width<=767px){.app-grid{grid-template-columns:1fr}.drawer{z-index:120;width:min(88vw,320px);transition:transform .2s;position:fixed;top:96px;bottom:0;transform:translate(-104%);box-shadow:0 20px 45px #0006}.drawer-left{left:0}.drawer-right{right:0;transform:translate(104%)}.drawer.is-open{transform:translate(0)}.workspace{padding:14px 14px 88px}.mobile-toggle{justify-content:center;align-items:center;display:inline-flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.app-footer-brand{letter-spacing:.16em;font-size:.78rem;bottom:16px}.banner-success{flex-direction:column;align-items:flex-start}.victory-save-row,.victory-actions{flex-direction:column}}.nl-input-container{flex-direction:column;height:100%;display:flex;position:relative}
