:root{--matrix-accent:#ff714d;--matrix-cool:#72e5ef;--glass:rgba(12,19,29,.90)}
:root[data-matrix-theme=entropy]{--matrix-accent:#e7be73;--matrix-cool:#84ebd1}
:root[data-matrix-theme=story]{--matrix-accent:#aa9fff;--matrix-cool:#63e8ef}
html,body{overscroll-behavior:none;background:#080c14;color:#edf5fa}button{touch-action:manipulation;min-height:44px}button:focus-visible{outline:2px solid var(--matrix-cool);outline-offset:4px}button{transition:transform .15s,border-color .2s,box-shadow .2s!important;border-radius:13px!important}button:hover{border-color:var(--matrix-cool)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 25px #0005!important}button:active{transform:translateY(2px) scale(.98)!important}
.screen,.overlay,.modal-card,.modal,.result-card,.room-modal,.panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#home,#startScreen,#screenStart{background:linear-gradient(90deg,#080d17f5 0%,#090e17db 47%,#0a0f1650 100%),url('./art/keyart.svg') center/cover no-repeat!important}
#home .hero-panel{min-height:170px;background:linear-gradient(110deg,#12202aa0,#121b2650);border:1px solid #ffffff21;border-radius:22px;box-shadow:inset 0 1px #ffffff22,0 28px 60px #0006}
.topbar small,.eyebrow,.kicker,.title-sub{letter-spacing:.19em;color:var(--matrix-accent)!important}h1,h2{letter-spacing:-.035em}#home h1{font-size:clamp(40px,5vw,74px);font-weight:850}.primary,.cta,#btnStart{background:linear-gradient(120deg,var(--matrix-accent),var(--matrix-cool))!important;color:#08121c!important;border-color:#ffffff70!important;box-shadow:0 10px 32px #0005,inset 0 1px #fff8!important}
.record-strip,.record,.hud-top,.hp,.rank-row,.rank-notice,.choice-card,.item-card,.archive-card,.modal-card,.room-modal{border:1px solid #ffffff20!important;border-radius:15px!important;background:linear-gradient(130deg,#1c2b38e8,#0c1420ef)!important;box-shadow:inset 0 1px #ffffff15,0 12px 35px #0003}.record-strip{padding:16px}.item-card,.choice-card{transition:transform .2s,border-color .2s!important}.item-card:hover{transform:translateY(-5px);border-color:var(--matrix-accent)!important}.rank-row{margin:8px 0}.screen{scrollbar-width:thin;scrollbar-color:#4a6370 #0b121a}.home-actions{gap:12px!important}#grain{opacity:.025!important;pointer-events:none}#audioPanel{background:#091320c9;border:1px solid #ffffff20;border-radius:18px;backdrop-filter:blur(14px)}#audioPanel span{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#rotate{display:none!important}
#minimap,.minimap,#miniMap,[data-minimap]{display:none!important}#matrixEdition{position:fixed;right:14px;bottom:8px;z-index:6;font:10px sans-serif;letter-spacing:.18em;color:#b7cbd480;pointer-events:none}#matrixRegion{position:fixed;top:110px;left:18px;z-index:8;color:var(--matrix-cool);font:11px sans-serif;letter-spacing:.16em;pointer-events:none;text-shadow:0 2px 5px #000}
@media(max-width:700px){#home,#startScreen,#screenStart{background:linear-gradient(0deg,#080d17 10%,#080d17db 62%,#080d1760),url('./art/keyart.svg') 63% top/auto 65vh no-repeat!important}.screen,.overlay{padding:20px 16px!important;padding-top:max(20px,env(safe-area-inset-top))!important;padding-bottom:max(32px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;max-height:100dvh;box-sizing:border-box}#home{height:100dvh!important}.topbar{gap:12px;align-items:flex-start}.topbar h1{font-size:38px!important}.topbar>span{display:none}.hero-panel{min-height:125px!important;margin-top:22px!important}.hero-copy{gap:12px!important}.hero-copy>i{font-size:50px!important}.hero-copy b{font-size:20px!important}.record-strip{gap:10px!important;font-size:11px!important;padding:10px}.home-actions{grid-template-columns:1fr 1fr!important}.home-actions .primary{grid-column:1/-1}.home-actions button{padding:13px!important;min-height:78px}.home-actions button span{font-size:11px;line-height:1.45}.loadout-columns,.item-cards,.archive-grid{grid-template-columns:1fr!important}.choice-grid{grid-template-columns:1fr 1fr!important}#itemChoice{justify-content:flex-start!important}.item-card{min-height:145px!important}.result-stats{grid-template-columns:repeat(2,1fr)!important}.result-actions{flex-wrap:wrap;gap:8px}.modal,.result-card,.room-modal{max-width:100%!important;padding:22px!important;box-sizing:border-box}#hud .hud-top{padding:10px;font-size:12px}#hud .hud-top>div{min-width:0}#controls #joystick{left:22px!important;bottom:30px!important;width:116px!important;height:116px!important}#controls .actions{right:16px!important;bottom:35px!important;gap:8px!important}#controls .actions button{width:66px!important;height:66px!important}.key-hint{display:none!important}#audioPanel{bottom:8px;left:50%;transform:translateX(-50%);padding:4px 8px;max-width:85vw}#audioPanel span{display:none}.screen-footer{position:sticky!important;bottom:0;background:#0a1422de;padding:12px!important}.title{font-size:clamp(38px,11vw,64px)!important}.start-inner{width:100%!important;max-width:100%!important;padding:10px!important}.rank-card{width:100%!important}#matrixRegion{top:115px;font-size:10px}.hero,.hub-grid,.hub-panels{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition:none!important}}

.overlay{touch-action:pan-y!important}body:has(#hud.hidden) #matrixRegion,body:has(#endScreen:not(.hidden)) #matrixRegion,body:has(#result:not(.hidden)) #matrixRegion{display:none}button.primary span{color:#173446!important}@media(max-width:700px){.room-options{grid-template-columns:1fr!important}}

html,body{touch-action:manipulation}.screen,.overlay{touch-action:pan-y!important}#joystick,#joy,canvas{touch-action:none}

body:has(#hud:not(.hidden)) #audioPanel{top:10px;bottom:auto;left:auto;right:76px;transform:none;padding:0;background:transparent;border:0}body:has(#hud:not(.hidden)) #audioPanel span{display:none}body:has(#hud:not(.hidden)) #audioPanel button{font-size:10px;padding:5px;min-height:40px}