@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.flex{display:flex}.hidden{display:none}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000a1a}body{font-family:"Press Start 2P",monospace;color:#0fc;image-rendering:pixelated}.game-wrapper{width:100vw;height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column}.lives-display{position:fixed;top:12px;right:16px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;background:#000a1ad9;border:2px solid #00ffcc;padding:6px 12px;box-shadow:0 0 16px #0fc6}.lives-label{font-size:8px;color:#0a8;letter-spacing:2px;margin-bottom:4px}.lives-container{position:relative;display:flex;align-items:center;gap:8px}.lives-heart{color:#f46;font-size:20px;text-shadow:0 0 8px rgba(255,68,102,.8);animation:pulse-heart 1.5s ease-in-out infinite}.lives-count{font-size:22px;color:#0fc;text-shadow:0 0 12px rgba(0,255,204,.6)}.float-number{position:absolute;font-size:11px;font-weight:700;pointer-events:none;animation:float-up 1.2s ease-out forwards;white-space:nowrap;top:-10px}.float-number.positive{color:#0f8;text-shadow:0 0 8px #00ff88}.float-number.negative{color:#f46;text-shadow:0 0 8px #ff4466}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.stars-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(0,50,80,.4) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(0,30,60,.3) 0%,transparent 60%),#000a1a;z-index:0}.stars-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 25% 45%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(2px 2px at 40% 20%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 60% 55%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 75% 30%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(2px 2px at 85% 70%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 95% 15%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 5% 80%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 50% 90%,rgba(255,255,255,.3) 0%,transparent 100%)}.pixel-title{font-size:32px;color:#0fc;text-shadow:2px 2px 0 #006644,0 0 20px rgba(0,255,204,.6),0 0 40px rgba(0,255,204,.3);letter-spacing:4px;text-align:center}.glitch{position:relative;animation:glitch-main 4s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%}.glitch:before{color:#f06;animation:glitch-clip1 4s infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch:after{color:#0cf;animation:glitch-clip2 4s infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch-main{0%,90%,to{transform:none}91%{transform:translate(-2px)}92%{transform:translate(2px)}93%{transform:none}}@keyframes glitch-clip1{0%,90%,to{transform:none;opacity:0}91%{transform:translate(3px);opacity:.8}92%{transform:translate(-3px);opacity:.8}93%{opacity:0}}@keyframes glitch-clip2{0%,90%,to{transform:none;opacity:0}91%{transform:translate(-3px);opacity:.8}92%{transform:translate(3px);opacity:.8}93%{opacity:0}}.pixel-btn{font-family:"Press Start 2P",monospace;font-size:12px;color:#000a1a;background:#0fc;border:none;padding:12px 24px;cursor:pointer;position:relative;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px #064;text-transform:uppercase;letter-spacing:1px;margin-top:16px}.pixel-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #064}.pixel-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #064}.pixel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pixel-btn.small{font-size:10px;padding:8px 16px}.pixel-btn.golden-btn{background:#fc0;box-shadow:4px 4px #860;color:#1a0a00}.pixel-btn.golden-btn:hover{box-shadow:6px 6px #860}.animate-fadein{animation:fadein .4s ease forwards}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.shake{animation:shake-anim .4s ease}@keyframes shake-anim{0%,to{transform:none}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.password-screen{background:#000a1a}.password-box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;border:2px solid #00ffcc;box-shadow:0 0 40px #0fc3,inset 0 0 40px #0032284d;background:#000a1af2;max-width:600px;width:90%}.password-subtitle{font-size:10px;color:#0a8;letter-spacing:2px}.password-question{font-size:12px;color:#fffaaa;text-align:center;margin-top:8px;text-shadow:0 0 8px rgba(255,250,170,.5)}.password-slots{display:flex;align-items:center;gap:8px;margin:8px 0}.password-slot{width:36px;height:44px;border-bottom:3px solid #00ffcc;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:border-color .2s}.password-slot.filled{border-color:#0f8}.slot-char{font-size:20px;color:#0fc;text-shadow:0 0 8px rgba(0,255,204,.6);text-transform:lowercase}.password-suffix{font-size:28px;color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.5);margin-left:4px;padding-bottom:6px}.password-hidden-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.error-message{font-size:10px;color:#f46;text-align:center;text-shadow:0 0 8px rgba(255,68,102,.5);max-width:300px}.success-message{font-size:12px;color:#0f8;text-align:center;text-shadow:0 0 12px rgba(0,255,136,.6)}.hint-text{font-size:8px;color:#365;text-align:center;margin-top:8px}.intro-screen{background:#000a1a}.intro-box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:700px;width:90%;padding:40px}.intro-lines{width:100%;text-align:center}.intro-line{font-size:12px;color:#0fc;line-height:2.2;transition:opacity .3s,transform .3s}.intro-line.hidden{opacity:0;transform:translateY(4px)}.intro-line.visible{opacity:1;transform:none}.intro-line.empty-line{height:12px}.intro-lives{margin-top:20px;text-align:center;padding:20px;border:2px solid #ff4466;box-shadow:0 0 20px #ff44664d;background:#28001480}.lives-label-big{font-size:9px;color:#f46;letter-spacing:3px;margin-bottom:12px}.lives-big-display{display:flex;align-items:center;justify-content:center;gap:12px}.lives-heart-big{color:#f46;font-size:36px;text-shadow:0 0 16px rgba(255,68,102,.8);animation:pulse-heart 1.5s ease-in-out infinite}.lives-num{font-size:48px;color:#0fc;text-shadow:0 0 20px rgba(0,255,204,.6)}.lives-unit{font-size:14px;color:#0fc}.lives-sub{font-size:8px;color:#0a8;margin-top:10px}.anchor-screen{background:#000a1a;flex-direction:column;gap:8px}.game-header{position:relative;z-index:1;text-align:center;padding:8px 16px}.game-title{font-size:12px;color:#0fc;text-shadow:0 0 10px rgba(0,255,204,.5);letter-spacing:2px}.game-controls{font-size:8px;color:#064;margin-top:4px;letter-spacing:1px}.canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:0 16px 8px}.game-canvas{border:2px solid #00ffcc;box-shadow:0 0 30px #00ffcc4d;display:block;max-width:100%;max-height:calc(100vh - 120px)}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000a1aeb;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadein .4s ease}.game-over-box{border:2px solid #00ffcc;padding:40px;text-align:center;background:#000a1afa;box-shadow:0 0 40px #00ffcc4d;display:flex;flex-direction:column;align-items:center;gap:16px}.game-over-title{font-size:20px;color:#fc0;text-shadow:0 0 16px rgba(255,204,0,.5)}.game-over-stat{font-size:11px;color:#0fc}.highlight{color:#fc0}.transition-screen{background:#000a1a}.transition-box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px;border:2px solid #ffcc00;box-shadow:0 0 40px #fc03;background:#000a1af2;max-width:600px;opacity:0;transform:scale(.95);transition:opacity .4s,transform .4s}.transition-box.visible{opacity:1;transform:scale(1)}.transition-title{font-size:18px;color:#fc0;text-shadow:0 0 16px rgba(255,204,0,.5);text-align:center}.transition-comment{font-size:11px;color:#fffaaa;text-align:center;line-height:2;max-width:400px}.transition-lives{text-align:center;padding:16px 32px;border:2px solid #ff4466;background:#28001466}.tl-label{font-size:8px;color:#f46;letter-spacing:2px;margin-bottom:8px}.tl-value{display:flex;align-items:center;gap:8px;justify-content:center}.tl-heart{color:#f46;font-size:24px}.tl-num{font-size:32px;color:#0fc}.tl-unit{font-size:12px;color:#0a8}.transition-subtitle{font-size:9px;color:#0a8;text-align:center}.schakel-screen{flex-direction:column;overflow-y:auto;padding-top:60px}.schakel-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.water-layer{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(180deg,#001a33,#024);animation:water-wave 4s ease-in-out infinite}.water-layer:after{content:"";position:absolute;top:-8px;left:-100%;width:300%;height:16px;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(0,150,200,.3) 40px,rgba(0,150,200,.3) 80px);animation:water-scroll 8s linear infinite}@keyframes water-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.02)}}@keyframes water-scroll{0%{transform:translate(0)}to{transform:translate(33.33%)}}.dock-layer{position:absolute;bottom:28%;left:0;right:0;height:12%}.dock-plank{position:absolute;bottom:0;left:10%;right:10%;height:12px;background:repeating-linear-gradient(90deg,#4a3020,#4a3020 38px,#3a2010 38px,#3a2010 40px)}.dock-post{position:absolute;bottom:0;left:20%;width:12px;height:40px;background:#3a2010}.sailboat-scene{position:absolute;bottom:40px;left:5%}.sailboat-hull{width:80px;height:20px;background:#4a3020;border-radius:0 0 40px 40px}.sailboat-mast{position:absolute;bottom:18px;left:36px;width:4px;height:60px;background:#6a5040}.sailboat-sail{position:absolute;bottom:18px;left:40px;width:0;height:0;border-left:28px solid transparent;border-right:0 solid transparent;border-bottom:50px solid rgba(255,250,200,.7)}.schakel-content{position:relative;z-index:1;width:100%;max-width:800px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px}.schakel-title{font-size:12px;color:#0fc;text-align:center;text-shadow:0 0 10px rgba(0,255,204,.4);letter-spacing:1px}.schakel-progress{display:flex;gap:16px}.progress-char{font-size:9px;color:#365;padding:4px 8px;border:1px solid #336655;transition:all .2s}.progress-char.active{color:#fc0;border-color:#fc0;box-shadow:0 0 8px #ffcc004d}.progress-char.done{color:#0f8;border-color:#0f8}.schakel-dialog-area{display:flex;gap:24px;width:100%;background:#000a1ae6;border:2px solid #336655;padding:20px}.character-box{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.pixel-avatar{display:flex;flex-direction:column;gap:0}.avatar-row{display:flex}.avatar-pixel{width:8px;height:8px}.character-name{font-size:10px;color:#0fc;text-align:center}.character-desc{font-size:7px;color:#064;text-align:center;line-height:1.8;max-width:100px}.dialog-box{flex:1;display:flex;flex-direction:column;gap:12px}.dialog-prompt{font-size:10px;color:#fffaaa;line-height:2;padding:12px;border:1px solid #336655;background:#00141e80}.char-name-inline{color:#fc0}.answer-options{display:flex;flex-direction:column;gap:6px}.answer-btn{font-family:"Press Start 2P",monospace;font-size:9px;color:#0fc;background:#00141eb3;border:1px solid #006644;padding:8px 12px;text-align:left;cursor:pointer;transition:all .15s;display:flex;gap:8px}.answer-btn:hover{border-color:#0fc;background:#003228b3;color:#fffaaa}.answer-num{color:#fc0;min-width:16px}.reaction-box{padding:16px;border:2px solid;display:flex;flex-direction:column;gap:8px;animation:fadein .3s ease}.reaction-box.correct{border-color:#0f8;background:#00321e66}.reaction-box.wrong{border-color:#f46;background:#32001466}.reaction-label{font-size:12px;font-weight:700}.reaction-box.correct .reaction-label{color:#0f8}.reaction-box.wrong .reaction-label{color:#f46}.reaction-penalty{font-size:10px;color:#f46}.reaction-text{font-size:9px;color:#fffaaa;line-height:2;font-style:italic}.schakel-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;border:2px solid #00ffcc;background:#000a1af2;width:100%}.done-title{font-size:14px;color:#fc0;text-shadow:0 0 12px rgba(255,204,0,.4)}.done-comment{font-size:10px;color:#fffaaa;font-style:italic}.done-summary{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #336655;min-width:250px}.summary-row{display:flex;justify-content:space-between;gap:24px;font-size:10px}.summary-name{color:#0fc}.summary-result.correct{color:#0f8}.summary-result.wrong{color:#f46}.quiz-screen{background:#000a1a;overflow-y:auto;padding:60px 16px 16px}.quiz-content{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;gap:16px}.quiz-title{font-size:12px;color:#0fc;text-align:center;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,204,.4)}.quiz-progress{display:flex;gap:12px}.progress-dot{width:14px;height:14px;border:2px solid #336655;background:transparent;transition:all .2s}.progress-dot.active{border-color:#fc0;background:#ffcc004d;box-shadow:0 0 8px #fc06}.progress-dot.correct{border-color:#0f8;background:#0f8}.progress-dot.wrong{border-color:#f46;background:#f46}.quiz-card{width:100%;border:2px solid #336655;background:#000a1af2;padding:24px;display:flex;flex-direction:column;gap:16px}.quote-number{font-size:8px;color:#fc0;letter-spacing:2px}.quote-start{font-size:13px;color:#fffaaa;line-height:2;padding:16px;border-left:3px solid #ffcc00;background:#281e004d;position:relative}.quote-mark{color:#fc0;font-size:24px;vertical-align:middle;margin-right:4px}.quote-dots{color:#fc0;margin-left:4px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.answer-grid{display:flex;flex-direction:column;gap:8px}.quiz-answer-btn{font-family:"Press Start 2P",monospace;font-size:9px;color:#0fc;background:#00141eb3;border:1px solid #006644;padding:10px 14px;text-align:left;cursor:pointer;transition:all .15s;display:flex;gap:10px;line-height:1.8}.quiz-answer-btn:hover:not(:disabled){border-color:#0fc;background:#003228b3}.quiz-answer-btn.correct{border-color:#0f8;background:#00321e99;color:#0f8;box-shadow:0 0 12px #00ff884d}.quiz-answer-btn.wrong{border-color:#f46;background:#32001499;color:#f46}.quiz-answer-btn.dimmed{opacity:.3}.opt-letter{color:#fc0;min-width:18px}.quiz-reaction{padding:12px;border:1px solid;display:flex;flex-direction:column;gap:6px;font-size:9px;line-height:2}.quiz-reaction.correct-reaction{border-color:#0f8;background:#00321e66;color:#0f8}.quiz-reaction.wrong-reaction{border-color:#f46;background:#32001466;color:#f46}.reaction-icon{font-size:16px}.correct-reveal{color:#fffaaa;margin-top:4px}.spotify-embed{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.spotify-label{font-size:8px;color:#1db954;letter-spacing:2px}.quiz-audio-player{width:300px;height:40px;border:1px solid #1DB954;background:#001e0a66;border-radius:2px;filter:sepia(1) saturate(3) hue-rotate(90deg)}.spotify-placeholder{border:1px solid #1DB954;padding:12px 20px;display:flex;gap:12px;align-items:center;background:#001e0a66}.spotify-icon{font-size:20px;color:#1db954}.spotify-text{font-size:8px;color:#1db954}.quiz-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;border:2px solid #00ffcc;background:#000a1af2;width:100%}.quiz-summary{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #336655;min-width:200px}.quiz-summary-row{display:flex;justify-content:space-between;gap:24px;font-size:10px}.summary-qnum{color:#fc0}.final-screen{background:#000a1a}.final-box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px;border:2px solid #ffcc00;box-shadow:0 0 60px #fc03;background:#000a1afa;max-width:550px;width:90%}.final-title{font-size:16px;color:#fc0;text-shadow:0 0 16px rgba(255,204,0,.5);letter-spacing:2px}.final-score-display{text-align:center}.final-score-label{font-size:9px;color:#0a8;letter-spacing:2px;margin-bottom:12px}.final-score-num{display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s}.final-score-num.golden .score-counter{color:#fc0;text-shadow:0 0 24px rgba(255,204,0,.8)}.final-heart{color:#f46;font-size:32px;text-shadow:0 0 16px rgba(255,68,102,.8)}.score-counter{font-size:56px;color:#0fc;text-shadow:0 0 24px rgba(0,255,204,.6);transition:all .1s}.bonus-reveal{text-align:center;padding:16px 32px;border:2px solid #ffcc00;background:#281e0080}.bonus-label{font-size:11px;color:#fc0;margin-bottom:8px}.bonus-value{font-size:24px;color:#0f8;text-shadow:0 0 16px rgba(0,255,136,.6);margin-bottom:8px}.bonus-comment{font-size:8px;color:#860}.counting-oneups{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.floating-1up{position:absolute;font-family:"Press Start 2P",monospace;font-size:14px;color:#0f8;text-shadow:0 0 12px #00ff88;animation:float-1up 1s ease-out forwards;top:50%}@keyframes float-1up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-80px)}}.final-reveal{text-align:center}.final-42{font-size:72px;color:#fc0;text-shadow:0 0 30px rgba(255,204,0,.8),0 0 60px rgba(255,204,0,.4);animation:pulse-42 2s ease-in-out infinite}@keyframes pulse-42{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.final-42-label{font-size:10px;color:#fc0;letter-spacing:2px;margin-top:8px}.end-screen{background:#000a1a;overflow-y:auto;padding:20px}.end-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.confetti-piece{position:absolute;width:10px;height:10px;top:-20px;animation:confetti-fall 3s linear infinite}@keyframes confetti-fall{0%{top:-20px;transform:rotate(0) translate(0);opacity:1}80%{opacity:1}to{top:110%;transform:rotate(720deg) translate(30px);opacity:0}}.end-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:700px;width:100%;padding-bottom:20px}.end-title{display:flex;align-items:center;gap:16px;text-align:center}.end-42{font-size:48px;color:#fc0;text-shadow:0 0 24px rgba(255,204,0,.7);animation:pulse-42 2s ease-in-out infinite}.end-title-text{font-size:18px;color:#0fc;text-shadow:0 0 12px rgba(0,255,204,.5)}.end-message{text-align:center;padding:24px;border:2px solid #00ffcc;background:#000a1ae6;box-shadow:0 0 30px #00ffcc26;width:100%}.end-line{font-size:11px;color:#0fc;line-height:2.5;transition:opacity .3s,transform .3s}.end-line.hidden{opacity:0;transform:translateY(4px)}.end-line.visible{opacity:1;transform:none}.end-line.empty-line{height:16px}.end-media{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.end-photo-area{display:flex;flex-direction:column;align-items:center}.photo-frame{border:3px solid #ffcc00;box-shadow:0 0 20px #ffcc004d;overflow:hidden;width:320px;height:240px;display:flex;align-items:center;justify-content:center;background:#140a0080}.end-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-placeholder{width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px}.placeholder-icon{font-size:32px}.placeholder-text{font-size:7px;color:#860;text-align:center;padding:4px}.end-spotify{display:flex;flex-direction:column;gap:8px}.matrix-rain-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:.45}.mobile-warning{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000a1a;padding:20px;position:relative;overflow:hidden}.mobile-warning-box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px;border:2px solid #00ffcc;max-width:380px;text-align:center;background:#000a1ad9;box-shadow:0 0 30px #0fc3}.warning-icon{font-size:40px}.warning-text{font-family:"Press Start 2P",monospace;font-size:11px;color:#0fc;line-height:2}.warning-subtext{font-family:"Press Start 2P",monospace;font-size:9px;color:#064;line-height:2}.anchor-intro{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;z-index:1}.intro-scene{width:500px;height:200px;position:relative;overflow:hidden;border:2px solid #00ffcc;box-shadow:0 0 20px #0fc3}.intro-sky{position:absolute;top:0;right:0;bottom:0;left:0;height:55%;background:linear-gradient(180deg,#001a33,#036)}.intro-water{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#001a44,#025);overflow:hidden}.water-ripple{position:absolute;top:0;left:-50%;width:200%;height:6px;background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,180,255,.3) 20px,rgba(0,180,255,.3) 40px);animation:ripple-move 3s linear infinite}@keyframes ripple-move{0%{transform:translate(0)}to{transform:translate(25%)}}.intro-boat{position:absolute;bottom:30%;left:50%;transform:translate(-50%);animation:boat-bob 3s ease-in-out infinite}@keyframes boat-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.intro-hull{width:120px;height:24px;background:#4a3020;border-radius:0 0 50% 50%;border:2px solid #6a5030}.intro-mast{position:absolute;bottom:22px;left:54px;width:4px;height:80px;background:#6a5040}.intro-sail{position:absolute;bottom:22px;left:58px;width:0;height:0;border-left:40px solid transparent;border-right:0;border-bottom:68px solid rgba(255,250,200,.8)}.intro-person{position:absolute;bottom:22px;left:8px}.person-head{width:10px;height:10px;background:#fc9;border-radius:50%;margin-left:2px}.person-body{width:4px;height:16px;background:#36c;margin:0 auto}.person-arms{position:absolute;top:12px;left:-6px;width:16px;height:3px;background:#36c;transform:rotate(-20deg)}.person-legs{position:absolute;top:28px;left:0;width:4px;height:12px;background:#345}.intro-shackle{position:absolute;bottom:26px;left:20px;width:20px;height:12px;background:#fc0;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);box-shadow:0 0 6px #fc09;transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .8s}.intro-shackle.fly-off{transform:translate(-80px,40px) rotate(-120deg);opacity:0}.intro-text-box{text-align:center;max-width:500px}.anchor-intro-line{font-size:11px;color:#0fc;line-height:2.2;transition:opacity .3s,transform .3s}.anchor-intro-line.hidden{opacity:0;transform:translateY(4px)}.anchor-intro-line.visible{opacity:1;transform:none}.schakel-instructions{font-size:9px;color:#fffaaa;text-align:center;max-width:600px;line-height:2;padding:10px 16px;border:1px solid #336655;background:#141e0a66}.lives-gained{font-size:12px;color:#0f8;text-shadow:0 0 8px #00ff88;margin-top:4px}.quiz-total{font-size:12px;color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.5);padding:8px 16px;border:1px solid #ffcc00}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000a1a}::-webkit-scrollbar-thumb{background:#064}.reaction-deduction{font-size:20px;color:#f46;text-shadow:0 0 12px rgba(255,68,102,.7);text-align:center;padding:6px 0 2px;letter-spacing:2px}.reaction-box.correct .reaction-deduction{color:#f84;text-shadow:0 0 10px rgba(255,136,68,.6)}.schakel-intro{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative;z-index:1;padding:16px}.si-scene{width:560px;max-width:92vw;height:220px;position:relative;overflow:hidden;border:2px solid #00ffcc;box-shadow:0 0 24px #0fc3}.si-sky{position:absolute;top:0;right:0;bottom:0;left:0;height:55%;background:linear-gradient(180deg,#001a33,#024)}.si-sea{position:absolute;bottom:0;left:0;right:0;height:48%;background:linear-gradient(180deg,#001a44,#025)}.si-dock{position:absolute;bottom:44%;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,#4a3020,#4a3020 38px,#3a2010 38px,#3a2010 40px)}.si-dock:before{content:"";position:absolute;bottom:-28px;left:20%;width:10px;height:28px;background:#3a2010}.si-dock:after{content:"";position:absolute;bottom:-28px;left:50%;width:10px;height:28px;background:#3a2010}.si-boat{position:absolute;bottom:46%;right:8%;animation:boat-bob 3s ease-in-out infinite}.si-boat-hull{width:90px;height:20px;background:#4a3020;border-radius:0 0 45px 45px;border:2px solid #6a5030}.si-boat-mast{position:absolute;bottom:18px;left:40px;width:4px;height:65px;background:#6a5040}.si-boat-sail{position:absolute;bottom:18px;left:44px;width:0;height:0;border-left:32px solid transparent;border-right:0;border-bottom:56px solid rgba(255,250,200,.8)}.si-chris{position:absolute;bottom:46%;left:30%}.si-visitor{position:absolute;bottom:46%;left:-72px;transition:left 1.8s cubic-bezier(.3,.05,.3,1)}.si-visitor.walked-in{left:10%}.si-visitor .si-arms{background:#c32}.si-head{width:10px;height:10px;background:#fc9;border-radius:50%;margin:0 auto}.si-body{width:8px;height:14px;margin:0 auto}.si-body-blue{background:#36c}.si-body-red{background:#c32}.si-arms{position:absolute;top:10px;left:-6px;width:20px;height:4px;background:#36c}.si-arms-work{transform:rotate(-30deg);background:#36c;top:8px}.si-legs{display:flex;gap:2px;justify-content:center}.si-leg{width:4px;height:10px;background:#345}.si-textbox{text-align:center;max-width:520px;min-height:90px}.si-line{font-size:11px;color:#fffaaa;line-height:2.2;transition:opacity .4s,transform .4s}.si-line.hidden{opacity:0;transform:translateY(4px)}.si-line.visible{opacity:1;transform:none}.si-speech{font-size:11px;color:#0fc;margin-top:10px;padding:8px 16px;border-left:3px solid #00ffcc;text-align:left;background:#0032284d;line-height:1.8}.lb-page{max-width:960px;margin:0 auto;padding:32px 24px;font-family:monospace;font-size:13px;color:#222;background:#fff;min-height:100vh}.lb-title{font-size:20px;font-weight:700;margin:0 0 4px;letter-spacing:0}.lb-subtitle{color:#666;margin:0 0 20px}.lb-status{color:#444}.lb-error{color:#c00}.lb-summary{margin-bottom:16px;color:#444;border-bottom:1px solid #ccc;padding-bottom:8px}.lb-list{display:flex;flex-direction:column;gap:2px}.lb-play{border:1px solid #ddd}.lb-play-header{display:flex;gap:16px;padding:8px 12px;cursor:pointer;background:#f9f9f9;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:baseline;flex-wrap:wrap}.lb-play-header:hover{background:#f0f0f0}.lb-index{color:#999;min-width:32px}.lb-date{min-width:160px}.lb-duration{min-width:72px;color:#555}.lb-completed.yes{color:#080}.lb-completed.no{color:#999}.lb-lives{min-width:72px;color:#333}.lb-toggle{margin-left:auto;color:#aaa;font-size:10px}.lb-events{padding:8px 12px 12px;border-top:1px solid #eee;background:#fff;display:flex;flex-direction:column;gap:3px}.lb-no-events{color:#aaa;font-style:italic}.lb-event-row{display:flex;gap:16px}.lb-ev-time{color:#aaa;min-width:80px}.lb-ev-type{min-width:160px;color:#333}.lb-ev-data{color:#666;word-break:break-all}