@font-face{font-family:ChuckDisplay;src:local('Impact');font-display:swap}
:root{--paper:#f6f5f0;--panel:#fffefa;--ink:#20211e;--muted:#696b63;--line:#dcdcd3;--soft:#ecece4;--gold:#8a6725;--gold-light:#eddfa6;--error:#a4263d;--shadow:0 12px 35px #25251b0e;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
:root[data-theme=dark]{--paper:#171815;--panel:#22231e;--ink:#f5f3e9;--muted:#b0b1a4;--line:#3a3b32;--soft:#2a2b25;--gold:#e4c67e;--gold-light:#5e4c23;--error:#ff9aaa;--shadow:0 12px 35px #0004;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);min-width:320px}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:#dcca8c;color:#191a16}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:8px;left:16px;z-index:20;background:var(--ink);color:var(--paper);padding:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{max-width:1440px;margin:0 auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-size:19px;font-weight:900;letter-spacing:-.9px;display:flex;gap:10px;align-items:center}.wordmark:hover{color:var(--gold)}.brand-star{font-size:28px;line-height:1}.navigation{--index:0;position:relative;display:flex;border:1px solid var(--line);background:var(--soft);padding:5px;border-radius:40px;width:334px;isolation:isolate}.nav-metal{position:absolute;inset:5px auto 5px 5px;width:calc((100% - 10px)/3);border-radius:30px;background:linear-gradient(155deg,#ffffff 0%,#d9dada 30%,#f8f8f7 46%,#bdbebd 85%,#f7f8f8 100%);box-shadow:inset 0 1px 2px #fff,0 2px 7px #0002;transform:translateX(calc(var(--index)*100%));transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:-1}.nav-button{flex:1;min-width:0;border:0;background:none;padding:11px 4px;font-size:12px;font-weight:600;color:var(--muted);border-radius:24px}.nav-button.active{color:#22231f}.icon-button{width:39px;height:39px;border:1px solid var(--line);background:transparent;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.icon-button:hover{border-color:var(--gold);color:var(--gold)}main{min-height:calc(100svh - 205px)}.home-wrap{max-width:1440px;padding:0 5%;margin:0 auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:670px;gap:22px;padding:65px 0 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6;display:flex;align-items:center;gap:12px}.eyebrow .line{height:1px;width:28px;background:currentColor}.hero h1{font-family:ChuckDisplay,Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-weight:900;font-size:clamp(77px,8.5vw,132px);line-height:.88;letter-spacing:-3px;margin:29px 0 28px}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-description{font-size:16px;color:var(--muted);max-width:330px;line-height:1.7;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.metal-button{border:1px solid #bdbdb2;border-radius:60px;background:linear-gradient(125deg,#f7f7ee 0%,#dadbd5 27%,#fff 50%,#bebfb6 87%,#e8e9e2);box-shadow:inset 0 1px 0 #fff,0 5px 12px #0001;color:#24251f;display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:54px;padding:17px 27px;font-size:13px;font-weight:700;position:relative;transition:box-shadow .2s,transform .2s,background .25s}.metal-button:hover{background:linear-gradient(125deg,#faf2d3,#d3b76c 30%,#fff4cf 52%,#b99d56 85%,#e7d79d);border-color:#ad8b40;box-shadow:inset 0 1px 0 #fff8,0 6px 20px #a8863020;transform:translateY(-2px)}.metal-button:active{transform:translateY(0)}.metal-button:disabled{opacity:.45;transform:none}.metal-button span{font-size:19px;line-height:1}.text-button{border:0;background:transparent;font-size:12px;line-height:1.5;padding:5px 0;display:inline-flex;gap:15px;align-items:center}.text-button:hover{color:var(--gold)}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:40px;font-size:10px;letter-spacing:1px;color:var(--muted)}.hero-proof .mini-photos{display:flex;margin-right:4px}.mini-photos img{width:25px;height:25px;object-fit:cover;border-radius:50%;border:2px solid var(--paper);margin-left:-7px}.mini-photos img:first-child{margin-left:0}.hero-art{height:470px;position:relative;isolation:isolate;margin:0 6px 0 0}.hero-art:before{content:'';position:absolute;border:1px solid var(--line);border-radius:50%;width:355px;height:355px;left:14%;top:65px;z-index:-1}.hero-photo{position:absolute;overflow:hidden;border:7px solid var(--panel);border-bottom-width:30px;background:var(--panel);box-shadow:0 15px 25px #0002;transition:transform .5s}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo.one{width:47%;height:325px;top:80px;left:0;transform:rotate(-11deg)}.hero-photo.one img{object-position:55% 42%}.hero-photo.two{width:52%;height:373px;top:29px;left:27%;transform:rotate(6deg);z-index:2}.hero-photo.two img{object-position:50% 35%}.hero-photo.three{width:35%;height:252px;bottom:4px;right:-5px;transform:rotate(13deg);z-index:3}.hero-photo:hover{transform:rotate(0deg) translateY(-7px);z-index:4}.photo-note{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-family:monospace;font-size:9px;color:#383a31;letter-spacing:1px}.sauce-seal{position:absolute;width:106px;height:106px;left:7%;top:4px;z-index:5;background:radial-gradient(circle at 25% 20%,#f2e4b7,#bba265 65%,#e0ce92);color:#312b1d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;line-height:1.8;letter-spacing:1px;transform:rotate(-15deg);box-shadow:inset 0 0 0 7px #e7d89d,inset 0 0 0 8px #9d864c}.sauce-seal strong{font-family:ChuckDisplay,Impact,sans-serif;font-size:30px;letter-spacing:0;line-height:1.1}.art-caption{position:absolute;left:18%;bottom:-24px;font:10px monospace;color:var(--muted);letter-spacing:1px}.games-section{padding:34px 0 70px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:30px}.section-heading h2{font-size:28px;letter-spacing:-1px;font-weight:500;margin:0}.section-heading p{font-size:11px;color:var(--muted);margin:0}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.mode-card{padding:25px 26px 23px;text-align:left;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .2s;min-height:202px}.mode-card:hover{background:var(--panel)}.mode-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:var(--muted);font:10px monospace}.mode-icon{width:27px;height:27px;display:grid;place-items:center}.mode-icon svg{width:26px;height:26px}.mode-card h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:0 0 9px}.mode-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0;max-width:230px}.mode-card .mode-arrow{position:absolute;bottom:25px;right:24px;font-size:20px;color:var(--muted);transition:transform .2s}.mode-card:hover .mode-arrow{color:var(--gold);transform:translate(2px,-2px)}.site-footer{max-width:1440px;margin:0 auto;padding:25px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.site-footer .text-button{font-size:11px;letter-spacing:0}.page-wrap{max-width:1120px;margin:auto;padding:65px 5% 80px}.page-title{font-size:clamp(40px,5vw,70px);letter-spacing:-3px;font-weight:500;line-height:1.1;margin:16px 0}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.7}.page-intro{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:38px}.empty-records{padding:70px 0;text-align:center;border-top:1px solid var(--line)}.empty-records h2{font-size:26px;font-weight:500}.empty-records p{margin-bottom:26px}.record-table{width:100%;border-collapse:collapse;margin:28px 0}.record-table td,.record-table th{padding:19px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.record-table th{color:var(--muted);font-size:10px;font-weight:500;letter-spacing:1px}.record-table td:last-child,.record-table th:last-child{text-align:right}.record-table td strong{font-variant-numeric:tabular-nums}.best-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.best-item{padding:20px;border:1px solid var(--line)}.best-item span{font-size:11px;color:var(--muted)}.best-item strong{font-size:33px;display:block;margin:12px 0;color:var(--gold);font-weight:500}.game-shell{max-width:1120px;padding:30px 5% 65px;margin:auto}.round-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px}.round-mode{font-size:11px;display:flex;gap:13px;align-items:center}.round-mode .text-button{font-size:18px;color:var(--muted)}.round-stats{display:flex;gap:24px;font-size:12px;font-variant-numeric:tabular-nums}.round-stats .streak{color:var(--gold)}.progress-track{display:grid;gap:5px;margin-bottom:40px}.progress-segment{height:3px;background:var(--line);border-radius:4px}.progress-segment.done{background:linear-gradient(90deg,#a68c48,#e5cf8e,#ae924e)}.progress-segment.current{background:var(--ink)}.game-heading{text-align:center;margin-bottom:24px}.game-heading .eyebrow{justify-content:center;font-size:9px}.game-heading h1{font-size:clamp(25px,3.3vw,40px);line-height:1.18;font-weight:500;letter-spacing:-1.2px;margin:12px auto;max-width:740px}.game-heading .game-hint{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.game-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:950px;margin:auto}.game-layout.centered{display:block;max-width:650px}.photo-stage{position:relative;min-height:300px;display:grid;place-items:center;isolation:isolate}.photo-frame{width:min(100%,calc(425px * var(--ratio)));aspect-ratio:var(--ratio);overflow:hidden;position:relative;background:var(--soft);border-radius:4px;box-shadow:var(--shadow)}.photo-frame svg{width:100%;height:100%;display:block}.photo-frame img{width:100%;height:100%;display:block;object-fit:contain}.source-tag{font:9px monospace;letter-spacing:1px;color:var(--muted);text-align:center;margin:12px 0 0}.photo-placeholder{background:var(--soft);border:1px solid var(--line);width:100%;min-height:355px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;gap:18px}.photo-placeholder .giant-symbol{font-family:ChuckDisplay,Impact,sans-serif;font-size:95px;line-height:1;font-weight:900;color:var(--ink)}.photo-placeholder p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.photo-placeholder h2{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:0}.observe-stage{max-width:650px;margin:auto;text-align:center}.observe-stage .photo-frame{margin:auto}.countdown-bar{height:3px;background:var(--line);max-width:400px;margin:15px auto 0;overflow:hidden}.countdown-fill{height:100%;width:100%;background:var(--gold);transition:width .1s linear}.timer-label{font:11px monospace;color:var(--muted);text-align:center;margin-top:14px}.observe-ready{max-width:480px;margin:30px auto}.answer-panel{width:100%}.answer-label{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:0 0 16px}.answer-list{display:grid;gap:10px}.answer-button{min-height:62px;display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid var(--line);background:var(--panel);border-radius:5px;font-size:14px;text-align:left;line-height:1.4;transition:background .15s,border-color .15s,transform .15s}.answer-button:hover:not(:disabled){border-color:var(--gold);transform:translateX(3px)}.answer-key{font:10px monospace;width:24px;height:24px;border:1px solid var(--line);border-radius:4px;display:grid;place-items:center;flex-shrink:0;color:var(--muted)}.answer-button.correct{border-color:var(--gold);background:color-mix(in srgb,var(--gold-light) 35%,var(--panel))}.answer-button.correct .answer-key{color:var(--gold);border-color:var(--gold)}.answer-button.wrong{border-color:var(--error);color:var(--error)}.answer-button.reveal-other{opacity:.6}.boolean-choices{grid-template-columns:1fr 1fr}.boolean-choices .answer-button{flex-direction:column;min-height:115px;justify-content:center;font-size:25px;letter-spacing:-1px}.lore-visual{min-height:280px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}.lore-visual .giant-letter{font-family:ChuckDisplay,Impact,sans-serif;font-size:205px;color:var(--soft);line-height:1;-webkit-text-stroke:1px var(--line)}.lore-visual .lore-caption{position:absolute;bottom:38px;left:0;right:0;color:var(--gold);font:10px monospace;letter-spacing:2px}.reveal-more{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.outline-button{border:1px solid var(--line);background:transparent;min-height:44px;padding:12px 19px;border-radius:40px;font-size:12px}.outline-button:hover{border-color:var(--gold);color:var(--gold)}.reveal-more span{font:10px monospace;color:var(--muted)}.color-field{height:195px;position:relative;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--hue),100%,50%);border-radius:5px;border:1px solid var(--line);touch-action:none;cursor:crosshair;outline-offset:4px}.color-cursor{position:absolute;width:19px;height:19px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0008;transform:translate(-50%,-50%);pointer-events:none}.hue-range{appearance:none;-webkit-appearance:none;width:100%;height:13px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);margin:20px 0;border-radius:20px;cursor:pointer;border:1px solid #7776}.hue-range::-webkit-slider-thumb{appearance:none;width:18px;height:23px;background:transparent;border:3px solid #fff;border-radius:5px;box-shadow:0 0 0 1px #3339}.hue-range::-moz-range-thumb{width:13px;height:20px;background:transparent;border:3px solid #fff;border-radius:4px}.color-readout{display:flex;gap:12px;align-items:center;font:11px monospace;margin-bottom:15px}.guess-swatch{height:28px;width:28px;border-radius:50%;border:1px solid var(--line)}.color-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:6px 0 19px}.color-controls label{font-size:10px;color:var(--muted)}.color-controls input{display:block;width:100%;accent-color:var(--gold);margin:8px 0 0}.color-panel .metal-button{width:100%}.color-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.comparison-chip{height:85px;border:1px solid var(--line);border-radius:4px}.color-comparison .small{margin:8px 0 0;font:10px monospace;line-height:1.7;color:var(--muted)}.feedback{margin:24px auto 0;max-width:950px;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.feedback h2{font-size:23px;letter-spacing:-.8px;font-weight:500;margin:0 0 8px;color:var(--gold)}.feedback.incorrect h2{color:var(--error)}.feedback p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;max-width:600px}.feedback .points{font:12px monospace;margin-bottom:8px;display:block;color:var(--gold)}.photo-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-answer{border:2px solid var(--line);padding:0;border-radius:4px;background:var(--soft);position:relative;overflow:hidden;height:175px}.photo-answer:hover:not(:disabled){border-color:var(--gold)}.photo-answer img{width:100%;height:100%;object-fit:cover}.photo-answer .answer-key{position:absolute;top:8px;left:8px;background:var(--paper);color:var(--ink)}.photo-answer.correct{border-color:var(--gold)}.photo-answer.wrong{border-color:var(--error)}.fit-group{margin-bottom:18px}.fit-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}.fit-options{display:flex;gap:6px;flex-wrap:wrap}.fit-option{flex:1;border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:12px 8px;font-size:11px;line-height:1.5;min-width:70px}.fit-option.selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold-light) 40%,var(--panel));color:var(--ink)}.fit-option.wrong{border-color:var(--error);color:var(--error)}.fit-option.correct{border-color:var(--gold)}.fit-submit{margin-top:8px;width:100%}.results-wrap{max-width:760px;margin:auto;text-align:center;padding:60px 5% 80px}.results-wrap .eyebrow{justify-content:center}.result-stamp{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:6px 13px;font:10px monospace;letter-spacing:1px;transform:rotate(-5deg);margin:10px}.score-number{font-family:ChuckDisplay,Impact,sans-serif;font-size:clamp(90px,17vw,160px);letter-spacing:-5px;line-height:1;margin:14px 0 0;font-variant-numeric:tabular-nums}.score-denominator{font:12px monospace;color:var(--muted);margin:5px 0 27px}.result-title{font-size:35px;font-weight:500;letter-spacing:-1.5px;margin:0 0 12px}.result-description{color:var(--muted);font-size:13px;line-height:1.7;max-width:430px;margin:0 auto 30px}.result-stats{display:flex;justify-content:center;gap:44px;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0}.result-stat strong{display:block;font-size:24px;font-weight:500;margin-bottom:7px}.result-stat span{font-size:10px;color:var(--muted)}.button-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.round-review{margin-top:36px;text-align:left}.round-review summary{font-size:12px;cursor:pointer;padding:12px 0}.review-row{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.5}.review-row .review-answer{font-size:11px;color:var(--muted);margin-top:5px}.review-row strong{color:var(--gold);font:12px monospace;white-space:nowrap}.dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:45px;max-width:570px;width:calc(100% - 32px);border-radius:10px;box-shadow:0 30px 120px #0005}.dialog::backdrop{background:#10110e88;backdrop-filter:blur(8px)}.dialog h2{font-size:33px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin:20px 0}.dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.dialog-close{position:absolute;top:15px;right:15px;font-size:23px}.rules{padding-left:19px;margin:22px 0}.rules li{padding:0 0 16px 6px;font-size:13px;line-height:1.65;color:var(--muted)}.rules strong{color:var(--ink)}.compact-dialog{text-align:center}.compact-dialog .button-row{margin-top:26px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);padding:14px 23px;border-radius:30px;font-size:12px;z-index:40;transition:opacity .2s,transform .2s;text-align:center;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.fade-in{animation:appear .32s ease-out}.loading-note{font:12px monospace;padding:35px;text-align:center;color:var(--muted)}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.hero-photo.two img{object-position:50% 0%}.mini-photos img{object-position:50% 10%}.photo-note{color:var(--muted)}.navigation{width:225px}.nav-metal{width:calc((100% - 10px)/2)}.hero{min-height:calc(100svh - 185px)}.hero-description{max-width:380px}.color-readout input{width:92px;padding:7px 9px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px;font:12px monospace;text-transform:uppercase}.color-controls{grid-template-columns:1fr 1fr}.live-color-stage .photo-frame{width:min(100%,calc(460px * var(--ratio)))}
@media(min-width:1450px){.hero{min-height:720px}.hero-art{height:510px}.hero-photo.one{height:360px}.hero-photo.two{height:410px}.hero-photo.three{height:280px}}
@media(max-width:1000px){.hero{min-height:600px;gap:10px}.hero h1{font-size:10.2vw}.hero-art{height:410px}.hero-photo.one{height:285px;top:75px}.hero-photo.two{height:320px;top:35px}.hero-photo.three{height:220px;bottom:0}.sauce-seal{width:85px;height:85px;left:3%}.sauce-seal strong{font-size:26px}.hero-art:before{width:290px;height:290px;left:5%}.hero-proof{font-size:9px;letter-spacing:.5px}.game-layout{gap:28px}.hero-description{font-size:14px;max-width:290px}}
@media(max-width:760px){.site-header{padding:19px 5%;gap:10px;flex-wrap:wrap}.wordmark{font-size:16px;letter-spacing:-.7px}.brand-star{font-size:24px}.navigation{order:3;width:100%;max-width:420px;margin:7px auto 0}.icon-button{width:34px;height:34px}.hero{display:flex;flex-direction:column;padding:39px 0 47px;gap:40px;min-height:auto;align-items:stretch}.hero h1{font-size:clamp(85px,19.2vw,140px);margin:20px 0;letter-spacing:-2px}.hero-description{font-size:14px;max-width:320px;margin-bottom:21px}.hero-copy{position:relative}.hero-proof{margin-top:24px}.hero-art{width:88%;max-width:425px;height:385px;margin:0 auto}.hero-photo.one{height:265px;top:61px}.hero-photo.two{height:305px;top:18px}.hero-photo.three{height:215px;right:-2%;bottom:3px}.sauce-seal{top:-10px;left:2%;width:82px;height:82px}.art-caption{bottom:-15px;font-size:8px;left:18%}.hero-art:before{width:280px;height:280px;top:37px}.games-section{padding:28px 0 45px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:25px}.section-heading p{font-size:10px;max-width:110px;text-align:right;line-height:1.7}.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-card{padding:21px 16px;min-height:208px}.mode-card h3{font-size:18px;line-height:1.2}.mode-card p{font-size:11px;max-width:145px;line-height:1.7}.mode-card .mode-arrow{bottom:17px;right:15px}.mode-top{margin-bottom:22px}.mode-icon svg{width:22px;height:22px}.site-footer{padding:22px 5%;font-size:8px;line-height:1.7;letter-spacing:1px}.site-footer>span{max-width:175px}.game-shell{padding:22px 5% 40px}.progress-track{margin-bottom:26px}.round-stats{gap:12px;font-size:11px}.game-layout{grid-template-columns:1fr;max-width:480px;gap:22px}.game-heading{margin-bottom:23px}.game-heading h1{font-size:28px;letter-spacing:-.9px}.photo-stage{min-height:0}.photo-frame{width:min(100%,calc(330px * var(--ratio)))}.photo-placeholder{min-height:225px;padding:25px}.photo-placeholder .giant-symbol{font-size:65px}.photo-placeholder h2{font-size:20px}.answer-button{min-height:54px;font-size:13px;padding:12px 14px}.answer-list{gap:8px}.answer-label{margin-bottom:11px}.lore-visual{min-height:120px}.lore-visual .giant-letter{font-size:140px}.lore-visual .lore-caption{bottom:10px}.feedback{max-width:480px;align-items:stretch;flex-direction:column;gap:18px;margin-top:24px}.feedback .metal-button{align-self:stretch}.feedback h2{font-size:23px}.feedback p{font-size:12px}.observe-stage .photo-frame{width:min(100%,calc(400px * var(--ratio)))}.color-field{height:170px}.photo-answer{height:160px}.result-title{font-size:29px}.results-wrap{padding-top:40px}.result-stats{gap:30px;padding:23px 10px}.result-stat span{font-size:9px}.result-stats strong{font-size:23px}.best-grid{grid-template-columns:1fr 1fr;gap:10px}.best-item{padding:16px}.best-item strong{font-size:29px}.page-wrap{padding:38px 5% 50px}.record-table td,.record-table th{padding:16px 5px;font-size:11px}.record-table th{font-size:9px}.dialog{padding:38px 25px 28px}.dialog h2{font-size:29px}.result-stamp{font-size:9px}.button-row .metal-button{gap:16px;padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}