@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap";.retro-desktop{width:100vw;height:100vh;background:var(--retro-desktop);background-image:radial-gradient(circle at 20% 30%,rgba(123,45,142,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,128,128,.1) 0%,transparent 50%);display:flex;flex-direction:column;overflow:hidden;position:relative}.desktop-icons{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:16px;z-index:1}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:default;-webkit-user-select:none;user-select:none}.desktop-icon-img{font-size:28px;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}.desktop-icon span{color:#fff;font-size:11px;text-shadow:1px 1px 2px #000;text-align:center}.browser-window{position:relative;z-index:10;margin:8px 8px 0;flex:1;display:flex;flex-direction:column;min-height:0}.browser-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--content-bg)}.retro-taskbar{height:32px;background:var(--win-bg);border-top:2px outset var(--win-border-dark);display:flex;align-items:center;gap:4px;padding:2px 4px;z-index:100;flex-shrink:0}.taskbar-start-btn{display:flex;align-items:center;gap:4px;background:var(--win-button-face);border:2px outset var(--win-border-dark);padding:1px 8px;font-size:13px;font-weight:900;cursor:pointer;font-family:inherit;height:24px}.taskbar-start-btn:active{border-style:inset}.start-logo{color:var(--retro-green);font-size:10px}.taskbar-divider{width:2px;height:20px;border-left:1px solid var(--win-border-dark);border-right:1px solid var(--win-border-light)}.taskbar-item{display:flex;align-items:center;gap:4px;padding:2px 8px;font-size:12px;border:1px solid transparent;cursor:pointer;height:22px}.taskbar-item.active{border:1px inset var(--win-border-dark);background:#fff}.taskbar-clock{margin-left:auto;border:1px inset var(--win-border-dark);padding:2px 8px;font-size:12px;font-family:Courier New,monospace}@media (max-width: 768px){.desktop-icons{display:none}.browser-window{margin:2px}.retro-menubar,.retro-toolbar{display:none}.retro-taskbar{height:28px}}.home-view{min-height:100%;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1e3a5f 60%,#1a0a2e);color:#e0e0e0}.home-header{text-align:center;padding:16px 12px 8px;border-bottom:3px double var(--retro-purple)}.home-header-stars{color:var(--retro-yellow);font-size:11px;letter-spacing:4px;margin:2px 0}.home-logo-area{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.home-titles{text-align:left}.home-brand{margin:0;font-size:28px;color:var(--retro-cyan);text-shadow:2px 2px 0 var(--retro-purple),0 0 10px rgba(0,206,209,.3);letter-spacing:2px}.home-subtitle{color:var(--retro-yellow);font-size:14px;margin-top:2px}.home-content{display:grid;grid-template-columns:1fr 200px;gap:12px;padding:12px;max-width:960px;margin:0 auto}.home-main-panel{background:#fffffff2;color:#1a1a1a}.home-welcome h2{color:var(--retro-purple);text-align:center;font-size:20px;margin:8px 0 12px;border-bottom:2px solid var(--retro-purple);padding-bottom:8px}.home-desc{line-height:1.8;font-size:15px}.home-desc p{margin:6px 0}.home-highlight{color:var(--retro-red);font-weight:700;text-decoration:underline wavy var(--retro-red)}.home-rules-box{background:#ffc;border:2px solid var(--retro-orange);padding:10px 14px;margin:12px 0}.rules-title{font-weight:900;font-size:16px;color:var(--retro-orange);margin-bottom:6px}.rules-list{margin:0;padding-left:20px;line-height:1.8}.rules-list li{margin:2px 0}.home-start-area{text-align:center;padding:16px 0 8px}.home-start-btn{font-size:20px!important;padding:10px 40px!important;animation:start-pulse 2s ease-in-out infinite}@keyframes start-pulse{0%,to{box-shadow:0 0 #3a5fcd66}50%{box-shadow:0 0 0 8px #3a5fcd00}}.home-start-hint{margin-top:6px;font-size:12px;color:#888}.home-sidebar{display:flex;flex-direction:column;gap:12px}.sidebar-box{font-size:12px}.stat-line{margin:4px 0}.link-item{margin:4px 0;color:var(--link-color);cursor:pointer;text-decoration:underline}.home-footer-banner{background:var(--retro-purple);color:#fff;text-align:center;padding:4px 8px;font-size:11px;border-top:2px solid var(--retro-cyan)}@media (max-width: 768px){.home-content{grid-template-columns:1fr}.home-sidebar{flex-direction:row;flex-wrap:wrap}.sidebar-box{flex:1;min-width:140px}.home-brand{font-size:22px}}.difficulty-view{min-height:100%;background:linear-gradient(135deg,#1a0a2e,#2d1b4e);padding:16px}.difficulty-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.difficulty-card{border:3px solid #7b2d8e;background:#f5f0e8;padding:14px;cursor:pointer;text-align:center;font-family:inherit;transition:transform .1s,box-shadow .1s;position:relative}.difficulty-card:hover{transform:scale(1.03);box-shadow:0 0 12px #7b2d8e66}.difficulty-card:active{transform:scale(.98)}.difficulty-card:focus-visible{outline:2px solid var(--retro-cyan);outline-offset:2px}.diff-label{font-size:22px;font-weight:900;color:#7b2d8e;margin-bottom:4px}.diff-time{font-family:Courier New,monospace;font-size:28px;font-weight:900;color:#1a1a1a}.diff-seconds{font-size:13px;color:#666;margin:2px 0 6px}.diff-desc{font-size:13px;color:#444}.diff-badge{position:absolute;top:-8px;right:-8px;background:#dc3545;color:#fff;padding:2px 8px;font-size:12px;font-weight:700;transform:rotate(10deg);border:2px solid #fff}.difficulty-extreme{border-color:#dc3545}.difficulty-extreme .diff-label{color:#dc3545}.difficulty-hard{border-color:#ff8c00}.difficulty-hard .diff-label{color:#ff8c00}.difficulty-normal{border-color:#3a5fcd}.difficulty-normal .diff-label{color:#3a5fcd}.difficulty-easy{border-color:#2ecc40}.difficulty-easy .diff-label{color:#2ecc40}@media (max-width: 500px){.difficulty-grid{grid-template-columns:1fr}}.popup-ad{z-index:1001;animation:popup-appear .2s ease-out}@keyframes popup-appear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.banner-ad-container{position:fixed;z-index:900;animation:banner-slide .3s ease-out}.banner-ad-container.top{top:0;left:0;right:0}.banner-ad-container.bottom{bottom:32px;left:0;right:0}@keyframes banner-slide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.corner-ad{position:fixed;z-index:950;animation:corner-bounce .3s ease-out}@keyframes corner-bounce{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.minigame-window{z-index:1002;max-width:95vw;max-height:90vh;overflow:auto}.cookie-overlay{position:fixed;bottom:0;left:0;right:0;z-index:1005;background:#0009}.cookie-bar{background:#2d2d2d;color:#fff;padding:16px;border-top:3px solid var(--retro-orange)}.survey-option{display:block;width:100%;padding:8px 12px;margin:4px 0;text-align:left;background:var(--win-button-face);border:2px outset var(--win-border-dark);cursor:pointer;font-size:14px;font-family:inherit}.survey-option:hover{background:#d0d0d0}.survey-option:active{border-style:inset}.spinner-wheel{width:200px;height:200px;border-radius:50%;border:4px solid #333;position:relative;overflow:hidden;margin:0 auto}.spinner-segment{position:absolute;width:100%;height:100%}.wait-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1003}.wait-countdown-number{font-family:Courier New,monospace;font-size:48px;font-weight:900;color:var(--retro-yellow);text-shadow:0 0 10px var(--retro-orange)}.layer-ad-window{border:2px solid #555}.layer-toolbar{width:36px;background:#444;padding:4px;display:flex;flex-direction:column;gap:2px;border-right:1px solid #333;flex-shrink:0}.tool-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:14px;cursor:pointer;border:1px solid transparent}.tool-icon.selected{background:#666;border:1px solid #888}.tool-icon:hover{background:#555}.layer-canvas{flex:1;background:#777;display:flex;align-items:center;justify-content:center;padding:16px;min-height:250px}.layer-ad-content{background:#fff8e8;border:3px solid #ff8c00;padding:16px;max-width:320px;width:100%;box-shadow:-2px -2px 0 2px #4a90d9,2px -2px 0 2px #4a90d9,-2px 2px 0 2px #4a90d9,2px 2px 0 2px #4a90d9}.layer-panel{width:180px;background:#3a3a3a;border-left:1px solid #555;display:flex;flex-direction:column;flex-shrink:0}.layer-panel-title{padding:4px 8px;background:#333;color:#ccc;font-size:12px;font-weight:700;display:flex;justify-content:space-between;border-bottom:1px solid #555}.layer-item{display:flex;align-items:center;gap:4px;padding:4px 6px;cursor:pointer;font-size:12px;color:#ccc;border-bottom:1px solid #444}.layer-item:hover{background:#4a4a4a}.layer-item.selected{background:#4a90d9;color:#fff}.layer-eye{width:20px;height:16px;background:none;border:none;cursor:pointer;font-size:12px;padding:0;text-align:center;flex-shrink:0}.layer-icon{flex-shrink:0;width:16px;text-align:center}.layer-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pathfinder-canvas{position:relative;width:100%;aspect-ratio:4/3;background:#666;cursor:crosshair;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.selection-rect{position:absolute;border:2px dashed #4a90d9;background:#4a90d926;pointer-events:none}.pathfinder-target{position:absolute;background:#ff000003}.clipping-mask-container{position:relative;width:100%;aspect-ratio:4/3;background:#555;overflow:hidden;cursor:grab;touch-action:none}.clipping-mask-container:active{cursor:grabbing}.clipping-mask-viewport{position:absolute;width:100px;height:100px;border:3px dashed #fff;border-radius:50%;pointer-events:none;box-shadow:0 0 0 9999px #000000d9}.clipping-mask-close-btn{position:absolute;width:32px;height:32px;background:#dc3545;color:#fff;border:2px solid #fff;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center}.ai-assistant-avatar{width:64px;height:64px;border-radius:50%;border:3px solid #ffd700;background:linear-gradient(135deg,#c80,#fa0);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.ai-speech-bubble{background:#fff;border:2px solid #333;border-radius:0 12px 12px;padding:10px 14px;position:relative;max-width:250px;font-size:14px;line-height:1.6}.ai-speech-bubble:before{content:"";position:absolute;left:-10px;top:10px;border:5px solid transparent;border-right-color:#333}.ai-choice-btn{display:block;width:100%;padding:6px 10px;margin:4px 0;background:#fff8e0;border:2px solid #ffd700;cursor:pointer;font-size:13px;text-align:left;font-family:inherit}.ai-choice-btn:hover{background:gold}@media (max-width: 768px){.layer-panel{width:140px}.layer-toolbar{width:28px}.tool-icon{width:22px;height:22px;font-size:12px}.layer-canvas{min-height:180px;padding:8px}}.reading-view{display:flex;flex-direction:column;height:100%;position:relative}.reading-topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:var(--win-bg);border-bottom:2px solid var(--win-border-dark);gap:8px;flex-shrink:0}.reading-topbar-left{display:flex;align-items:center;gap:8px}.reading-label{font-weight:700;font-size:14px}.reading-difficulty-badge{background:var(--retro-purple);color:#fff;padding:1px 8px;font-size:12px;font-weight:700;border:1px solid #000}.reading-topbar-right{display:flex;align-items:center;gap:6px}.reading-content{flex:1;overflow-y:auto;background:var(--content-bg);padding:0}.article-container{max-width:720px;margin:0 auto;padding:16px 24px 40px;line-height:1.9}.article-title{font-size:22px;font-weight:900;color:var(--content-heading);border-bottom:3px double var(--retro-purple);padding-bottom:12px;margin:0 0 8px;line-height:1.5}.article-meta{font-size:12px;color:#888;margin-bottom:16px;padding-bottom:8px;border-bottom:1px dashed #ccc}.article-heading{font-size:18px;font-weight:700;color:var(--retro-purple);margin:28px 0 12px;padding-left:10px;border-left:4px solid var(--retro-purple)}.article-paragraph{margin:0 0 12px;font-size:15px;color:var(--content-text);text-align:justify}.article-end-mark{text-align:center;color:#aaa;margin-top:32px;padding-top:16px;border-top:1px dashed #ccc;font-size:14px}@media (max-width: 768px){.article-container{padding:12px 14px 32px}.article-title{font-size:18px}.article-paragraph{font-size:14px}.reading-topbar{padding:3px 6px}}.quiz-view{display:flex;flex-direction:column;height:100%;background:var(--content-bg);position:relative}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--win-bg);border-bottom:2px solid var(--win-border-dark);flex-shrink:0}.quiz-label{font-weight:700;font-size:14px}.quiz-progress{font-size:13px;color:#555}.quiz-nav{display:flex;gap:4px;padding:8px 12px;background:var(--win-bg);border-bottom:1px solid var(--win-border-dark);flex-shrink:0}.quiz-nav-btn{width:36px;height:30px;background:var(--win-button-face);border:2px outset var(--win-border-dark);cursor:pointer;font-weight:700;font-size:14px;font-family:inherit}.quiz-nav-btn.active{border-style:inset;background:var(--retro-blue);color:#fff}.quiz-nav-btn.answered{background:#d4edda}.quiz-nav-btn.active.answered{background:var(--retro-blue)}.quiz-content{flex:1;overflow-y:auto;padding:12px 16px}.quiz-question-box{max-width:640px;margin:0 auto}.quiz-question-number{font-size:12px;color:#888;margin-bottom:6px}.quiz-question-text{font-size:16px;font-weight:700;line-height:1.6;margin-bottom:16px;color:var(--content-heading)}.quiz-choices{display:flex;flex-direction:column;gap:8px}.quiz-choice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:2px solid #ddd;cursor:pointer;transition:border-color .1s,background-color .1s;font-size:15px;line-height:1.5}.quiz-choice:hover:not(.disabled){border-color:var(--retro-blue);background:#f0f4ff}.quiz-choice.selected{border-color:var(--retro-blue);background:#e0ebff}.quiz-choice.disabled{cursor:not-allowed;opacity:.7}.choice-label{font-weight:700;color:var(--retro-blue);flex-shrink:0}.choice-text{flex:1}.quiz-bottom{display:flex;justify-content:space-between;padding:10px 16px;background:var(--win-bg);border-top:2px solid var(--win-border-dark);flex-shrink:0}@media (max-width: 768px){.quiz-question-text{font-size:14px}.quiz-choice{padding:8px 10px;font-size:13px}}.results-view{min-height:100%;background:#2a2035;padding:24px 16px;display:flex;justify-content:center}.results-container{width:100%;max-width:540px;display:flex;flex-direction:column;gap:16px}.retro-receipt-paper{background:#fdfaf3;color:#1a1a1a;border:1px solid #c8bead;box-shadow:0 4px 12px #0006,0 0 0 1px #0000001a;padding:24px 20px 20px;font-family:Courier New,MingLiU,monospace;position:relative}.receipt-header{text-align:center}.receipt-brand{font-size:15px;font-weight:900;letter-spacing:2px;color:#1a1a1a}.receipt-title{font-size:20px;font-weight:900;margin:6px 0 2px;letter-spacing:3px;color:#000}.receipt-subtitle{font-size:10px;color:#666;letter-spacing:1px}.receipt-divider{text-align:center;color:#999;letter-spacing:2px;margin:8px 0;overflow:hidden;font-weight:700;-webkit-user-select:none;user-select:none}.receipt-meta-row{display:flex;justify-content:space-between;font-size:12px;color:#444;margin:2px 0}.receipt-section{margin:8px 0}.receipt-section-title{font-size:13px;font-weight:700;color:#222;margin-bottom:6px;border-bottom:1px dashed #bbb;padding-bottom:2px}.receipt-table{width:100%;border-collapse:collapse;font-size:13px}.receipt-table td{padding:3px 0}.receipt-table .receipt-val{text-align:right;font-weight:700;white-space:nowrap}.receipt-table .highlight-red{color:#c00000}.receipt-table .highlight-score{font-size:15px;color:#0050b3}.receipt-reflection-text{font-size:13px;line-height:1.6;color:#2a2a2a;background:#f4eee2;border-left:3px solid #888;padding:8px 10px;margin:4px 0 8px}.receipt-note{font-size:11px;color:#777;line-height:1.4}.receipt-footer-text{text-align:center;font-size:11px;color:#555;line-height:1.5;margin-top:4px}.results-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.answer-review-window{width:100%}.review-item{border:1px solid #bbb;padding:10px;margin-bottom:10px;background:#faf8f5}.review-item.correct{border-left:4px solid #2ecc40}.review-item.wrong{border-left:4px solid #dc3545}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.review-num{font-weight:700;font-size:13px}.review-status{font-size:12px;font-weight:700;padding:1px 6px}.tag-correct{background:#e6f9e6;color:#007000;border:1px solid #8ce08c}.tag-wrong{background:#fde8e8;color:#c00000;border:1px solid #f5a3a3}.review-question{font-size:13px;font-weight:600;color:#111;margin-bottom:8px;line-height:1.4}.review-choices{display:flex;flex-direction:column;gap:4px;font-size:12px}.review-opt{display:flex;align-items:baseline;gap:6px;padding:3px 6px;background:#fff;border:1px solid #eee;color:#444}.review-opt.right-answer{background:#e9f5e9;border-color:#8ce08c;color:#006000;font-weight:700}.review-opt.player-wrong{background:#fdf0f0;border-color:#f5a3a3;color:#c00000}.opt-marker{font-family:monospace;font-weight:700;flex-shrink:0}.printable-view{min-height:100%;background:#1e142b;padding:20px 16px;display:flex;flex-direction:column;align-items:center}.printable-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:12px}.printable-preview-note{font-size:12px;color:#c9bfe3;margin-bottom:20px;text-align:center;max-width:500px}.printable-card-outer{width:100%;max-width:480px;background:#fff;padding:12px;box-shadow:0 8px 24px #00000080;border:1px solid #999}.printable-card-frame{border:2px solid #222;outline:1px solid #666;outline-offset:-5px;padding:20px 16px;background:#faf8f5;color:#111;font-family:Courier New,MingLiU,monospace}.card-header{text-align:center}.card-badge{display:inline-block;background:#222;color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;padding:2px 8px;margin-bottom:6px}.card-brand{font-size:22px;font-weight:900;letter-spacing:3px;margin:4px 0 2px;color:#111}.card-subtitle{font-size:11px;color:#555;letter-spacing:1px}.card-hr{border:none;border-top:2px dashed #888;margin:12px 0}.card-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:12px}.card-info-cell{display:flex;justify-content:space-between;border-bottom:1px dotted #ccc;padding-bottom:2px}.card-label{color:#555}.card-value{font-weight:700}.card-value.highlight{color:#0050b3}.card-value.highlight-score{color:#d4380d;font-size:13px}.card-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center}.card-stat-box{border:1px solid #ccc;background:#fff;padding:4px 2px}.stat-title{display:block;font-size:10px;color:#666;white-space:nowrap}.stat-num{display:block;font-size:16px;font-weight:900;color:#111;margin:2px 0}.stat-num.stat-danger{color:#cf1322}.stat-unit{font-size:9px;color:#888}.card-verdict{background:#f0ebe1;border:1px solid #d5cdbf;padding:8px 12px}.card-verdict-text{margin:0;font-family:inherit;font-size:12px;line-height:1.5;white-space:pre-wrap;color:#222;font-weight:600}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:8px;border-top:1px solid #ddd}.card-stamp{border:2px solid #a8071a;color:#a8071a;padding:3px 8px;font-size:11px;font-weight:900;letter-spacing:2px;transform:rotate(-5deg);display:inline-block;-webkit-user-select:none;user-select:none}.card-footer-info{font-size:9px;color:#666;text-align:right;line-height:1.4}@media print{.no-print,.retro-desktop-taskbar,.retro-menubar,.retro-toolbar,.retro-addressbar,.retro-statusbar,.retro-window-title,.retro-window-controls{display:none!important}html,body,#root,.retro-desktop,.retro-desktop-content,.retro-browser-window,.retro-browser-body,.printable-view{background:#fff!important;background-image:none!important;margin:0!important;padding:0!important;height:auto!important;width:100%!important;overflow:visible!important;box-shadow:none!important;border:none!important}.printable-card-outer{max-width:140mm;margin:20mm auto!important;box-shadow:none!important;border:1px solid #000!important;page-break-inside:avoid}.printable-card-frame{background:#fff!important;border-color:#000!important}}:root{--retro-bg: #1a0a2e;--retro-desktop: #2d1b4e;--retro-purple: #7b2d8e;--retro-purple-light: #a855c7;--retro-blue: #3a5fcd;--retro-blue-dark: #1e3a7a;--retro-cyan: #00ced1;--retro-cyan-dark: #008b8d;--retro-yellow: #ffd700;--retro-yellow-light: #fff44f;--retro-orange: #ff8c00;--retro-red: #dc3545;--retro-green: #2ecc40;--retro-pink: #ff69b4;--win-bg: #c0c0c0;--win-title: linear-gradient(90deg, #000080, #1084d0);--win-title-text: #ffffff;--win-border-light: #dfdfdf;--win-border-dark: #404040;--win-border-darkest: #000000;--win-button-face: #c0c0c0;--win-button-highlight: #ffffff;--win-button-shadow: #808080;--content-bg: #f5f0e8;--content-text: #1a1a1a;--content-heading: #2a1050;--link-color: #0000ee;--link-visited: #551a8b;--scrollbar-track: #c0c0c0;--scrollbar-thumb: #808080;--scrollbar-button: #c0c0c0}*{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;background:var(--retro-bg);color:var(--content-text);overflow:hidden;height:100vh;width:100vw}.retro-pixel-text{font-family:MS Gothic,MingLiU,monospace;letter-spacing:1px}.retro-window{border:2px solid var(--win-border-darkest);background:var(--win-bg);box-shadow:inset 1px 1px 0 var(--win-border-light),inset -1px -1px 0 var(--win-border-dark),3px 3px #0006;display:flex;flex-direction:column}.retro-window-title{background:var(--win-title);color:var(--win-title-text);padding:3px 4px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;gap:6px;min-height:24px}.retro-window-title .title-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-window-title .title-icon{width:16px;height:16px;flex-shrink:0}.retro-window-controls{display:flex;gap:2px;flex-shrink:0}.retro-window-btn{width:18px;height:16px;background:var(--win-button-face);border:1px solid var(--win-border-darkest);box-shadow:inset 1px 1px 0 var(--win-button-highlight),inset -1px -1px 0 var(--win-button-shadow);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;cursor:pointer;padding:0;line-height:1;color:#000}.retro-window-btn:active{box-shadow:inset -1px -1px 0 var(--win-button-highlight),inset 1px 1px 0 var(--win-button-shadow)}.retro-window-btn.close-btn{color:#000}.retro-window-body{flex:1;overflow:auto}.retro-menubar{background:var(--win-bg);border-bottom:1px solid var(--win-border-dark);padding:1px 0;display:flex;gap:0;font-size:13px}.retro-menu-item{padding:2px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.retro-menu-item:hover{background:var(--retro-blue-dark);color:#fff}.retro-addressbar{background:var(--win-bg);border-bottom:1px solid var(--win-border-dark);padding:3px 6px;display:flex;align-items:center;gap:4px;font-size:12px}.retro-addressbar label{font-weight:700;color:#000;white-space:nowrap}.retro-addressbar .address-input{flex:1;background:#fff;border:2px inset var(--win-border-dark);padding:2px 6px;font-size:12px;font-family:Courier New,monospace;color:#000}.retro-addressbar .go-btn{background:var(--win-button-face);border:2px outset var(--win-border-dark);padding:1px 8px;font-size:12px;cursor:pointer;font-weight:700}.retro-toolbar{background:var(--win-bg);border-bottom:1px solid var(--win-border-dark);padding:2px 4px;display:flex;align-items:center;gap:2px}.retro-toolbar-btn{background:var(--win-button-face);border:1px solid transparent;padding:2px 6px;font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px}.retro-toolbar-btn:hover{border:1px outset var(--win-border-dark)}.retro-btn{background:var(--win-button-face);border:2px outset var(--win-border-dark);padding:4px 16px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;color:#000;text-align:center;min-width:80px;-webkit-user-select:none;user-select:none}.retro-btn:hover{background:#d0d0d0}.retro-btn:active{border-style:inset}.retro-btn:focus-visible{outline:1px dotted #000;outline-offset:-4px}.retro-btn:disabled{color:gray;cursor:not-allowed}.retro-btn.primary{background:var(--retro-blue);color:#fff;border-color:var(--retro-blue-dark)}.retro-btn.primary:hover{background:#4a6fdd}.retro-btn.danger{background:var(--retro-red);color:#fff}.retro-btn.success{background:var(--retro-green);color:#000}.retro-btn.warning{background:var(--retro-orange);color:#000}.retro-btn.large{padding:8px 24px;font-size:18px}.retro-inset{border:2px inset var(--win-border-dark);background:#fff;padding:8px}.retro-scrollable::-webkit-scrollbar{width:18px}.retro-scrollable::-webkit-scrollbar-track{background:var(--scrollbar-track);border-left:1px solid var(--win-border-dark)}.retro-scrollable::-webkit-scrollbar-thumb{background:var(--scrollbar-button);border:2px outset var(--win-border-dark)}.retro-scrollable::-webkit-scrollbar-button{background:var(--scrollbar-button);border:1px outset var(--win-border-dark);height:18px}.retro-statusbar{background:var(--win-bg);border-top:1px solid var(--win-border-dark);padding:2px 6px;font-size:12px;display:flex;gap:8px}.retro-statusbar-section{border:1px inset var(--win-border-dark);padding:1px 6px;flex:1}.retro-marquee{background:var(--retro-yellow);color:#000;font-weight:700;padding:3px 0;overflow:hidden;white-space:nowrap;font-size:13px;border-top:2px solid var(--retro-orange);border-bottom:2px solid var(--retro-orange)}.retro-marquee .marquee-inner{display:inline-block;animation:marquee-scroll 12s linear infinite}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.retro-tabs{display:flex;gap:0;background:var(--win-bg);padding:4px 4px 0}.retro-tab{background:var(--win-bg);border:1px solid var(--win-border-dark);border-bottom:none;padding:3px 12px;font-size:13px;cursor:pointer;position:relative;top:1px}.retro-tab.active{background:var(--content-bg);border-bottom:1px solid var(--content-bg);font-weight:700}.retro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.retro-progress{height:20px;background:#fff;border:2px inset var(--win-border-dark);position:relative}.retro-progress-fill{height:100%;background:var(--retro-blue);transition:width .3s}.retro-progress-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}@keyframes retro-blink{0%,to{opacity:1}50%{opacity:0}}.retro-blink{animation:retro-blink 1s step-end infinite}.retro-pixel-border{border:3px solid var(--retro-purple);box-shadow:0 0 0 1px var(--retro-cyan),0 0 0 3px var(--retro-purple-light)}.retro-star{display:inline-block;color:var(--retro-yellow);text-shadow:0 0 4px var(--retro-orange)}.retro-timer{font-family:Courier New,monospace;font-weight:900;font-size:20px;color:var(--retro-yellow);text-shadow:0 0 6px var(--retro-orange),0 0 12px rgba(255,140,0,.4);background:#1a0a2e;border:2px inset var(--win-border-dark);padding:2px 10px;letter-spacing:2px}.retro-timer.warning{color:var(--retro-red);text-shadow:0 0 6px var(--retro-red);animation:retro-blink .5s step-end infinite}.retro-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border:2px inset var(--win-border-dark);cursor:pointer;vertical-align:middle;position:relative}.retro-checkbox:checked:after{content:"✓";position:absolute;top:-3px;left:1px;font-size:14px;font-weight:900;color:#000}.retro-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border:2px inset var(--win-border-dark);border-radius:50%;cursor:pointer;vertical-align:middle;position:relative}.retro-radio:checked:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;background:#000;border-radius:50%}.retro-tooltip{background:var(--retro-yellow-light);border:1px solid #000;padding:4px 8px;font-size:12px;color:#000;box-shadow:2px 2px #0000004d;max-width:200px}@media (prefers-reduced-motion: reduce){.retro-marquee .marquee-inner,.retro-blink{animation:none!important}}@media print{body{background:#fff!important;overflow:visible!important}.no-print{display:none!important}.print-only{display:block!important}}.print-only{display:none}@media (max-width: 768px){html{font-size:14px}.retro-btn{min-width:60px;padding:6px 12px;font-size:13px}.retro-window-title{font-size:12px}}