@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap");.arcade-root{--phosphor:#ffb000;--phosphor-bright:#ffd97a;--phosphor-dim:#6b4a00;--neon-pink:#ff2d95;--neon-cyan:#00e5ff;--neon-magenta:#b026ff;--cabinet-black:#060302;--cabinet-deep:#0a0705;--cabinet-shadow:#000000;--chrome-mid:#2a2320;--chrome-high:#4a3f38;--chrome-low:#100b08;--bulb-off:#3a2a1a;--bulb-on:#ffe28a;min-height:100dvh;background:radial-gradient(ellipse at top,#1a0d05 0,#060302 60%,#000000 100%),#000;color:var(--phosphor);font-family:VT323,Courier New,monospace;font-size:clamp(14px,1.6vmin,22px);padding:clamp(8px,1.5vmin,24px)}.arcade-root,.cabinet-frame{display:flex;flex-direction:column;align-items:center}.cabinet-frame{width:100%;min-height:calc(100dvh - 2 * clamp(8px, 1.5vmin, 24px));justify-content:center}.cabinet-frame.collapsed{min-height:0}@media (max-height:480px) and (orientation:landscape){.arcade-root{padding:4px}}.arcade-root a{color:var(--phosphor-bright);text-decoration:none;border-bottom:1px dashed var(--phosphor-dim)}.arcade-root a:hover{color:var(--bulb-on);border-bottom-color:var(--phosphor)}.cabinet{width:min(96vw,calc((100dvh - 32px) * 15 / 16));height:min(calc(100dvh - 32px),calc(96vw * 16 / 15));max-width:1400px;max-height:1500px;background:linear-gradient(180deg,#1a1310,#0d0906);border:3px solid #2a2018;border-radius:18px 18px 8px 8px;box-shadow:0 0 0 2px #050302,0 30px 60px rgba(0,0,0,.9),inset 0 2px 0 rgba(255,220,150,.06);position:relative;padding:clamp(8px,1.6vmin,22px);display:flex;flex-direction:column;gap:clamp(6px,1.4vmin,18px);min-height:0}.cabinet.collapsed{width:min(96vw,900px);height:auto;max-height:none;border-radius:12px}.cabinet-body{display:flex;flex-direction:column;gap:clamp(6px,1.4vmin,18px);flex:1 1 auto;min-height:0}.marquee{background:linear-gradient(180deg,#0a0503,#150a05 50%,#0a0503);border:2px solid #2a1a10;border-radius:10px 10px 4px 4px;padding:clamp(8px,1.4vmin,16px) clamp(12px,2vmin,26px);position:relative;overflow:hidden;text-align:center;box-shadow:inset 0 0 24px rgba(255,176,0,.15);flex-shrink:0}.marquee--toggle{cursor:pointer;transition:box-shadow .15s ease,filter .15s ease}.marquee--toggle:focus-visible,.marquee--toggle:hover{box-shadow:inset 0 0 32px rgba(255,176,0,.28);filter:brightness(1.08);outline:none}.cabinet.collapsed .marquee--toggle .marquee-sub{color:var(--phosphor);text-shadow:0 0 6px var(--phosphor);animation:marquee-hint-pulse 1.8s ease-in-out infinite}@keyframes marquee-hint-pulse{0%,to{opacity:.7}50%{opacity:1}}.marquee-chevron{position:absolute;right:clamp(14px,2.4vmin,26px);top:50%;transform:translateY(-50%);font-family:VT323,monospace;color:var(--phosphor);font-size:clamp(16px,2.4vw,22px);text-shadow:0 0 6px var(--phosphor);pointer-events:none;letter-spacing:0}.marquee-title{font-family:Press Start\ 2P,Courier New,monospace;font-size:clamp(20px,4vw,34px);color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink),0 0 20px rgba(255,45,149,.6),0 0 40px rgba(255,45,149,.3),2px 2px 0 #400010;letter-spacing:2px;line-height:1.2;margin:0}.marquee-sub{font-family:VT323,monospace;font-size:18px;color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan);letter-spacing:4px;margin-top:6px;text-transform:uppercase}.marquee-bulbs{position:absolute;left:12px;right:12px;height:8px;display:flex;justify-content:space-between;pointer-events:none}.marquee-bulbs.top{top:4px}.marquee-bulbs.bottom{bottom:4px}.marquee-bulbs span{width:8px;height:8px;border-radius:50%;background:var(--bulb-off);box-shadow:inset 0 0 2px rgba(0,0,0,.6)}.marquee-bulbs span.on{background:var(--bulb-on);box-shadow:0 0 8px var(--bulb-on),0 0 14px rgba(255,226,138,.6),inset 0 0 2px #fff}.bezel{background:linear-gradient(180deg,#1a1410,#0d0906 20%,#050302);border:2px solid #2a1f18;border-radius:12px;padding:clamp(10px,2vmin,26px);box-shadow:inset 0 4px 12px rgba(0,0,0,.8),inset 0 -2px 0 rgba(255,220,150,.04);flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.bezel,.screen{position:relative;overflow:hidden}.screen{background:var(--cabinet-black);border:2px solid #1a0f08;border-radius:6px;box-shadow:inset 0 0 40px rgba(0,0,0,.9),inset 0 0 4px rgba(255,176,0,.12),0 0 30px rgba(255,176,0,.15)}.screen:before{background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.25) 3px,rgba(0,0,0,.25) 4px);z-index:10;mix-blend-mode:multiply}.screen:after,.screen:before{content:"";position:absolute;inset:0;pointer-events:none}.screen:after{background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%);z-index:11}.viewport{position:absolute;inset:0;z-index:1}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,1.4vmin,16px);padding:clamp(6px,1vmin,12px) clamp(10px,1.6vmin,18px);background:linear-gradient(180deg,#0a0503,#150a05);border:2px solid #2a1a10;border-radius:6px;font-family:VT323,monospace;color:var(--phosphor);text-shadow:0 0 4px rgba(255,176,0,.6);font-size:clamp(14px,2vmin,22px);letter-spacing:1px;flex-shrink:0}.hud-slot{display:flex;align-items:baseline;gap:8px}.hud-label{font-family:Press Start\ 2P,monospace;font-size:10px;color:var(--phosphor-dim);letter-spacing:2px;text-shadow:none}.hud-value{font-family:VT323,monospace;font-size:24px;color:var(--phosphor-bright);min-width:60px;text-align:right;text-shadow:0 0 6px var(--phosphor)}.hud-center{font-family:Press Start\ 2P,monospace;font-size:10px;color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan);letter-spacing:3px}.controls{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;gap:clamp(8px,1.4vmin,14px);align-items:center;padding:clamp(6px,1vmin,12px);background:linear-gradient(180deg,#100a06,#060302);border:2px solid #241a12;border-radius:6px;flex-shrink:0}.title-select{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--phosphor-dim) transparent}.title-select::-webkit-scrollbar{height:6px}.title-select::-webkit-scrollbar-thumb{background:var(--phosphor-dim);border-radius:3px}@media (max-width:640px){.controls{grid-template-columns:1fr 1fr;grid-template-areas:"coin insert" "titles titles"}.controls .coin-slot{grid-area:coin}.controls .arcade-btn.primary{grid-area:insert}.controls .title-select{grid-area:titles}}.coin-slot-wrapper{flex-direction:column;gap:2px}.coin-slot,.coin-slot-wrapper{display:flex;align-items:center}.coin-slot{gap:8px;padding:6px 10px;background:#0a0503;border:2px inset #3a2a1a;border-radius:4px}.coin-slot-label{font-family:Press Start\ 2P,monospace;font-size:9px;color:var(--phosphor);text-shadow:0 0 4px var(--phosphor);letter-spacing:2px;white-space:nowrap}.coin-slot-hint{font-family:VT323,monospace;font-size:14px;color:var(--phosphor-dim);letter-spacing:1px;font-style:italic;white-space:nowrap}.coin-slot input{background:transparent;border:none;color:var(--phosphor-bright);font-family:VT323,monospace;font-size:20px;letter-spacing:3px;outline:none;width:110px;text-transform:uppercase}.coin-slot input::placeholder{color:var(--phosphor-dim);letter-spacing:2px}.title-select{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;min-width:0}.title-chip{font-family:Press Start\ 2P,monospace;font-size:clamp(8px,1.2vmin,11px);padding:8px 12px;background:#0a0503;border:2px solid #3a2a1a;border-radius:4px;color:var(--phosphor-dim);cursor:pointer;letter-spacing:1px;transition:none;white-space:nowrap;flex-shrink:0}.title-chip:hover{border-color:var(--phosphor);color:var(--phosphor);text-shadow:0 0 4px var(--phosphor)}.title-chip.active{background:#1a0d05;border-color:var(--neon-pink);color:var(--phosphor-bright);text-shadow:0 0 6px var(--phosphor);box-shadow:0 0 12px rgba(255,45,149,.4)}.title-chip.locked{cursor:not-allowed;opacity:.4}.arcade-btn{font-family:Press Start\ 2P,monospace;font-size:10px;padding:8px 14px;background:#1a0d05;border:2px solid #3a2a1a;border-radius:4px;color:var(--phosphor);cursor:pointer;letter-spacing:2px}.arcade-btn:hover{border-color:var(--phosphor);color:var(--phosphor-bright);text-shadow:0 0 4px var(--phosphor)}.arcade-btn.primary{background:linear-gradient(180deg,#ff2d95,#b02068);border-color:#ff87c1;color:#fff;text-shadow:0 0 6px #ff2d95}.closed-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at center,rgba(60,20,0,.85) 0,rgba(0,0,0,.98) 80%);color:var(--neon-pink);text-align:center;padding:40px 24px}.closed-sign{font-family:Press Start\ 2P,monospace;font-size:clamp(32px,6vw,56px);color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 24px rgba(255,45,149,.6),0 0 48px rgba(255,45,149,.3);letter-spacing:8px;margin:0;animation:neon-flicker 6s infinite}.closed-sub{font-size:22px;color:var(--phosphor);text-shadow:0 0 6px var(--phosphor);letter-spacing:2px;margin-top:4px}.closed-hours,.closed-sub{font-family:VT323,monospace}.closed-hours{font-size:18px;color:var(--phosphor-dim);margin-top:8px;letter-spacing:1px}@keyframes neon-flicker{0%,20%,22%,24%,55%,57%,to{opacity:1;text-shadow:0 0 10px var(--neon-pink),0 0 24px rgba(255,45,149,.6),0 0 48px rgba(255,45,149,.3)}21%,23%,56%{opacity:.7;text-shadow:0 0 4px var(--neon-pink)}}.attract{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:32px;color:var(--phosphor);background:transparent}.attract-title{font-family:Press Start\ 2P,monospace;font-size:clamp(28px,5vw,44px);color:var(--phosphor-bright);text-shadow:0 0 8px var(--phosphor),0 0 20px rgba(255,176,0,.5),2px 2px 0 var(--phosphor-dim);letter-spacing:4px;margin:0}.attract-line{font-family:VT323,monospace;font-size:24px;color:var(--phosphor);letter-spacing:2px;text-shadow:0 0 4px var(--phosphor)}.attract-press{font-family:Press Start\ 2P,monospace;font-size:12px;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);letter-spacing:3px;animation:blink 1.2s steps(2) infinite;margin-top:8px}@keyframes blink{50%{opacity:0}}.arcade-footer{display:none}@media (min-height:900px){.arcade-footer{display:block;margin-top:20px;color:var(--phosphor-dim);font-size:16px;letter-spacing:1px;text-align:center;max-width:700px}}.arcade-footer a{color:var(--phosphor);border-bottom-color:var(--phosphor-dim)}.students-section{width:100%;max-width:1280px;margin:clamp(24px,5vmin,64px) auto 0;padding:clamp(16px,3vmin,32px);border-top:2px solid var(--phosphor-dim);color:var(--phosphor)}.students-header{text-align:center;margin-bottom:clamp(20px,4vmin,40px);position:relative}.students-header-bulbs{display:flex;justify-content:center;gap:6px;margin-bottom:12px}.students-header-bulbs span{width:8px;height:8px;border-radius:50%;background:var(--bulb-off)}.students-header-bulbs span.on{background:var(--bulb-on);box-shadow:0 0 6px var(--bulb-on),0 0 12px rgba(255,226,138,.5)}.students-title{font-family:Press Start\ 2P,Courier New,monospace;font-size:clamp(14px,2.4vmin,26px);color:var(--neon-pink);text-shadow:0 0 8px rgba(255,45,149,.6),2px 2px 0 #000;letter-spacing:.12em;margin:0 0 10px}.students-sub{font-size:clamp(14px,1.8vmin,20px);color:var(--phosphor-bright);opacity:.85;max-width:640px;margin:0 auto;line-height:1.4}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,2.5vmin,24px)}.student-card{background:linear-gradient(180deg,#120c07,#0a0503);border:2px solid var(--chrome-mid);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.5);transition:transform .15s,border-color .15s}.student-card:hover{transform:translateY(-2px);border-color:var(--phosphor-dim)}.student-thumb{position:relative;aspect-ratio:16/9;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#1a0d05;font-family:Press Start\ 2P,Courier New,monospace;border-bottom:2px solid var(--chrome-mid);overflow:hidden}.student-thumb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 1px,transparent 0,transparent 3px);pointer-events:none}.student-thumb-title{font-size:clamp(14px,2vmin,20px);letter-spacing:.08em;text-shadow:2px 2px 0 rgba(255,255,255,.35);position:relative;z-index:1;padding:0 12px;text-align:center}.student-thumb-play{font-size:clamp(10px,1.4vmin,13px);color:#1a0d05;padding:6px 14px;background:rgba(255,255,255,.85);border-radius:999px;letter-spacing:.15em;box-shadow:0 2px 0 rgba(0,0,0,.25);position:relative;z-index:1}.student-thumb:hover .student-thumb-play{background:#fff;transform:scale(1.05)}.student-thumb:focus-visible{outline:3px solid var(--neon-pink);outline-offset:-3px}.student-meta{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.student-meta-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.student-by{color:var(--phosphor);letter-spacing:.1em;text-transform:uppercase}.student-bugreport,.student-by{font-size:clamp(11px,1.4vmin,14px)}.student-bugreport{color:var(--neon-pink);text-decoration:none;border-bottom:1px dashed var(--neon-pink);letter-spacing:.05em}.student-bugreport:hover{color:#fff;border-bottom-color:#fff}.student-pitch{margin:0;font-size:clamp(13px,1.7vmin,17px);color:var(--phosphor-bright);line-height:1.4;opacity:.85}.students-footer{text-align:center;margin-top:clamp(24px,4vmin,40px);color:var(--phosphor-dim);font-size:clamp(12px,1.6vmin,16px);letter-spacing:.05em}.student-modal{position:fixed;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:stretch;justify-content:stretch;padding:0;animation:modal-in .2s ease-out}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.student-modal-frame{width:100%;height:100dvh;display:flex;flex-direction:column;background:#050303;border:none;border-radius:0;overflow:hidden;box-shadow:0 8px 40px rgba(255,176,0,.15)}.student-modal-frame:fullscreen{width:100vw;height:100vh}.student-modal-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:linear-gradient(180deg,#1a0d05,#0a0503);border-bottom:2px solid var(--chrome-mid);gap:12px;flex-shrink:0}.student-modal-title{display:flex;align-items:baseline;gap:10px;color:var(--phosphor);overflow:hidden}.student-modal-tag{font-family:Press Start\ 2P,Courier New,monospace;font-size:clamp(9px,1.2vmin,11px);color:var(--neon-pink);letter-spacing:.1em;flex-shrink:0}.student-modal-name{font-family:VT323,Courier New,monospace;font-size:clamp(18px,2.4vmin,26px);color:var(--phosphor-bright);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-modal-by{font-size:clamp(12px,1.6vmin,16px);color:var(--phosphor);opacity:.7;white-space:nowrap}.student-modal-actions{display:flex;gap:8px;flex-shrink:0}.student-modal-btn{background:transparent;border:2px solid var(--phosphor-dim);color:var(--phosphor);padding:6px 14px;border-radius:4px;cursor:pointer;font-family:VT323,Courier New,monospace;font-size:clamp(13px,1.7vmin,17px);letter-spacing:.08em;text-decoration:none;transition:border-color .12s,color .12s,background .12s}.student-modal-btn:hover{border-color:var(--phosphor);color:var(--phosphor-bright);background:rgba(255,176,0,.08)}.student-modal-btn.close{border-color:var(--neon-pink);color:var(--neon-pink)}.student-modal-btn.close:hover{background:rgba(255,45,149,.12);color:#fff}.student-modal-iframe{flex:1;width:100%;border:none;background:#fff;min-height:0}