:root{--color-background: #eae5dc;--color-paper: #faf8f4;--color-surface: #ffffff;--color-paper-warm: #f4efe6;--color-paper-tint: #eee9dc;--color-ink: #121212;--color-ink-secondary: #383838;--color-text: #121212;--color-text-secondary: #5c5c5c;--color-text-faint: #888888;--color-border: #dfd9cb;--color-border-dark: #121212;--color-primary: #f59e0b;--color-primary-dark: #d97706;--color-primary-light: #fffbeb;--color-primary-border: #fcd34d;--color-secondary: #121212;--color-error: #c92a2a;--color-error-light: #fff5f5;--color-error-border: #fca5a5;--color-success: #087f5b;--color-success-light: #e6fcf5;--color-success-border: #6ee7b7;--font-masthead: "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-ui: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-hand: "Caveat", cursive, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-paper: 0 4px 14px rgba(35, 25, 10, .08), 0 1px 3px rgba(0, 0, 0, .05);--shadow-card: 0 8px 24px -4px rgba(35, 25, 10, .12), 0 2px 6px rgba(0, 0, 0, .04);--shadow-press: 3px 3px 0px #121212;--shadow-press-active: 1px 1px 0px #121212;--transition-fast: .12s ease;--transition-normal: .22s ease}body{background-color:var(--color-background);background-image:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.6) 0%,transparent 60%),linear-gradient(#dfd8cc 1px,transparent 1px),linear-gradient(90deg,#dfd8cc 1px,transparent 1px);background-size:100% 100%,36px 36px,36px 36px;color:var(--color-text);margin:0;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100vh}@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;min-height:100%;width:100%;background-color:var(--color-background, #eae5dc);color:var(--color-ink, #121212);overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root,.app-container{width:100%;height:100%;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit}.start-screen{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;min-height:100dvh;padding:12px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));background-color:transparent;color:var(--color-ink);font-family:var(--font-ui);position:relative;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.content-wrapper{display:flex;flex-direction:column;justify-content:space-between;flex:1;max-width:480px;margin:0 auto;width:100%;position:relative;padding:var(--spacing-sm) 0}.header-top{width:100%;display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.broadsheet-folio{background:var(--color-paper);border:1px solid var(--color-border);padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;color:var(--color-ink-secondary);display:flex;align-items:center;gap:8px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 1px 3px #0000000d}.folio-brand{color:var(--color-primary-dark);font-weight:800;letter-spacing:.75px}.folio-sep{color:var(--color-border)}.games-counter{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary)}.dot{color:var(--color-success);font-size:1.1em;line-height:0;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.9)}}.dropper-sticky-note{background:#fef08a;border:1px solid #fde047;border-radius:2px;padding:12px 16px 10px;position:relative;margin:var(--spacing-xs) auto var(--spacing-md);max-width:320px;width:calc(100% - 32px);box-shadow:2px 3px 8px #00000014;transform:rotate(-1deg);transition:transform .2s ease}.dropper-sticky-note:hover{transform:rotate(0) scale(1.01)}.tape-strip{position:absolute;top:-9px;left:50%;transform:translate(-50%);width:72px;height:18px;background:#fef08abf;border:1px dashed rgba(161,98,7,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sticky-content{display:flex;flex-direction:column;text-align:center;gap:3px}.sticky-tag{font-family:var(--font-ui);font-size:.75rem;font-weight:800;color:#854d0e;text-transform:uppercase;letter-spacing:.5px}.sticky-quote{font-family:var(--font-hand);font-size:1.05rem;line-height:1.25;font-weight:700;color:#713f12}.hero-text{margin:var(--spacing-md) 0 var(--spacing-lg);text-align:center}.edition-pill{display:inline-block;background:var(--color-ink);color:var(--color-paper);padding:3px 10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.title{font-family:var(--font-masthead);font-size:clamp(2.1rem,9.5vw,3.6rem);line-height:.95;font-weight:900;text-transform:uppercase;margin:0;color:var(--color-ink);letter-spacing:-1.2px;text-shadow:1px 1px 0px rgba(255,255,255,.8)}@media(max-width:380px){.title{font-size:2.1rem;letter-spacing:-.8px}}.subtitle{font-family:var(--font-ui);font-size:1.15rem;color:var(--color-ink-secondary);text-transform:uppercase;font-weight:800;letter-spacing:1.5px;margin-top:var(--spacing-sm)}.action-area{margin-top:auto;padding-bottom:var(--spacing-md);width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.start-btn{background:var(--color-primary);border:2px solid var(--color-ink);color:var(--color-ink);padding:16px 20px;border-radius:var(--radius-md);width:100%;position:relative;cursor:pointer;box-shadow:var(--shadow-press);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all var(--transition-fast)}.start-btn:hover{background:#fbbf24;transform:translate(-1px,-1px);box-shadow:4px 4px #121212}.start-btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-press-active)}.btn-main-text{font-size:1.25rem;font-weight:900;letter-spacing:1px;text-transform:uppercase}.btn-sub-text{font-size:.75rem;font-weight:600;opacity:.85;letter-spacing:.5px}.friend-btn{background:var(--color-surface);border:2px solid var(--color-ink);color:var(--color-ink);font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.75px;padding:14px 18px;border-radius:var(--radius-md);width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-press);transition:all var(--transition-fast)}.friend-btn:hover{background:var(--color-paper-warm);transform:translate(-1px,-1px);box-shadow:4px 4px #121212}.friend-btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-press-active)}.footer-text{text-align:center;color:var(--color-text-secondary);font-size:.8rem;font-weight:600;margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:4px;line-height:1.4}.download-hint{color:var(--color-primary-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}.radar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;gap:var(--spacing-lg)}.desk-badge{background:var(--color-paper);border:1px solid var(--color-border);padding:4px 12px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-ink-muted)}.searching-text{font-family:var(--font-masthead);font-size:1.7rem;font-weight:900;color:var(--color-ink);letter-spacing:.5px;margin:0}.searching-subtext{font-size:.9rem;color:var(--color-text-secondary);max-width:320px;margin:-10px 0 0;line-height:1.4}.radar-wrapper{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin:10px 0}.radar-circle{position:absolute;border-radius:50%;border:2px solid var(--color-primary)}.c1{width:100%;height:100%;animation:ripple-radar 2.2s infinite ease-out}.c2{width:70%;height:70%;animation:ripple-radar 2.2s infinite ease-out .7s}.c3{width:40%;height:40%;animation:ripple-radar 2.2s infinite ease-out 1.4s}@keyframes ripple-radar{0%{transform:scale(.6);opacity:.8;border-color:var(--color-primary-dark)}to{transform:scale(1.35);opacity:0;border-color:transparent}}.radar-icon-box{width:60px;height:60px;background:var(--color-ink);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 15px #00000026;border:2px solid var(--color-primary)}.radar-letter{font-family:var(--font-mono);font-size:1.3rem;font-weight:800;color:var(--color-paper)}.cancel-btn{border:2px solid var(--color-ink);color:var(--color-ink);padding:10px 24px;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;background:var(--color-surface);cursor:pointer;box-shadow:var(--shadow-press);transition:all var(--transition-fast)}.cancel-btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-press-active)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#12121299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background:var(--color-paper);border:2px solid var(--color-ink);padding:28px 24px;border-radius:var(--radius-lg);width:100%;max-width:360px;text-align:center;position:relative;box-shadow:6px 6px 0 var(--color-ink);animation:modalSlide .25s ease-out}@keyframes modalSlide{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:80px;height:20px;background:#fef08ad9;border:1px dashed rgba(161,98,7,.3)}.modal-content h3{font-family:var(--font-masthead);margin:0 0 6px;font-size:1.5rem;font-weight:800;color:var(--color-ink)}.modal-sub{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:20px}.link-box{display:flex;gap:8px;margin-bottom:20px}.link-box input{flex:1;background:var(--color-surface);border:1.5px solid var(--color-border);padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-ink);font-family:var(--font-mono);font-size:.85rem}.copy-btn{background:var(--color-ink);border:1.5px solid var(--color-ink);width:44px;border-radius:var(--radius-sm);color:var(--color-paper);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:#383838}.modal-actions{display:flex;flex-direction:column;gap:10px}.share-btn{background:var(--color-primary);color:var(--color-ink);font-weight:800;padding:13px;border-radius:var(--radius-md);border:2px solid var(--color-ink);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-transform:uppercase;font-size:.85rem;box-shadow:2px 2px 0 var(--color-ink);transition:all var(--transition-fast)}.share-btn:hover{background:#fbbf24}.share-btn:active{transform:translate(1px,1px);box-shadow:none}.close-btn{background:transparent;color:var(--color-ink-muted);padding:10px;border:none;cursor:pointer;font-weight:700;font-size:.85rem}.close-btn:hover{color:var(--color-ink)}@media(max-height:640px){.start-screen{padding:6px 8px}.content-wrapper{padding:4px 0}.header-top{margin-bottom:4px}.broadsheet-folio{padding:3px 10px;font-size:.68rem}.dropper-sticky-note{padding:6px 10px;margin:4px auto 8px;max-width:280px}.sticky-quote{font-size:.88rem}.hero-text{margin:4px 0 8px}.title{font-size:clamp(1.8rem,7.5vw,2.5rem)}.subtitle{font-size:.85rem;margin-top:2px}.action-area{gap:6px;padding-bottom:4px}.start-btn{padding:10px 14px}.btn-main-text{font-size:1.05rem}.btn-sub-text{font-size:.72rem}.friend-btn{padding:9px 14px;font-size:.8rem}.footer-text{font-size:.75rem;margin-top:2px}}.duel-screen{display:flex;flex-direction:column;width:100%;min-height:100%;min-height:100dvh;height:100dvh;max-height:100dvh;padding:6px 8px;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right));max-width:540px;margin:0 auto;background:transparent;box-sizing:border-box;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease;border:2px solid transparent}.duel-screen.urgent-screen{box-shadow:inset 0 0 24px #c92a2a73;border-color:var(--color-error);border-radius:var(--radius-md);animation:urgent-pulse 1s infinite alternate}@keyframes urgent-pulse{0%{box-shadow:inset 0 0 10px #c92a2a40;border-color:#c92a2a80}to{box-shadow:inset 0 0 32px #c92a2ab3;border-color:#c92a2a}}.centering{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:16px}.waiting-card{background:var(--color-paper);padding:22px 18px;border-radius:var(--radius-md);text-align:center;max-width:400px;width:100%;border:2px solid var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);position:relative;box-sizing:border-box}.waiting-card h2{font-family:var(--font-masthead);margin:0 0 8px;color:var(--color-ink);font-size:1.3rem}.waiting-card p{color:var(--color-text-secondary);margin-bottom:14px;font-size:.85rem;line-height:1.4}.waiting-pill{background:var(--color-paper-warm);border:1px solid var(--color-border);padding:7px 14px;border-radius:var(--radius-full);color:var(--color-ink-muted);display:inline-block;font-size:.8rem;font-weight:700;font-family:var(--font-mono);animation:pulse-waiting 2s infinite}@keyframes pulse-waiting{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.link-sharing-mini{display:flex;gap:6px;margin-bottom:12px}.link-sharing-mini input{flex:1;min-width:0;background:var(--color-surface);border:1.5px solid var(--color-border);padding:7px 10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.78rem}.link-sharing-mini button{background:var(--color-ink);color:var(--color-paper);padding:7px 12px;border-radius:var(--radius-sm);font-weight:700;font-size:.8rem;cursor:pointer;flex-shrink:0}.duel-header{display:flex;justify-content:space-between;align-items:center;height:42px;min-height:42px;padding:3px 8px;background:var(--color-paper);border:2px solid var(--color-ink);border-radius:var(--radius-md);box-shadow:2px 2px 0 var(--color-ink);margin-bottom:6px;position:relative;gap:4px;flex-shrink:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.player-side{display:flex;align-items:center;gap:5px;flex:1 1 0;min-width:0}.player-side.left-align{justify-content:flex-start}.player-side.right-align{justify-content:flex-end}.avatar-box{width:28px;height:28px;min-width:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:800;font-family:var(--font-mono);flex-shrink:0}.player-avatar{background:#e0f2fe;color:#0369a1;border:1.5px solid #0284c7}.opponent-avatar{background:#fef3c7;color:#b45309;border:1.5px solid #d97706}.text-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.text-right{text-align:right;align-items:flex-end}.name{font-weight:800;font-size:.74rem;color:var(--color-ink);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.role-tag{font-size:.58rem;color:var(--color-text-secondary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.thinking-tag{color:var(--color-primary-dark);font-weight:800;font-size:.58rem;letter-spacing:.2px;animation:pulse-thinking 1.2s infinite}@keyframes pulse-thinking{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.score-pill{background:var(--color-surface);border:1.5px solid var(--color-ink);padding:1px 6px;border-radius:var(--radius-sm);font-weight:800;font-family:var(--font-mono);font-size:.95rem;color:var(--color-ink);min-width:25px;text-align:center;flex-shrink:0;line-height:1.2}.opponent-pill{background:var(--color-paper-warm)}.timer-container{background:var(--color-primary-light);border:1.5px solid var(--color-primary-border);padding:3px 8px;border-radius:var(--radius-full);display:flex;align-items:center;gap:3px;box-shadow:0 1px 2px #0000000a;transition:all .2s ease;flex:0 0 auto}.timer-icon{color:var(--color-primary-dark);width:13px;height:13px;flex-shrink:0}.timer-text{color:var(--color-primary-dark);font-family:var(--font-mono);font-weight:800;font-size:.88rem;letter-spacing:.5px}.timer-container.warning{background:var(--color-error-light);border-color:var(--color-error-border);animation:timer-flash .8s infinite}.timer-container.warning .timer-icon,.timer-container.warning .timer-text{color:var(--color-error)}@keyframes timer-flash{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.duel-content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:2px}.question-card{background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-md);padding:8px 12px;box-shadow:2px 2px 0 var(--color-ink);display:flex;flex-direction:column;gap:5px;flex-shrink:0;max-height:44%;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.q-meta{display:flex;justify-content:space-between;align-items:center;gap:4px}.q-chapter-badge{background:var(--color-primary-light);border:1px solid var(--color-primary-border);color:#92400e;font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75%}.q-urgent-tag{display:flex;align-items:center;gap:3px;font-size:.65rem;font-weight:800;color:var(--color-error);text-transform:uppercase;flex-shrink:0}.q-text{font-family:var(--font-ui);font-size:clamp(.88rem,2.9vw,1.02rem);line-height:1.34;font-weight:700;color:var(--color-ink);margin:0;word-break:break-word}.options-grid{display:flex;flex-direction:column;gap:6px;width:100%;flex-shrink:0}.option-btn{background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-md);padding:7px 10px;min-height:42px;text-align:left;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:2px 2px 0 var(--color-ink);color:var(--color-ink);width:100%;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.option-btn:hover:not(:disabled){background-color:var(--color-paper-warm);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-ink)}.option-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-ink)}.opt-letter{background:var(--color-paper-tint);border:1.5px solid var(--color-ink);width:24px;height:24px;min-width:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.72rem;font-weight:800;color:var(--color-ink);flex-shrink:0}.opt-text{font-size:clamp(.8rem,2.5vw,.88rem);font-weight:600;line-height:1.28;word-break:break-word;flex:1}.option-btn.correct{background-color:var(--color-success-light)!important;border-color:var(--color-success)!important;color:var(--color-success)!important}.option-btn.correct .opt-letter{background-color:var(--color-success)!important;border-color:var(--color-success)!important;color:#fff!important}.option-btn.wrong{background-color:var(--color-error-light)!important;border-color:var(--color-error)!important;color:var(--color-error)!important}.option-btn.wrong .opt-letter{background-color:var(--color-error)!important;border-color:var(--color-error)!important;color:#fff!important}.option-btn.correct-reveal{border:2px dashed var(--color-success)!important;background-color:var(--color-success-light)!important;color:var(--color-success)!important}.option-btn.correct-reveal .opt-letter{background-color:var(--color-success)!important;color:#fff!important}.option-btn.dim{opacity:.45}@media(max-width:360px){.duel-screen{padding:4px 6px}.duel-header{padding:3px 5px;gap:3px;height:38px;min-height:38px}.avatar-box{width:24px;height:24px;min-width:24px;font-size:.78rem}.name{font-size:.68rem;max-width:48px}.role-tag{display:none}.score-pill{padding:1px 4px;font-size:.85rem;min-width:20px}.timer-container{padding:2px 5px;gap:2px}.timer-icon{width:11px;height:11px}.timer-text{font-size:.78rem}.question-card{padding:6px 10px;gap:4px}.q-text{font-size:.85rem;line-height:1.28}.options-grid{gap:5px}.option-btn{padding:6px 8px;min-height:38px;gap:6px}.opt-letter{width:20px;height:20px;min-width:20px;font-size:.68rem}.opt-text{font-size:.78rem}}@media(max-height:620px){.duel-screen{padding:4px 6px}.duel-header{margin-bottom:4px;height:36px;min-height:36px;padding:2px 6px}.avatar-box{width:24px;height:24px;min-width:24px}.question-card{padding:6px 8px;gap:3px;max-height:38%}.q-text{font-size:.84rem;line-height:1.26}.options-grid{gap:4px}.option-btn{padding:5px 8px;min-height:36px}.opt-letter{width:20px;height:20px;min-width:20px;font-size:.68rem}.opt-text{font-size:.78rem;line-height:1.22}}@media(min-width:580px){.duel-screen{padding:12px 16px}.duel-header{height:48px;min-height:48px;padding:4px 12px;margin-bottom:10px}.avatar-box{width:32px;height:32px;min-width:32px;font-size:.95rem}.name{font-size:.82rem;max-width:80px}.role-tag{font-size:.65rem;max-width:80px}.question-card{padding:14px 16px;gap:8px}.q-text{font-size:1.05rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option-btn{min-height:48px;padding:10px 14px}}.result-screen{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);min-height:100vh;background:transparent;color:var(--color-ink);font-family:var(--font-ui);box-sizing:border-box}.result-content-wrap{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto;gap:var(--spacing-md);padding:var(--spacing-sm) 0 var(--spacing-xl)}.result-header{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:var(--spacing-xs)}.broadsheet-stamp{display:inline-flex;flex-direction:column;align-items:center;padding:8px 24px;border-radius:var(--radius-sm);box-shadow:0 2px 6px #0000000f;transition:transform .2s ease}.broadsheet-stamp.victory{border:3px dashed var(--color-success);color:var(--color-success);background:var(--color-success-light);transform:rotate(-1.5deg)}.broadsheet-stamp.defeat{border:3px dashed var(--color-error);color:var(--color-error);background:var(--color-error-light);transform:rotate(1.5deg)}.broadsheet-stamp.draw{border:3px dashed var(--color-ink);color:var(--color-ink);background:var(--color-paper-warm);transform:rotate(0)}.stamp-label{font-family:var(--font-mono);font-size:.65rem;font-weight:800;letter-spacing:1px;opacity:.85}.outcome-text{font-family:var(--font-masthead);font-size:2.2rem;font-weight:900;letter-spacing:.5px;margin:2px 0 0;text-transform:uppercase}.outcome-sub{font-size:.88rem;color:var(--color-text-secondary);max-width:340px;margin:0;line-height:1.35}.rating-pill{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border:1.5px solid var(--color-ink);color:var(--color-ink);padding:4px 14px;border-radius:var(--radius-full);font-size:.82rem;box-shadow:2px 2px 0 var(--color-ink);margin-top:4px}.rating-pill.positive strong{color:var(--color-success)}.rating-pill.negative strong{color:var(--color-error)}.score-display-card{background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-press);display:flex;align-items:center;justify-content:space-around;padding:16px 20px;width:100%}.score-side{display:flex;flex-direction:column;align-items:center;gap:4px}.avatar-chip{display:flex;align-items:center;gap:6px}.chip-icon{font-size:1.1rem;line-height:1}.player-tag{font-family:var(--font-mono);font-size:.72rem;font-weight:800;color:var(--color-text-secondary);letter-spacing:.5px}.score-val{font-family:var(--font-mono);font-size:3.2rem;font-weight:900;line-height:1;color:var(--color-ink-muted)}.score-val.winner{color:var(--color-ink);text-shadow:1px 1px 0px rgba(0,0,0,.1)}.score-divider{font-family:var(--font-mono);font-size:1.1rem;font-weight:800;color:var(--color-border)}.performance-card{background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-press);width:100%;padding:18px 20px}.card-header-row{margin-bottom:14px;border-bottom:1px solid var(--color-border);padding-bottom:10px}.card-header{display:block;font-family:var(--font-ui);font-size:.8rem;text-transform:uppercase;color:var(--color-ink);letter-spacing:.75px;font-weight:800}.card-sub{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-top:2px}.chapter-row{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:10px}.chapter-row:last-child{margin-bottom:0}.row-top{display:flex;justify-content:space-between;margin-bottom:4px;align-items:center}.chap-title{font-weight:700;font-size:.9rem;color:var(--color-ink)}.acc-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:var(--radius-sm)}.acc-badge.high{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-border)}.acc-badge.low{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error-border)}.row-details{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:8px}.progress-track{height:6px;background:var(--color-paper-warm);border-radius:3px;overflow:hidden;border:1px solid var(--color-border)}.progress-fill{height:100%;background:var(--color-primary);border-radius:3px}.leaked-topics-wrap{margin-top:10px;padding-top:8px;border-top:1px dashed var(--color-border);display:flex;flex-direction:column;gap:5px}.leaked-label{font-size:.68rem;font-weight:800;text-transform:uppercase;color:var(--color-error);letter-spacing:.5px}.leaked-tags{display:flex;flex-wrap:wrap;gap:5px}.leaked-tag{background:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error);font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm)}.mastered-tag{margin-top:8px;font-size:.72rem;font-weight:700;color:var(--color-success)}.no-data{color:var(--color-text-secondary);font-size:.85rem;text-align:center;padding:12px 0}.footer-actions{width:100%;display:flex;flex-direction:column;gap:10px}.btn-save-app{width:100%;background:var(--color-primary);color:var(--color-ink);border:2px solid var(--color-ink);padding:14px 18px;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-press);display:flex;align-items:center;justify-content:center;gap:12px;transition:all var(--transition-fast)}.btn-save-app:hover{background:#fbbf24;transform:translate(-1px,-1px);box-shadow:4px 4px #121212}.btn-save-app:active{transform:translate(2px,2px);box-shadow:var(--shadow-press-active)}.btn-text-group{display:flex;flex-direction:column;text-align:left}.main-cta{font-size:.95rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.sub-cta{font-size:.72rem;font-weight:600;opacity:.85}.btn-new-game{width:100%;background:var(--color-surface);color:var(--color-ink);font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:12px;border-radius:var(--radius-md);border:2px solid var(--color-ink);box-shadow:var(--shadow-press);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.btn-new-game:hover{background:var(--color-paper-warm);transform:translate(-1px,-1px);box-shadow:4px 4px #121212}.btn-new-game:active{transform:translate(2px,2px);box-shadow:var(--shadow-press-active)}@media(max-width:480px){.result-screen{padding:8px 10px}.result-content-wrap{gap:12px;padding-bottom:24px}.broadsheet-stamp{padding:6px 18px}.outcome-text{font-size:clamp(1.6rem,7vw,2.1rem)}.outcome-sub{font-size:.82rem}.score-display-card{padding:12px 16px}.score-val{font-size:clamp(2.4rem,9vw,3rem)}.performance-card{padding:14px}.chapter-row{padding:10px 12px}.btn-save-app{padding:11px 14px}.btn-new-game{padding:10px 14px}}