:root{color:#f4ead1;--gold:#e2b85b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0,#3c5638,transparent 38%),linear-gradient(145deg,#1d3025,#101a14)}.maze-app{width:min(100%,760px);margin:auto;padding:16px 20px 38px}.maze-card{margin-top:15px;border:1px solid rgba(237,226,195,.16);border-radius:20px;background:rgba(4,12,8,.42);box-shadow:0 20px 50px #071009;overflow:hidden}.maze-heading{display:flex;justify-content:space-between;gap:18px;padding:21px 28px 17px}.eyebrow{margin:0 0 7px;color:#e7c674;font:500 11px 'DM Mono',monospace;letter-spacing:.13em}h1{margin:0;font-size:clamp(25px,6vw,35px);line-height:1.05}.clock{text-align:right}.clock span,.maze-stats span{display:block;color:#acc2ae;font:500 9px 'DM Mono',monospace;letter-spacing:.1em}.clock strong{display:block;margin-top:3px;color:#ffe7a3;font:700 20px 'DM Mono',monospace}.maze-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(237,226,195,.14);border-bottom:1px solid rgba(237,226,195,.14);background:rgba(0,0,0,.16)}.maze-stats div{padding:11px 16px;border-right:1px solid rgba(237,226,195,.14)}.maze-stats div:last-child{border:0}.maze-stats strong{display:block;margin-top:3px;font-size:17px}.maze-viewport{width:min(100%,560px);aspect-ratio:4/5;margin:20px auto 0;overflow:hidden;border:8px solid #3d473c;border-radius:8px;box-shadow:inset 0 0 0 2px #1d261e,0 8px 24px rgba(0,0,0,.35);background:#283126}.maze-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(10,1fr);gap:2px}.maze-cell{border:0;min-width:0;min-height:0;background:linear-gradient(135deg,#d9c79d,#aa9369);color:#262318;font:800 clamp(16px,5vw,31px) Figtree;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.maze-cell:hover{filter:brightness(1.13)}.maze-cell.stone{cursor:default;background:radial-gradient(circle at 30% 25%,#81887a 0 8%,transparent 9%),linear-gradient(135deg,#63695e,#394137);box-shadow:inset 0 0 0 1px #20281f}.maze-cell.entrance{box-shadow:inset 0 0 0 3px #fff0a6,0 0 13px #e7bc5a;z-index:1}.maze-cell.exit::after{content:'⇣';position:absolute;bottom:0;right:2px;font-size:12px;color:#584116}.maze-cell.trail{background:linear-gradient(135deg,#bed5ad,#79a26f)}.maze-cell.correct{background:linear-gradient(135deg,#f5da80,#bd8b30);box-shadow:inset 0 0 0 2px #fff0ae}.maze-cell.last-word{background:linear-gradient(135deg,#e8c55f,#a57527)}.maze-status{min-height:22px;margin:11px 18px 4px;text-align:center;color:#c9d8c9;font-size:13px}.hint-panel{margin-top:10px;padding:16px 28px 22px;border-top:1px solid rgba(237,226,195,.14);background:rgba(0,0,0,.13)}.hint-readout{display:flex;gap:10px;align-items:baseline}.hint-label{color:#e1bc5e;font:500 10px 'DM Mono',monospace;letter-spacing:.12em}.hint-readout strong{font-size:14px}.hint-tiles{display:flex;gap:6px;min-height:38px;padding:8px 0}.hint-tile{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#e8d9ae;color:#272519;font:800 18px Figtree;box-shadow:0 2px 0 #98845b}.hint-actions{display:flex;gap:10px}.hint-actions button,.reset-path{border:0;border-radius:8px;min-height:43px;font:700 12px Figtree;letter-spacing:.03em;cursor:pointer}.hint-actions button{flex:1;background:#d8b152;color:#251f12}.hint-actions button+button{background:#e2eee2;color:#1f3828}.hint-actions small{display:block;font:500 10px 'DM Mono',monospace}.reset-path{display:block;width:calc(100% - 56px);margin:0 28px 24px;background:transparent;border:1px solid rgba(255,244,210,.42);color:#fff2d4}.maze-menu{position:fixed;z-index:3;top:0;left:0;width:min(330px,90vw);height:100%;padding:20px;background:#f7ecd3;color:#25372b;box-shadow:5px 0 25px rgba(0,0,0,.32);transform:translateX(-105%);transition:.24s transform}.maze-menu.open{transform:none}.maze-menu>div{display:flex;justify-content:space-between;align-items:center;font:700 12px 'DM Mono',monospace;letter-spacing:.12em}.maze-menu>div button,.modal-close{border:0;background:transparent;color:inherit;font-size:29px;cursor:pointer}.maze-menu>button:not(#closeMenu){display:grid;gap:4px;width:100%;margin-top:18px;padding:14px 5px;border:0;border-bottom:1px solid #ddcda9;background:transparent;text-align:left;color:#25372b;cursor:pointer}.maze-menu b{font:700 16px Figtree}.maze-menu small{color:#65766a;font:500 11px 'DM Mono',monospace}.scrim{position:fixed;inset:0;z-index:2;background:rgba(0,0,0,.48);opacity:0;visibility:hidden;transition:.2s}.scrim.show{opacity:1;visibility:visible}dialog{max-width:min(470px,calc(100% - 32px));border:0;border-radius:16px;background:#f9eed8;color:#263c37;padding:28px;box-shadow:0 15px 55px #001c19}dialog::backdrop{background:rgba(0,0,0,.55)}.modal-close{position:absolute;right:9px;top:5px}dialog h2{margin:4px 0 14px;font-size:25px}dialog p,dialog li{line-height:1.45;color:#49645c}.complete-result{font:700 23px 'DM Mono',monospace;color:#27724d;background:#e3f0df;padding:13px;border-radius:8px;text-align:center}@media(max-width:480px){.maze-app{padding:12px 10px 28px}.maze-heading{padding:15px 18px}.maze-stats div{padding:10px}.hint-panel{padding-left:18px;padding-right:18px}.reset-path{width:calc(100% - 36px);margin-left:18px;margin-right:18px}.maze-viewport{border-width:6px}.maze-cell{font-size:clamp(16px,7vw,28px)}}
.maze-menu{display:flex;flex-direction:column;overflow:auto}
.maze-menu #moreGamesButton{margin-top:auto!important;flex:none}