.brand{font-size:17px;letter-spacing:1px}.brand small{letter-spacing:1.4px}.submenu{animation:menuReveal .26s cubic-bezier(.2,.8,.2,1) both;transform-origin:top center;clip-path:none}.submenu a,.submenu .sub-disclosure{animation:menuSlide .3s ease-out both;animation-delay:calc(var(--menu-index,0)*.03s)}.submenu a:nth-child(2){animation-delay:calc(var(--menu-index,1)*.03s)}.secondary-navigation{display:flex!important;flex-wrap:wrap!important;gap:7px;padding:18px 22px}.secondary-navigation>a{font-size:14px;border:1px solid transparent;border-radius:7px;padding:9px 14px;color:var(--muted);line-height:1.5;transition:background .18s,color .18s;animation:none}.secondary-navigation>a:hover{background:#d3eee40e;color:var(--ink)}.secondary-navigation>a.active{background:#d3eee415;border-color:var(--line);color:var(--ink)}.secondary-navigation .directory-back{border-color:var(--line);margin-right:8px;color:var(--accent)}.hub-page .game-panel,.hub-page .tool-panel{animation:workspaceReveal .25s ease-out both}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.directory-card{display:block;padding:25px;border-radius:13px;transition:background .25s,border-color .25s,transform .25s;min-width:0}.directory-card:hover{background:var(--glass-hover);border-color:#b6dedc80;transform:translateY(-4px)}.directory-index{font-size:13px;letter-spacing:2px;color:var(--subtle)}.directory-card h2{font-size:23px;font-weight:400;margin:13px 0 9px}.directory-card p{font-size:15px;color:var(--muted);line-height:1.8;min-height:54px}.directory-label{display:inline-block;font-size:13px;color:var(--accent);border-top:1px solid var(--line);padding-top:15px;margin-top:20px;letter-spacing:1px}.mines-board{grid-template-rows:repeat(var(--size),minmax(0,1fr));align-items:stretch}.mine-cell{width:100%;height:100%;min-height:0;min-width:0;overflow:hidden;line-height:1;transform:none!important;transition:background .18s,color .18s}.tool-intro{font-size:15px;color:var(--muted);line-height:1.9;margin:0 0 22px}.tool-panel .field-label{margin-top:20px}.tool-panel textarea[readonly]{background:#0e2e4188}.weather-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.weather-search label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted);flex:1;min-width:200px}.weather-search input{width:100%}.weather-search .button{min-height:49px;padding:12px 18px}.city-presets,.weather-cities{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.city-presets button,.weather-cities button{border:1px solid var(--line);border-radius:7px;padding:8px 15px;font-size:14px}.city-presets button:hover,.weather-cities button:hover{background:#b6dedc15}.weather-current{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:26px;border:1px solid var(--line);border-radius:13px;background:#b6dedc0a}.weather-current strong{display:block;font-size:64px;font-weight:300;line-height:1.4;font-variant-numeric:tabular-nums}.weather-current span{font-size:17px;color:var(--accent)}.weather-current dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px;align-content:center;margin:0}.weather-current dt{color:var(--muted)}.weather-current dd{margin:0;text-align:right}.weather-days{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.weather-days>div{border:1px solid var(--line);border-radius:10px;padding:20px;font-size:14px}.weather-days strong{display:block;font-size:22px;font-weight:400;margin:8px 0}.weather-days p{color:var(--muted);font-size:14px;line-height:1.8}.weather-credit{display:inline-block;margin-top:25px;color:var(--subtle);font-size:12px;text-decoration:underline}.qr-scanner{margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}#scan-video{display:block;width:min(100%,480px);max-height:360px;border-radius:10px;border:1px solid var(--line);background:#102f43;object-fit:contain}.pointer-effects{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}.click-ring{position:fixed;width:26px;height:26px;border:1px solid #c2e7df;border-radius:50%;pointer-events:none;z-index:61;animation:clickRing .65s ease-out both}.scan-preview-note{font-size:14px;color:var(--muted)}
@keyframes menuReveal{from{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menuSlide{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:translateX(0)}}@keyframes workspaceReveal{from{opacity:0}to{opacity:1}}@keyframes clickRing{from{opacity:.9;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}
@media(max-width:1150px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:16px}.navigation>.nav-item{padding:10px 11px}.weather-current{gap:20px}}
@media(max-width:850px){.brand{font-size:15px}.brand small{letter-spacing:.7px}.weather-current{grid-template-columns:1fr}.weather-current strong{font-size:56px}.directory-card{padding:22px}.directory-card h2{font-size:21px}}
@media(max-width:650px){.brand{font-size:18px}.directory-grid{grid-template-columns:1fr;gap:14px}.directory-card{padding:23px}.directory-card p{min-height:0;font-size:15px}.directory-label{margin-top:16px}.secondary-navigation{padding:14px;gap:6px}.secondary-navigation>a{font-size:13px;padding:8px 11px}.secondary-navigation .directory-back{margin-right:0}.submenu{animation:menuReveal .23s ease-out both}.weather-days{grid-template-columns:1fr}.weather-days>div{padding:18px}.weather-current{padding:22px}.weather-search .button{flex:1}.tool-intro{font-size:14px}.mine-cell{font-size:14px}}
@media(prefers-reduced-motion:reduce){.pointer-effects,.click-ring{display:none}.submenu,.submenu a,.hub-page .game-panel,.hub-page .tool-panel{animation:none!important;transition:none!important}.directory-card:hover{transform:none}}

.topbar-navigation{display:flex;align-items:center;gap:16px;min-width:0;flex-wrap:wrap}.page-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;padding:7px 15px;border:1px solid var(--line);border-radius:8px;background:var(--glass);color:var(--ink);font-size:14px;line-height:1.5;letter-spacing:1px;transition:background .2s,border-color .2s}.page-back:hover{background:var(--glass-hover);border-color:var(--accent)}.topbar-navigation .breadcrumb{flex-wrap:wrap}@media(max-width:650px){.topbar-navigation{gap:8px 12px}.page-back{min-width:60px;padding:7px 12px}}