#app .site-header{max-width:1440px;min-height:82px;height:auto;margin:auto;padding:16px 28px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;border:0;background:color-mix(in srgb,var(--surface) 94%,transparent)}#app .site-header #brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;letter-spacing:0}#app .site-header .zupa-word{font-size:32px}#app .site-header .zupa-symbol{width:40px;height:40px;font-size:28px}#app .site-nav{display:flex;align-items:center;gap:6px;margin-left:auto}#app .site-header .site-nav a{padding:10px 12px;border-radius:8px;color:var(--ink);font-size:12px;letter-spacing:0;font-weight:700;text-decoration:none;white-space:nowrap;transition:color .15s,background-color .15s}#app .site-header .site-nav a[aria-current=page]{color:var(--accent);background:var(--soft)}#app .site-header .site-nav a:hover{background:var(--soft);color:var(--accent)}#app .site-header-tools{display:flex;align-items:center;gap:10px;margin-left:auto}#app .site-header .site-theme{display:flex;align-items:center;padding:4px;border:1px solid var(--line);border-radius:24px;background:var(--soft)}#app .site-header .site-theme button{padding:6px 10px;border:0;border-radius:20px;background:transparent;color:var(--ink);font-size:12px;white-space:nowrap;transform:none}#app .site-header .site-theme button[aria-pressed=true]{color:var(--accent);background:var(--surface);box-shadow:0 2px 5px #153b7710}#app .site-header .screen-toggle{display:grid;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:22px;background:var(--soft);border:1px solid var(--line)}#app .site-header .screen-toggle:before{content:none}#app .site-header :is(.primary,.site-start){padding:11px 14px;border:1px solid #0758ff;border-radius:10px;background:#0758ff;color:#fff;font-size:12px;font-weight:750;text-decoration:none;letter-spacing:0;white-space:nowrap;transform:none}#app .site-header :is(.primary,.site-start):hover{background:#0045d9;color:#fff}#app .site-start span{margin-left:10px}#app .site-header :is(.site-profile,.site-login){padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:0;text-decoration:none;white-space:nowrap}#app .site-header .site-profile{max-width:180px;overflow:hidden;text-overflow:ellipsis}#app .site-header :is(.site-profile,.site-login):hover{background:var(--soft)}@media(max-width:600px){#app .site-header-tools{flex-wrap:wrap}}@media(max-width:1100px){#app .site-header{gap:14px}#app .site-nav{order:3;width:100%;justify-content:center;margin:0}#app .site-header-tools{margin-left:auto}}@media(max-width:600px){#app .site-header{padding:12px 16px;gap:12px}#app .site-header .zupa-word{font-size:26px}#app .site-header .zupa-symbol{width:32px;height:32px;font-size:23px}#app .site-header-tools{order:2;width:100%;justify-content:space-between;gap:6px}#app .site-nav{gap:0;justify-content:space-between}#app .site-header .site-nav a{font-size:11px;padding:9px 8px}#app .site-header .site-profile{max-width:135px}#app .site-header .site-theme button{padding:6px 8px}#app .site-header .header-game{margin-left:auto}}.image-paste{padding:16px;border:2px dashed var(--border,#789);border-radius:12px;margin:16px 0}.image-paste:focus-within{outline:2px solid #48a4c4;outline-offset:2px}.image-paste p{font-size:13px}.image-preview,.preview-question .question-image{display:block;max-width:100%;max-height:260px;object-fit:contain;margin:12px auto}.image-preview[hidden],.remove-image[hidden]{display:none}.image-error{overflow-wrap:anywhere}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf2fa;background:#0b1421;font-synthesis:none;font-weight:400;--mint:#a3f0ce;--muted:#9aaac0;--line:#29384d}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:1px solid #34465e;border-radius:10px;color:#e6eef8;background:#1a293c;padding:12px 18px;cursor:pointer;font-weight:650;transition:background .15s,transform .15s}button:hover:not(:disabled){background-color:#293c53;transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed}button.primary{background:var(--mint);border-color:var(--mint);color:#102c25}button.primary:hover{background-color:#c6ffe6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffc46b;outline-offset:4px}header{height:82px;border-bottom:1px solid #223045;display:flex;align-items:center;padding:0 5vw;gap:24px}header a{text-decoration:none;color:#f4f7fc;font-size:20px;font-weight:850;letter-spacing:2px}.brand-mark{color:var(--mint);font-size:30px;margin-right:8px}header small{font-size:10px;letter-spacing:1px;color:#94a3b8;font-weight:500}.header-game{border-left:1px solid var(--line);padding-left:24px;font-size:14px;color:var(--muted)}.profile-name{margin-left:auto;color:var(--muted);font-size:13px}footer{text-align:center;font-size:12px;color:#62738b;margin:50px 20px 25px}.page{max-width:1200px;margin:0 auto;padding:48px 30px}.page.narrow{max-width:850px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--mint)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}h1{font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-2px;margin:18px 0}h1 em{font-style:normal;color:var(--mint)}h2{font-size:25px;letter-spacing:-.6px;margin:14px 0}h3{font-size:21px;margin:18px 0 8px}p{font-size:15px;line-height:1.65;color:var(--muted);margin:12px 0 22px}.notice{padding:16px 20px;border:1px solid #30483f;background:#112b25;color:#acd6c4;border-radius:12px;font-size:13px;line-height:1.65}.library-toolbar{margin:32px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.count{font-size:13px;background:#24344a;color:#a9bad0;border-radius:20px;padding:5px 10px;margin-left:6px}.set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.set-card{border:1px solid var(--line);border-radius:18px;background:#111e2e;padding:22px}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.badge{display:inline-block;font-size:10px;letter-spacing:1.5px;font-weight:750;color:var(--mint);background:#203c35;padding:7px 10px;border-radius:6px}.set-art{height:100px;margin:20px 0;background:repeating-linear-gradient(135deg,#24344b,#24344b 2px,#1b2a3d 2px,#1b2a3d 20px);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:40px;font-weight:900;color:#acc9e6}.set-art span{color:var(--mint);transform:rotate(-12deg)}.set-card p{font-size:13px}.set-card .actions button{font-size:12px;padding:10px 14px}.panel{padding:25px;background:#132133;border:1px solid var(--line);border-radius:16px;margin:22px 0}label{display:block;font-size:13px;font-weight:650;color:#c6d2e3;margin:14px 0}input:not([type=radio]),textarea,select{width:100%;display:block;margin-top:8px;padding:13px 14px;border:1px solid #3b4c64;background:#0c1828;border-radius:9px;color:#edf2fa}textarea{resize:vertical;min-height:75px}select{cursor:pointer}.library-toolbar select{width:auto;max-width:230px;margin:0}.question-heading{display:flex;align-items:center;gap:14px}.question-heading select{width:auto;flex:1;margin:0}.question-heading strong{white-space:nowrap;font-size:14px}.question-heading button{font-size:12px}.field-help,.muted{color:var(--muted);font-size:13px}.choice-row{display:flex;align-items:center;gap:10px;margin:8px 0}.choice-row input[type=radio]{accent-color:var(--mint);width:20px;height:20px;flex-shrink:0}.choice-row input.choice-text{margin:0}.add-row{justify-content:space-between}.error{color:#ffaca1}.spaced{margin-top:24px}.number-choices{display:flex;gap:10px;flex-wrap:wrap}.number-choices button{width:63px;height:58px;font-size:20px}.selected{background:#a3f0ce!important;color:#102c25!important;border-color:#a3f0ce!important}.title-dot{color:var(--mint)}.team-progress{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.team-progress span{color:#8c9fb8;font-size:13px;border:1px solid #34445b;border-radius:30px;padding:9px 15px}.team-progress .active{color:var(--mint);border-color:var(--mint)}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.character-card{padding:28px 16px;background:#132133;text-align:center;border-radius:16px}.character-card .avatar{width:80px;height:80px}.character-card p{font-size:12px;min-height:22px;margin:0 0 22px}.character-card>span:last-child{font-size:12px;color:var(--mint)}.avatar{--character:#a3f0ce;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:38px;height:38px;border-radius:50% 50% 42% 42%;background:var(--character);box-shadow:inset 0 -6px #0002;flex-shrink:0}.avatar i{width:5px;height:7px;background:#182235;border-radius:50%;display:block}.character-card .avatar i{width:8px;height:11px}[hidden]{display:none!important}@media(max-width:1050px){.set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:760px){header{height:65px;padding:0 20px}.profile-name{display:none}.header-game{font-size:12px;padding-left:12px}.page{padding:30px 20px}.page-heading{align-items:flex-start;flex-direction:column}.set-grid{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,1fr)}.question-heading{flex-wrap:wrap}.question-heading select{min-width:150px}.question-heading button{padding:10px}.number-choices{gap:7px}.number-choices button{width:48px}.panel{padding:18px}.library-toolbar .actions{width:100%}.library-toolbar select{max-width:100%}}.game-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.game-card{padding:24px;text-align:left;border-radius:18px;background:#132133;overflow:hidden}.game-card .game-card-art{height:150px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:900}.game-card h2{margin:20px 0 10px;font-size:28px}.game-card p{font-weight:400;min-height:75px}.game-card>strong{font-size:13px;color:var(--mint)}.bridge-art{background:linear-gradient(140deg,#172d40,#263657);gap:8px;color:#8ec5ee;perspective:250px}.bridge-art span{transform:rotate(-25deg);font-size:60px}.bomb-art{background:radial-gradient(ellipse at center,#684d30,#272733);color:#0b1321;position:relative}.bomb-art i{position:absolute;color:#ffdb8e;font-size:35px;top:24px;right:32%;font-style:normal}.rocket-art{background:repeating-linear-gradient(170deg,#193b50,#193b50 2px,#112335 2px,#112335 18px);color:#fdc67b;gap:10px}.rocket-art span{color:#80dcfa;transform:rotate(-10deg)}.rocket-card .badge{color:#99e1fb;background:#193c50}@media(max-width:1050px){.game-picker{gap:14px}.game-card{padding:18px}.game-card h2{font-size:23px}}@media(max-width:760px){.game-picker{grid-template-columns:1fr}.game-card p{min-height:0}.game-card .game-card-art{height:110px}}.leave-dialog{max-width:420px;border:1px solid #3b5269;border-radius:16px;background:#132133;color:#edf2fa;padding:28px;box-shadow:0 20px 80px #0008}.leave-dialog::backdrop{background:#07101dcc}.leave-dialog h2{margin-top:0}.leave-dialog .actions{justify-content:flex-end}:root{--header-height: 68px}html{min-width:280px}body{margin:0}#app{min-height:100vh;min-height:100dvh}header{height:var(--header-height);padding-inline:max(20px,env(safe-area-inset-left));gap:18px}.screen-toggle,.host-leave{flex-shrink:0;font-size:12px;min-height:44px}.screen-status:empty{display:none}.screen-status{padding:8px 20px;color:#ffd278}button,select{touch-action:manipulation}.is-playing footer{display:none}.game-host{position:relative;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}#game-mount,.game-frame{width:100%;height:100%;border:0;display:block}.game-loading{position:absolute;top:0;right:0;bottom:0;left:0;padding:40px 24px;background:#0b1421;z-index:1}@media(orientation:portrait),(max-width:700px){:root{--header-height: 60px}header{gap:10px;padding-inline:12px}header small,.profile-name{display:none}.screen-toggle{margin-left:auto;font-size:11px;padding:8px}.game-picker{grid-template-columns:1fr}.page-heading,.library-toolbar,.actions{flex-wrap:wrap}.page-heading{gap:20px}input,textarea,select{max-width:100%;font-size:16px}}@media(max-width:480px){header .header-game{display:none}.page{padding:24px 16px}}@media(max-width:480px){.is-playing header #brand{font-size:14px;letter-spacing:1px}.host-leave{font-size:11px;padding:8px}}@media(orientation:landscape)and (max-height:600px)and (min-width:701px){:root{--header-height: 48px}}:root{--surface:#132133;--canvas:#0b1421;--ink:#edf2fa;--field:#0c1828;--soft:#1a293c;--accent:#8eafff;--muted:#a6b4c9;--line:#29384d;--mint:#9bb7ff;color:var(--ink);background:var(--canvas);color-scheme:dark}:root[data-theme=light]{--surface:#fff;--canvas:#f5f7ff;--ink:#142044;--field:#fff;--soft:#edf1fc;--accent:#356ee6;--muted:#596985;--line:#d9e1f3;--mint:#356ee6;color-scheme:light}body{background:var(--canvas);color:var(--ink)}header{max-width:1440px;margin:auto;background:var(--surface);border-color:var(--line);height:auto;min-height:76px;flex-wrap:wrap;padding:14px 28px;gap:16px}header a{color:var(--ink);letter-spacing:1px}.brand-mark{color:#25a6ed}.home-nav{display:flex;gap:4px}.home-nav button{border:0;background:transparent;padding:9px 12px;font-size:12px}.home-nav button:first-child{background:var(--soft);color:var(--accent)}header #appearance{width:auto;margin:0;padding:9px 10px;font-size:12px}.profile-name{margin-left:auto}button{background:var(--soft);color:var(--ink);border-color:var(--line)}button:hover:not(:disabled){background-color:var(--surface)}button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}button.primary:hover{background-color:#285ccc}.panel,.set-card,.character-card,.game-card,.leave-dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}input:not([type=radio]),textarea,select{background:var(--field);color:var(--ink);border-color:var(--line)}label{color:var(--ink)}.badge,.count{background:var(--soft);color:var(--accent)}.notice{background:var(--soft);color:var(--ink);border-color:var(--line)}.game-loading{background:var(--canvas)}.home-page{max-width:1260px;padding:24px 28px}.home-hero{position:relative;display:grid;grid-template-columns:40% 60%;min-height:365px;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;isolation:isolate}.hero-copy{padding:42px 0 36px 32px;z-index:2}.hero-copy h1{font-size:clamp(30px,3.7vw,49px);letter-spacing:-1.7px;line-height:1.08;margin:20px 0 14px}.hero-copy p{font-size:15px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hero-actions #create{background:#ff813f;border-color:#ff813f;color:#fff}.hero-actions #browse-library{color:var(--accent);background:var(--soft)}.hero-art{display:flex;align-items:flex-end;position:relative;background:radial-gradient(ellipse at 60% 65%,#91d7ff55,transparent 65%)}.hero-art:before{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;background:linear-gradient(120deg,#ffb26133,#a6a0ff33);clip-path:polygon(8% 20%,55% 0,100% 30%,85% 90%,10% 100%);z-index:-1}.hero-art img{display:block;width:108%;max-height:440px;object-fit:contain;object-position:bottom;margin-left:-8%;filter:drop-shadow(0 8px 6px #21357815)}.home-games{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.home-game{position:relative;overflow:hidden;min-height:145px;text-align:left;border:0;border-radius:16px;padding:22px 18px;display:flex;align-items:flex-start;color:#fff;isolation:isolate}.home-game.rocket{background:linear-gradient(125deg,#26368e,#567ee4)}.home-game.bridge{background:linear-gradient(125deg,#159cb1,#62c9ce)}.home-game.bomb{background:linear-gradient(125deg,#f8c797,#ffecce);color:#243148}.home-game:hover:not(:disabled){filter:brightness(1.05)}.home-game-copy{display:flex;flex-direction:column;max-width:70%;z-index:1}.home-game-copy strong{font-size:20px;letter-spacing:-.5px}.home-game-copy>span{font-size:12px;line-height:1.6;margin-top:6px;max-width:160px}.game-illustration{position:absolute;right:8px;bottom:3px;font-size:76px;transform:rotate(-15deg);opacity:.8}.bridge .game-illustration{font-size:67px;color:#bbfff0;transform:rotate(-25deg);text-shadow:0 8px 0 #399fa8,0 15px 0 #3b7f92}.game-arrow{background:#fff;color:#2452a1;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;font-size:20px;flex-shrink:0}.home-game>.game-arrow{position:absolute;right:16px;bottom:15px;z-index:2}.warmup-strip{display:flex;align-items:center;gap:16px;width:100%;margin-top:16px;padding:16px 20px;border-radius:16px;background:var(--surface);text-align:left}.warmup-strip strong{white-space:nowrap;font-size:17px}.warmup-strip>span:not(.game-arrow):not(.warmup-icon){font-size:13px;color:var(--muted)}.warmup-strip .game-arrow{margin-left:auto;background:var(--soft)}.warmup-icon{font-size:30px;color:#ffb11a}.local-note{font-size:11px;color:var(--muted);margin:18px 4px}.set-art{background:var(--soft);color:var(--accent)}.selected{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}@media(max-width:900px){.hero-copy{padding:30px 0 25px 24px}.home-game-copy strong{font-size:17px}.home-nav{display:none}.hero-copy h1{font-size:36px}}@media(max-width:650px){header{padding:12px 16px;gap:10px}header a{font-size:17px}header #appearance{margin-left:auto}.screen-toggle{display:none}.is-playing .screen-toggle{display:block}.home-page{padding:16px}.home-hero{grid-template-columns:1fr}.hero-copy{padding:28px 24px 0}.hero-copy h1{font-size:38px}.hero-art{min-height:180px;max-height:260px}.hero-art img{width:100%;height:260px;margin:0}.home-games{grid-template-columns:1fr}.home-game{min-height:120px}.warmup-strip{gap:10px;flex-wrap:wrap}.warmup-strip>span:not(.game-arrow):not(.warmup-icon){order:3;flex-basis:100%}.warmup-strip .game-arrow{margin-left:auto}.home-hero .eyebrow{font-size:8px}.profile-name{display:none}}.home-game.rocket,.home-game.bridge,.home-game.bomb{background-size:cover;background-repeat:no-repeat;color:#fff}.home-game.rocket{background-image:url(../art/menu/rocket.png);background-position:center}.home-game.bridge{background-image:url(../art/menu/bridge.png);background-position:center}.home-game.bomb{background-image:url(../art/menu/bomb-v2.png);background-position:center}.home-game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#122343c9,transparent 95%)}.home-game:hover:not(:disabled){filter:brightness(1.08)}.game-illustration{display:none}.home-game-copy strong,.home-game-copy>span{text-shadow:0 1px 4px #0008}.is-playing header{height:var(--header-height);min-height:0;flex-wrap:nowrap;padding-block:8px}:root[data-theme=light] .team-progress span{color:var(--muted);border-color:var(--line)}.anime-avatar{background-color:transparent!important;background-size:300% 200%;border-radius:0;box-shadow:none;aspect-ratio:1}.character-card .anime-avatar{width:160px;height:160px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:650px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card .anime-avatar{width:120px;height:120px}}.hero-art img{width:100%;margin-left:0;max-height:410px;padding:12px 12px 0;box-sizing:border-box}.home-game{min-height:174px;border:1px solid var(--line);box-shadow:0 5px 16px #0913260d;transition:filter .18s,transform .18s}.home-game:hover:not(:disabled){transform:translateY(-2px)}.home-game:before{background:linear-gradient(90deg,#101c37e8 0%,#101c3790 44%,transparent 80%)}.home-game-copy{max-width:76%}.home-game-copy strong{font-size:22px}.home-game:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:650px){.hero-art img{height:260px;padding:8px 10px 0}.home-game{min-height:174px}}.home-game.bridge,.home-game.bomb{background-position:center top}.home-page{position:relative;isolation:isolate}.home-page:not(.library-view):before{content:none}.home-hero{background:linear-gradient(120deg,var(--surface) 38%,var(--soft));box-shadow:0 12px 40px #12234308}.hero-art{isolation:isolate;background:none}.hero-art:before{top:0;right:0;bottom:0;left:0;clip-path:none;background:url(../art/menu/sakura-petals.svg) center/100% 100% no-repeat;z-index:0;opacity:.8;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%);mask-image:linear-gradient(90deg,transparent,#000 16%)}.hero-art:after{content:none}.hero-art img{position:relative;z-index:1;filter:drop-shadow(0 6px 6px #14204418)}:root[data-theme=dark] .hero-art:before{opacity:1}@media(max-width:650px){.hero-art:before{-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%);mask-image:linear-gradient(180deg,transparent,#000 18%);background-size:100% 100%}}.zupadoki-brand #brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;letter-spacing:-1.5px}.zupadoki-brand .zupa-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#ff8546;color:#fff;font-size:28px;font-weight:900;transform:rotate(-9deg);box-shadow:3px 3px #ffcf69;letter-spacing:-2px}.zupadoki-brand .zupa-word{position:relative;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;font-size:32px;font-weight:900;line-height:1.2;color:var(--ink)}.zupadoki-brand .zupa-word>span{color:#7861e8}.zupadoki-brand .zupa-word i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ff8546;right:3px;top:0}:root[data-theme=dark].zupadoki-brand .zupa-word>span{color:#b2a0ff}@media(max-width:650px){.zupadoki-brand .zupa-word{font-size:26px}.zupadoki-brand .zupa-symbol{width:32px;height:32px;font-size:23px}.zupadoki-brand #brand{gap:8px}}.home-page:before,.home-page:not(.library-view):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(../art/menu/sakura-petals.svg) 20px 0/520px 310px repeat;opacity:.65}.home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:url(../art/menu/sakura-petals.svg) center/600px 350px repeat;opacity:.55}.hero-art:before{content:none}:root[data-theme=dark] .home-page:before{opacity:.8}:root[data-theme=dark] .home-hero:before{opacity:.75}@media(max-width:650px){.home-page:before{background-size:380px 230px}.home-hero:before{background-size:420px 270px;opacity:.4}}.home-hero:before{content:none}.home-page:before,.home-page:not(.library-view):before{background-image:url(../art/menu/sakura-petals.svg),url(../art/menu/sakura-wind-stars.svg);background-position:20px 0,center 30px;background-size:520px 310px,1000px 700px;background-repeat:repeat}@media(max-width:650px){.home-page:before,.home-page:not(.library-view):before{background-size:380px 230px,700px 490px}}.nav-create{display:flex;align-items:center;gap:7px;padding:8px 11px;background:var(--accent);color:var(--canvas);border-color:var(--accent);font-size:12px}.nav-create>span:first-child{font-size:23px;line-height:1}.home-nav .library-nav{font-weight:800;color:var(--accent);border:1px solid var(--line)}.home-nav button[aria-current=page]{background:var(--soft);box-shadow:inset 0 -2px var(--accent)}.library-view>.home-hero,.library-view>.home-games,.library-view>.warmup-strip,.library-view>.local-note{display:none}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;margin-top:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}.library-view .library-heading{margin-top:0}.library-heading h2{font-size:36px;letter-spacing:-1px;margin:12px 0}.library-heading p{margin:8px 0 18px}.library-heading img{width:150px;height:170px;object-fit:contain;flex-shrink:0}.library-toolbar{margin:20px 0}.library-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.library-filters label{margin:0}.library-results{margin:16px 0;font-size:12px}.set-card{padding:0 22px 22px;display:flex;flex-direction:column;overflow:hidden}.set-card-band{margin:0 -22px 10px;padding:12px 20px;background:var(--soft);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--accent);font-size:12px;font-weight:750}.set-card-band .badge{font-size:9px;border:1px solid var(--line)}.set-card h3{font-size:24px;line-height:1.3;overflow-wrap:anywhere}.set-details{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;margin:4px 0 15px}.set-details span{border:1px solid var(--line);border-radius:20px;padding:5px 9px}.question-preview{padding:14px;background:var(--field);border:1px solid var(--line);border-radius:10px;margin:0;color:var(--ink);font-size:14px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.set-edited{font-size:11px!important;margin:16px 0}.set-card .actions{margin-top:auto}.library-empty{text-align:center;padding:40px;border:1px dashed var(--line);border-radius:16px;background:var(--surface)}.studio-page h1{font-size:42px}.set-metadata{display:grid;grid-template-columns:1fr 1fr;gap:18px}.question-editor{border-left:4px solid var(--accent);padding:26px}.question-heading{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:22px}.question-heading strong{color:var(--accent);font-size:16px}.prompt-label{font-size:16px}.question-editor .prompt{font-size:20px;line-height:1.6;min-height:128px;padding:18px;font-weight:550;background:var(--field);color:var(--ink)}.answer-fields{padding-top:5px}.answer-fields textarea{min-height:95px}.choice-row{border:1px solid var(--line);background:var(--field);padding:10px;border-radius:12px;gap:12px}.choice-row:has(input[type=radio]:checked){border-color:var(--accent);box-shadow:inset 3px 0 var(--accent);background:var(--soft)}.correct-choice{display:flex;align-items:center;gap:8px;flex-shrink:0;margin:0;font-size:11px;width:90px;cursor:pointer}.correct-choice span{color:var(--muted);font-weight:500}.correct-choice:has(input:checked) span{color:var(--accent);font-weight:800}.correct-choice:has(input:checked) span:before{content:"✓ "}.choice-row .choice-text{min-width:0}.studio-save{position:sticky;bottom:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 5px 25px #0002;z-index:3}.studio-save span{font-size:12px;color:var(--muted)}.studio-page .add-row{padding:12px 0}.studio-page .error{color:#fa8e90}:root[data-theme=light] .studio-page .error{color:#b42b40}@media(max-width:900px){header{gap:10px}.nav-create .create-label{display:none}.home-nav{display:flex}.home-nav button{padding:8px;font-size:11px}.library-heading h2{font-size:30px}}@media(max-width:650px){.library-heading{padding:22px;gap:8px}.library-heading img{width:90px;height:130px}.library-heading h2{font-size:27px}.library-heading p{font-size:13px}.library-filters{grid-template-columns:1fr 1fr}.library-filters label:first-child{grid-column:1/-1}.set-metadata{grid-template-columns:1fr;gap:0}.studio-page h1{font-size:34px}.question-editor{padding:18px}.question-editor .prompt{font-size:18px}.studio-save span{display:none}.studio-save .primary{width:100%}.choice-row{flex-wrap:wrap}.correct-choice{width:auto}.choice-row .choice-text{flex:1;min-width:130px}.home-nav{order:5;width:100%}.home-nav button{font-size:13px}}.set-options summary{cursor:pointer;font-size:13px;color:var(--accent);font-weight:700;padding:12px 0}.studio-page #set-form>.panel{padding:16px 24px;margin:16px 0}.studio-page #set-form>.panel>label{margin-top:0}.studio-page .spaced{margin-top:16px}.studio-page>p{margin-bottom:16px}.library-heading{padding:18px 26px}.library-heading img{height:130px;width:120px}.library-heading h2{font-size:32px;margin:8px 0}.library-heading p{margin:6px 0 12px}.library-heading .primary{padding:10px 14px}.studio-page{padding-top:28px}.studio-page>h1{font-size:36px;margin:12px 0}.studio-page>p{margin:8px 0 12px}.library-toolbar{margin:16px 0}.library-view .set-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1050px){.library-view .set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.library-view .set-grid{grid-template-columns:1fr}.library-heading img{width:90px;height:110px}}.studio-page>#back{float:right;margin-left:16px;font-size:12px;padding:10px 12px}.studio-page>.spaced{margin-top:0;padding-top:4px}.studio-page>h1{font-size:30px;letter-spacing:-1px;margin:10px 0}.studio-page .question-heading{margin-bottom:16px;padding-bottom:12px}.studio-page .question-editor{padding:20px}.studio-page .question-editor .prompt{min-height:110px}.studio-page .studio-save{bottom:8px;padding:10px 14px}@media(max-width:650px){.studio-page>#back{float:none;margin:0 0 14px}.studio-page .question-editor{padding:16px}}.warmer-feature{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;margin:16px 0;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.warmer-feature h3{margin:8px 0;font-size:24px}.warmer-feature p{margin:0;font-size:13px;max-width:550px}.warmer-feature .actions{flex-shrink:0;max-width:310px}.warmer-feature button{font-size:12px;padding:10px 12px}.set-dialog{width:min(850px,calc(100% - 28px));max-height:88vh;overflow:auto;padding:28px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 70px #0006}.set-dialog::backdrop{background:#071225b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading h2{margin:0;font-size:28px}.dialog-close{font-size:24px;padding:5px 14px}.preview-question{padding:20px;border:1px solid var(--line);border-radius:14px;margin-top:16px;background:var(--field)}.preview-question h3{font-size:20px;line-height:1.5;margin:10px 0}.preview-choices{color:var(--muted);line-height:1.8}.teacher-answer summary{color:var(--accent);font-weight:700;font-size:13px;cursor:pointer}.teacher-answer p{color:var(--ink);padding:12px 14px;background:var(--soft);border-radius:9px;margin:12px 0 0}.import-guide,.import-ready{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin:18px 0}.import-guide a{color:var(--accent);font-weight:750}.import-guide p,.import-ready p{font-size:13px;margin:10px 0 0}.import-errors{border:1px solid #df8090;border-radius:12px;padding:18px;margin:18px 0}.import-errors li{margin:8px 0;line-height:1.5}.set-dialog .error{color:#ff9caa}:root[data-theme=light] .set-dialog .error{color:#b02f40}.set-dialog input[type=file]{white-space:normal}.set-card .actions{gap:6px}.set-card .actions button{padding:9px 11px}@media(max-width:800px){.warmer-feature{align-items:flex-start;flex-direction:column;gap:14px}.warmer-feature .actions{max-width:none}.set-dialog{padding:20px}.dialog-heading h2{font-size:23px}}.visitor-site{--visitor-blue:#0758ff;background:var(--canvas);color:var(--ink)}.sky-page{position:relative;isolation:isolate;background:transparent}.sky-page .home-page:before,.sky-page .home-page:not(.library-view):before{content:none}.sky-page .home-hero{background:transparent}.sky-page .hero-copy{background:radial-gradient(ellipse at 35% 50%,var(--surface) 0%,transparent 85%)}.sky-page .local-note{background:var(--surface);padding:12px 16px;border-radius:10px}.visitor-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 70% 12%,#ffffff40,transparent 55%),linear-gradient(180deg,#459fe3,#9ed6fa 40%,#d9effc 78%,#eef9ff)}.visitor-sky>div{position:absolute;pointer-events:none}.sky-clouds{top:-80px;right:-180px;bottom:-80px;left:-180px;background:url(../art/menu/sky-clouds.svg) 0 0/1200px 650px repeat;will-change:transform}.sky-clouds-far{opacity:.45;filter:blur(5px);background-size:950px 515px;animation:sky-cloud-drift 160s ease-in-out infinite alternate}.sky-clouds-near{background-size:1900px 1030px;background-position:400px 140px;opacity:.72;filter:blur(1.5px);animation:sky-cloud-drift 85s ease-in-out infinite alternate-reverse}.sky-clouds,.sky-wind{-webkit-mask-image:linear-gradient(90deg,#000,#0009 18%,#0003 38%,#0005 65%,#000 90%);mask-image:linear-gradient(90deg,#000,#0009 18%,#0003 38%,#0005 65%,#000 90%)}.sky-wind{top:-60px;right:-120px;bottom:-60px;left:-120px;background:url(../art/menu/sky-wind.svg) center/1200px 800px repeat;opacity:0;animation:sky-wind-drift 32s ease-in-out infinite}.sky-leaves{top:0;right:0;bottom:0;left:0}.sky-leaf{position:absolute;left:var(--leaf-x);top:-60px;width:var(--leaf-size);color:var(--leaf-color);opacity:.7;animation:sky-leaf-fall var(--leaf-time) linear var(--leaf-delay) infinite;will-change:transform}.sky-leaf:nth-child(3n){opacity:.4;filter:blur(.8px)}.sky-leaf svg{display:block;width:100%;height:auto;animation:sky-leaf-flutter 5s ease-in-out var(--leaf-delay) infinite alternate;transform-origin:50% 30%}.sky-stars{display:none;top:-30px;right:-30px;bottom:-30px;left:-30px;opacity:.9;background-image:radial-gradient(circle at 25px 45px,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 137px 109px,#bbd9ff 0 1.3px,transparent 2px),radial-gradient(circle at 217px 31px,#fff 0 .8px,transparent 1.6px),radial-gradient(circle at 82px 201px,#d9ccff 0 1px,transparent 1.8px);background-size:263px 241px,379px 317px,431px 389px,347px 293px}.sky-stars-far{opacity:.6}.sky-stars-near{background-image:radial-gradient(circle at 137px 109px,#fff 0 1.8px,#bddbffb0 2.5px,#a9ceff30 5px,transparent 9px),radial-gradient(circle at 217px 31px,#fff 0 1.5px,#adcfff55 3px,transparent 7px);background-size:397px 337px,547px 493px;background-position:90px 80px;animation:sky-star-glow 4.8s ease-in-out infinite;will-change:opacity}.sky-stars{-webkit-mask-image:linear-gradient(90deg,#000,#0005 30%,#0008 65%,#000);mask-image:linear-gradient(90deg,#000,#0005 30%,#0008 65%,#000)}.sky-moon{display:none;top:115px;right:4%;width:clamp(48px,6vw,82px);opacity:.8;filter:drop-shadow(0 0 16px #adc9ff45)}.sky-moon svg{display:block;width:100%;height:auto;transform:rotate(-18deg)}.sky-tree{left:-48px;top:0;bottom:0;width:clamp(260px,32vw,490px);opacity:.8;-webkit-mask-image:linear-gradient(90deg,#000 45%,#000b 72%,transparent 100%);mask-image:linear-gradient(90deg,#000 45%,#000b 72%,transparent 100%)}.sky-tree img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;transform-origin:0 80%;animation:sky-tree-sway 14s ease-in-out infinite alternate}.sky-fireflies{display:none;top:0;right:0;bottom:0;left:0}.sky-fireflies span{position:absolute;left:var(--fly-x);top:var(--fly-y);width:3px;height:3px;border-radius:50%;background:#cbf5c4;box-shadow:0 0 8px 3px #a9eab955;opacity:0;animation:sky-firefly-drift 8s ease-in-out var(--fly-delay) infinite}:root[data-theme=dark] .sky-tree{opacity:.65;filter:brightness(.55) grayscale(1) sepia(1) saturate(2.5) hue-rotate(165deg) drop-shadow(3px 0 3px #8bafff30)}:root[data-theme=dark] .sky-fireflies{display:block}@keyframes sky-tree-sway{0%{transform:rotate(-.4deg)}to{transform:rotate(.5deg)}}@keyframes sky-firefly-drift{0%,to{opacity:0;transform:translate(0)}35%{opacity:.7}65%{opacity:.35;transform:translate(15px,-20px)}80%{opacity:.65;transform:translate(8px,-28px)}}@media(max-width:850px){.sky-tree{width:250px;left:-95px;opacity:.55}.sky-fireflies{-webkit-mask-image:linear-gradient(90deg,#000,transparent 35%);mask-image:linear-gradient(90deg,#000,transparent 35%)}}@media(max-width:600px){.sky-tree{width:200px;left:-115px;opacity:.4}:root[data-theme=dark] .sky-tree{opacity:.4}}@media(prefers-reduced-motion:reduce){.sky-fireflies span{opacity:.35}}:root[data-theme=dark] .visitor-sky{background:radial-gradient(ellipse at 76% 30%,#6b4aab38,transparent 48%),radial-gradient(ellipse at 90% 60%,#357aaa24,transparent 55%),linear-gradient(180deg,#060d23,#14213f 55%,#25294b)}:root[data-theme=dark] .visitor-sky .sky-clouds,:root[data-theme=dark] .visitor-sky .sky-wind,:root[data-theme=dark] .visitor-sky .sky-leaves{display:none}:root[data-theme=dark] .sky-stars,:root[data-theme=dark] .sky-moon{display:block}.visitor-site .visitor-main,.visitor-site .visitor-hero{background:transparent}.visitor-site .visitor-hero:before,.visitor-site .visitor-ready:before{content:none}.visitor-site .visitor-copy{background:radial-gradient(ellipse at 35% 50%,#ffffffeb,#ffffffb0 48%,#fff0 74%)}.visitor-site .visitor-header,.visitor-site .visitor-footer{background:color-mix(in srgb,var(--surface) 92%,transparent)}:root[data-theme=dark] .visitor-site .visitor-copy{background:radial-gradient(ellipse at 35% 50%,#0b1739e8,#0b173980 48%,#0b173900 74%)}@keyframes sky-cloud-drift{0%{transform:translate(-70px)}to{transform:translate(70px)}}@keyframes sky-wind-drift{0%,40%,to{transform:translate(-45px);opacity:0}60%{opacity:.35}85%{transform:translate(70px);opacity:0}}@keyframes sky-leaf-fall{0%{transform:translate3d(0,-60px,0) rotate(-30deg)}25%{transform:translate3d(var(--leaf-drift),25vh,0) rotate(25deg)}50%{transform:translate3d(0,55vh,0) rotate(-15deg)}75%{transform:translate3d(var(--leaf-drift),80vh,0) rotate(40deg)}to{transform:translate3d(0,calc(100vh + 100px),0) rotate(80deg)}}@keyframes sky-leaf-flutter{0%{transform:rotate(-15deg) scaleX(.65)}to{transform:rotate(20deg) scaleX(1)}}@keyframes sky-star-glow{0%,to{opacity:.15}30%{opacity:.75}48%{opacity:.3}70%{opacity:1}85%{opacity:.5}}@media(prefers-reduced-motion:reduce){.visitor-sky *{animation:none!important;will-change:auto}.sky-leaf{top:calc(var(--leaf-x) * .8);transform:rotate(35deg)}.sky-wind{opacity:.15}}.visitor-site a{color:var(--visitor-blue);text-decoration:none;font-weight:700}.visitor-games>h2,.visitor-feedback-heading{background:var(--surface);color:var(--ink);padding:12px 18px;border:1px solid var(--line);border-radius:8px;width:100%;max-width:100%}.visitor-games>h2 em{color:var(--visitor-blue)}.visitor-feedback-heading{margin-bottom:16px}.visitor-feedback .visitor-feedback-heading h2{margin:0}.visitor-feedback-heading p{margin:6px 0 0;font-size:13px;color:var(--muted)}.visitor-site button.primary{background:var(--visitor-blue);color:#fff;border-color:var(--visitor-blue)}.visitor-site button.primary:hover{background:#0045d9}.visitor-header{max-width:1440px;padding:18px 32px;gap:24px;min-height:84px;border:0;background:var(--surface)}.visitor-header nav{display:flex;align-items:center;gap:20px;margin-left:auto}.visitor-header nav a,.visitor-header nav button{font-size:13px;color:var(--ink);white-space:nowrap;padding:8px 0;border:0;background:none}.visitor-tools{display:flex;align-items:center;gap:12px}.visitor-tools>button{font-size:12px;white-space:nowrap;padding:11px 14px}.visitor-tools .visitor-login{background:none;border:0;color:var(--visitor-blue)}.visitor-theme{display:flex;background:var(--soft);border-radius:24px;padding:4px;border:1px solid var(--line)}.visitor-theme button{font-size:12px;padding:6px 10px;border:0;background:transparent;border-radius:20px;white-space:nowrap}.visitor-theme button[aria-pressed=true]{background:var(--surface);color:var(--visitor-blue);box-shadow:0 2px 5px #153b7710}.visitor-header .screen-toggle{padding:8px;font-size:0;min-width:32px;background:var(--soft)}.visitor-header .screen-toggle:before{content:"⛶";font-size:22px}.visitor-main{max-width:1440px;margin:auto;background:linear-gradient(180deg,var(--canvas),var(--soft))}.visitor-hero{display:grid;grid-template-columns:43% 57%;position:relative;isolation:isolate;align-items:center;min-height:520px;overflow:hidden;background:linear-gradient(110deg,var(--surface),var(--soft))}.visitor-hero:before,.visitor-ready:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(../art/menu/sakura-petals.svg) center/680px 400px repeat,url(../art/menu/sakura-wind-stars.svg) center/100% 100%;opacity:.55;pointer-events:none}.visitor-copy{padding:40px 0 40px 46px;position:relative;z-index:2}.visitor-copy h1{font-size:clamp(36px,4.3vw,64px);letter-spacing:-2.8px;line-height:1.04;margin:0 0 18px;font-weight:900}.visitor-site em{font-style:normal;color:var(--visitor-blue)}.visitor-copy h2{font-size:clamp(16px,1.7vw,23px);line-height:1.4;margin:0 0 12px;letter-spacing:-.7px}.visitor-copy p{font-size:17px;line-height:1.5;margin:0 0 24px}.visitor-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:14px}.visitor-actions button{padding:14px 24px}.visitor-site .primary span{margin-left:12px}.visitor-art{align-self:stretch;display:flex;align-items:center;padding:18px 22px 0 0;min-width:0}.visitor-art img{display:block;width:100%;height:auto;object-fit:contain;max-height:none}.visitor-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:30px 36px;background:var(--surface);border:1px solid var(--line);border-radius:20px;scroll-margin-top:20px}.visitor-steps article{display:flex;align-items:center;gap:16px;min-width:0}.step-number{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--visitor-blue);font-weight:850;font-size:27px}.visitor-steps svg{width:44px;height:44px;flex-shrink:0;color:var(--visitor-blue)}.visitor-steps h3{font-size:15px;margin:0 0 5px;letter-spacing:-.4px}.visitor-steps p{font-size:13px;line-height:1.45;margin:0}.step-arrow{color:var(--visitor-blue);font-size:24px;margin-left:auto}.visitor-games,.visitor-feedback{padding:28px 36px}.visitor-site h2{font-weight:850}.visitor-games>h2{font-size:clamp(26px,3vw,40px);margin:8px 0 24px;letter-spacing:-1.5px}.visitor-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visitor-game{display:flex;flex-direction:column;text-align:left;color:var(--ink);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 6px 22px #183c6706;padding:8px}.visitor-game>img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:12px;display:block;object-position:center}.visitor-game>div{padding:4px 14px 14px}.visitor-game h3{font-size:26px;letter-spacing:-1px;margin:12px 0 4px}.visitor-game p{font-size:14px;margin:0 0 12px}.visitor-game .visitor-game-link,.lesson-copy button{border:0;background:transparent;color:var(--visitor-blue);padding:6px 0;text-align:left;font-size:14px}.visitor-game .visitor-game-link span,.lesson-copy button span{margin-left:8px}.visitor-lesson{margin:0 36px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.visitor-lesson>h2{font-size:clamp(26px,3vw,38px);margin:0 0 20px;letter-spacing:-1.2px}.lesson-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:center}.lesson-preview{padding:20px;background:var(--field);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 22px #0c6ad60a}.lesson-title{display:flex;gap:12px;align-items:center}.lesson-title>span{font-size:32px;background:var(--soft);border-radius:10px;padding:7px}.lesson-title strong{font-size:17px}.lesson-title small{display:block;color:var(--muted);margin-top:4px}.lesson-question{display:grid;grid-template-columns:65px 1fr;gap:16px;margin-top:18px}.lesson-question aside{display:flex;flex-direction:column;gap:20px;font-size:12px;color:var(--muted)}.lesson-question aside b{color:var(--visitor-blue);background:var(--soft);padding:8px;border-radius:6px}.lesson-question h3{font-size:15px;margin:4px 0 16px}.lesson-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lesson-answers>div{border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;align-items:center;gap:10px;font-size:13px}.lesson-answers span{background:var(--soft);color:var(--visitor-blue);padding:3px 7px;border-radius:50%}.lesson-answers .correct{border-color:var(--visitor-blue);background:var(--soft)}.lesson-answers b{margin-left:auto;color:var(--visitor-blue)}.lesson-copy{border-left:1px solid var(--line);padding-left:30px}.lesson-copy h3{font-size:30px;letter-spacing:-1px;margin:0 0 16px}.lesson-copy p{font-size:15px;margin-bottom:18px}.visitor-feedback h2{margin:0;font-size:28px}.visitor-feedback>p{font-size:13px;margin:4px 0 16px}.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feedback-grid figure{margin:0;background:var(--surface);padding:22px;border:1px solid var(--line);border-radius:14px}.feedback-star{color:#ffa300;letter-spacing:3px}.feedback-grid blockquote{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0}.feedback-grid figcaption{color:var(--muted);font-size:12px}.visitor-ready{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;gap:70px;padding:34px;margin:0 36px 24px;background:var(--surface);border-radius:16px;overflow:hidden}.visitor-ready h2{font-size:30px;letter-spacing:-1px;margin:0}.visitor-ready button{padding:16px 40px}.visitor-footer{max-width:1440px;margin:auto;padding:24px 36px;display:flex;align-items:center;gap:26px;background:var(--surface);text-align:left;flex-wrap:wrap}.visitor-footer .footer-brand{font-size:20px;color:var(--ink);font-weight:900;margin-right:auto}.visitor-footer a,.visitor-footer button,.visitor-footer>span{font-size:12px;color:var(--muted)}.visitor-footer button{border:0;background:none;padding:0}.visitor-footer>span{margin-left:auto}:root[data-theme=dark] .visitor-site{--visitor-blue:#88adff}@media(min-width:1440px){.visitor-hero{min-height:580px}}@media(max-width:1150px){.visitor-header{gap:14px;padding:14px 24px}.visitor-header nav{gap:14px}.visitor-header .zupa-word{font-size:26px}.visitor-tools{gap:8px}.visitor-header .screen-toggle{display:none}.visitor-copy{padding-left:30px}.visitor-copy h1{font-size:44px}.visitor-steps{gap:20px;padding:24px}.visitor-steps article{gap:10px}.visitor-steps svg{width:34px}.step-arrow{display:none}}@media(max-width:850px){.visitor-header nav{order:3;width:100%;justify-content:center}.visitor-tools{margin-left:auto}.visitor-header .zupa-word{font-size:23px}.visitor-hero{grid-template-columns:42% 58%;min-height:420px}.visitor-copy h1{font-size:36px;letter-spacing:-1.5px}.visitor-copy p{font-size:14px}.visitor-copy h2{font-size:17px}.visitor-art{padding:10px}.visitor-steps{gap:15px;padding:20px}.visitor-steps svg{display:none}.step-number{flex-basis:34px;width:34px;height:34px;font-size:22px}.visitor-game h3{font-size:22px}.visitor-games,.visitor-feedback{padding:24px}.visitor-lesson{margin:0 24px}.lesson-grid{gap:20px}.lesson-copy{padding-left:20px}.lesson-answers{grid-template-columns:1fr}.visitor-ready{margin-inline:24px;gap:30px}.visitor-ready h2{font-size:25px}}@media(max-width:600px){.visitor-header{padding:12px 16px;gap:12px}.visitor-header .zupa-word{font-size:23px}.visitor-header .visitor-tools{width:100%;justify-content:space-between;order:3}.visitor-header nav{order:2;gap:22px}.visitor-header nav a,.visitor-header nav button{font-size:12px}.visitor-header .screen-toggle{display:block}.visitor-hero{grid-template-columns:1fr;min-height:0}.visitor-copy{padding:32px 24px 10px}.visitor-copy h1{font-size:43px}.visitor-copy p br{display:none}.visitor-art{padding:0 12px;max-height:none}.visitor-steps{grid-template-columns:1fr;border-radius:14px;padding:24px;margin:0 12px}.visitor-steps svg{display:block}.visitor-steps article{gap:16px}.visitor-steps h3{font-size:16px}.visitor-games,.visitor-feedback{padding:24px 16px}.visitor-game-grid,.feedback-grid{grid-template-columns:1fr}.visitor-game>img{aspect-ratio:1.6}.visitor-game h3{font-size:26px}.visitor-lesson{margin:0 16px;padding:20px}.lesson-grid{grid-template-columns:1fr}.lesson-copy{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.lesson-preview{padding:14px}.lesson-question{grid-template-columns:34px 1fr;gap:10px}.lesson-answers{grid-template-columns:1fr 1fr}.lesson-answers>div{padding:8px;gap:6px}.visitor-ready{margin:0 16px 20px;flex-direction:column;gap:20px;padding:24px;text-align:center}.visitor-footer{padding:24px 16px;gap:18px}.visitor-footer .footer-brand{width:100%}.visitor-footer>span{margin:0;width:100%}}.dashboard-header{max-width:1440px;min-height:82px;height:auto;padding:16px 28px;gap:22px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:0;flex-wrap:wrap}.dashboard-section-heading{background:var(--surface);padding:14px 18px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.dashboard-section-heading p{color:var(--muted)}.dashboard-site .dashboard-section-heading h2>span,.dashboard-site .dashboard-section-heading>button{color:var(--accent)}.dashboard-section-heading .dashboard-library-title{color:var(--ink)}.dashboard-header nav{display:flex;align-items:center;gap:12px;margin-left:auto}.dashboard-header nav button,.dashboard-header nav a{padding:9px 10px;border:0;background:transparent;color:var(--ink);font-size:12px;letter-spacing:0;font-weight:700;text-decoration:none;white-space:nowrap}.dashboard-header nav [aria-current=page]{color:var(--accent);background:var(--soft);border-radius:8px}.dashboard-tools{display:flex;gap:10px;align-items:center}.dashboard-tools>button{font-size:12px;padding:10px 12px}.dashboard-account{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0}.dashboard-header .screen-toggle{font-size:0;padding:7px}.dashboard-header .screen-toggle:before{content:"⛶";font-size:22px}.dashboard-main{max-width:1260px;margin:auto;padding:22px 28px 70px}.dashboard-welcome{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:300px;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 68%,transparent)}.dashboard-welcome>div{padding:34px 0 34px 30px;position:relative;z-index:1}.dashboard-welcome h1{font-size:clamp(28px,3.3vw,44px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 12px}.dashboard-welcome em{color:var(--accent)}.dashboard-welcome p{font-size:19px;font-weight:650;margin:0}.dashboard-welcome>img{display:block;width:100%;max-height:340px;object-fit:contain;align-self:end}.dashboard-section{margin-top:36px;scroll-margin-top:20px}.dashboard-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.dashboard-section-heading h2{font-size:28px;margin:0;letter-spacing:-.8px}.dashboard-section-heading h2>span{color:var(--accent);margin-right:8px}.dashboard-section-heading p{margin:5px 0 0;font-size:14px}.dashboard-section-heading>button{background:transparent;color:var(--accent);border:0;white-space:nowrap;font-size:14px}.continue-grid,.dashboard-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.continue-card{padding:20px 16px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.continue-info{display:flex;align-items:center;gap:14px}.continue-icon{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border-radius:10px;background:var(--soft);color:var(--accent);font-size:40px}.continue-info h3{font-size:18px;margin:0 0 3px;overflow-wrap:anywhere}.continue-info p{font-size:13px;margin:0}.continue-info small{font-size:12px;color:var(--muted)}.continue-actions{display:flex;align-items:center;gap:10px;margin-top:16px}.continue-actions .primary{flex:1}.continue-actions button{padding:9px 12px}.continue-actions button:not(.primary){background:transparent;border:0;color:var(--accent);font-size:21px}.dashboard-empty{grid-column:1/-1;padding:26px;background:var(--surface);border-radius:14px;border:1px solid var(--line)}.dashboard-empty h3{margin:0}.dashboard-empty p{margin:8px 0 16px}.dashboard-empty button{margin:0 8px 8px 0}.dashboard-game{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:320px;padding:22px;color:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;background-size:cover;background-position:center}.dashboard-game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0a163bbf,transparent 65%)}.dashboard-game strong{font-size:26px;letter-spacing:-.8px;text-shadow:0 1px 5px #0009}.dashboard-game>span:not(.dashboard-game-arrow){font-size:14px;line-height:1.6;margin-top:4px;max-width:200px;text-shadow:0 1px 5px #000c}.dashboard-game-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#0758ff;background:#fff;font-size:22px}.dashboard-game:hover{background-color:transparent;filter:brightness(1.06)}.dashboard-library-title{border:0;padding:0;background:transparent;color:var(--ink);text-align:left}.dashboard-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-library-card{padding:0;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.dashboard-library-card>img,.dashboard-library-art{width:100%;height:185px;object-fit:cover;display:block}.dashboard-library-art{background:var(--soft);overflow:hidden}.dashboard-library-art img{width:100%;height:100%;object-fit:contain}.dashboard-library-card>div:not(.dashboard-library-art){padding:18px}.dashboard-library-card h3{font-size:18px;margin:0 0 6px}.dashboard-library-card p{font-size:14px;margin:0 0 18px;line-height:1.5}.dashboard-library-card span{font-size:13px;color:var(--muted)}.dashboard-footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding:28px;background:var(--surface)}.dashboard-footer a,.dashboard-footer button{font-size:12px;text-decoration:none;color:var(--muted);padding:0;border:0;background:transparent}.dashboard-footer>a:first-child{margin-right:auto;font-size:20px;font-weight:900;color:var(--ink)}.dashboard-footer>span{margin-left:auto;font-size:12px}@media(max-width:1100px){.dashboard-header{gap:12px}.dashboard-header .zupa-word{font-size:26px}.dashboard-header nav{gap:3px}.dashboard-tools{margin-left:auto}.dashboard-header .screen-toggle{display:none}.dashboard-game{min-height:270px}.dashboard-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.dashboard-header nav{order:3;width:100%;justify-content:center}.dashboard-welcome{grid-template-columns:48% 52%;min-height:240px}.dashboard-welcome>div{padding:24px 0 24px 20px}.dashboard-welcome h1{font-size:30px}.dashboard-welcome p{font-size:15px}.continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-game{min-height:240px;padding:16px}.dashboard-game strong{font-size:21px}.dashboard-game>span:not(.dashboard-game-arrow){font-size:12px}.dashboard-section-heading h2{font-size:24px}}@media(max-width:600px){.dashboard-header{padding:12px 16px}.dashboard-header .zupa-word{font-size:23px}.dashboard-tools{width:100%;justify-content:space-between;order:3;gap:4px}.dashboard-tools>button{font-size:11px;padding:9px}.dashboard-account{max-width:110px}.dashboard-header nav{order:2;gap:0}.dashboard-main{padding:16px 16px 40px}.dashboard-welcome{grid-template-columns:1fr}.dashboard-welcome>div{padding:24px 24px 0}.dashboard-welcome>img{max-height:280px}.dashboard-welcome h1{font-size:33px}.dashboard-section{margin-top:28px}.dashboard-section-heading{align-items:flex-start;gap:10px}.dashboard-section-heading h2{font-size:22px}.dashboard-section-heading>button{padding:4px;font-size:12px}.continue-grid,.dashboard-game-grid{grid-template-columns:1fr}.dashboard-game{min-height:240px}.dashboard-game strong{font-size:27px}.dashboard-game>span:not(.dashboard-game-arrow){font-size:14px}.dashboard-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-library-card>img,.dashboard-library-art{height:130px}.dashboard-library-card>div:not(.dashboard-library-art){padding:12px}.dashboard-library-card h3{font-size:16px}.dashboard-footer{gap:18px;padding:24px 16px}.dashboard-footer>span{margin:0;width:100%}}.account-site{--account-blue:#0758ff;min-height:100vh;color:var(--ink)}.account-return-story{padding-top:0}.return-portrait{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line);background:var(--surface);padding:0;box-shadow:0 12px 35px #0a1a401a}.account-return-story .return-portrait img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.return-portrait>span{display:block;text-align:center;padding:12px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:750;margin:0}.return-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.return-games>div{overflow:hidden;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.account-return-story .return-games img{display:block;width:100%;height:76px;object-fit:cover;object-position:center top}.return-games strong{display:block;padding:9px 7px;text-align:center;font-size:12px;color:var(--ink)}@media(max-width:760px){.account-return-story h2{display:block;font-size:28px;margin:0 0 14px}.account-return-story .return-portrait{display:none}.return-games{margin:0}.account-return-story .return-games img{height:62px}.return-games strong{font-size:11px}.account-main-login{gap:22px}}.account-main-signup{align-items:start}.account-signup-story{padding-top:8px;min-width:0}.signup-game-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.signup-game{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:0 6px 20px #0a1a4015}.signup-game-free{grid-column:1/-1}.account-signup-story .signup-game img{width:100%;height:145px;object-fit:cover;display:block}.account-signup-story .signup-game-free img{height:185px;object-position:center top}.signup-tier{position:absolute;left:12px;top:12px;border-radius:20px;padding:5px 10px;background:#ece5ff;color:#492483;font-size:11px;font-weight:850;box-shadow:0 2px 8px #0002}.signup-tier-free{background:#d9f9e4;color:#146537}.signup-game>div{padding:12px 14px}.signup-game h3{font-size:19px;letter-spacing:-.5px;margin:0 0 4px}.signup-game p{font-size:12px;line-height:1.5;margin:0}.signup-platform-plan{margin-top:20px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.signup-platform-plan h3{font-size:19px;margin:0 0 8px;letter-spacing:-.4px}.signup-platform-plan p{font-size:14px;line-height:1.6;margin:0 0 10px}.signup-platform-plan>span{display:block;color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:760px){.account-signup-story h2,.account-signup-story>p{display:block}.account-signup-story h2{font-size:30px;margin:10px 0}.account-signup-story>p{font-size:14px;margin-bottom:16px}.signup-game-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.signup-game-free{grid-column:auto}.account-signup-story .signup-game img,.account-signup-story .signup-game-free img{height:100px;max-height:none;object-fit:cover}.signup-game>div{padding:10px}.signup-game h3{font-size:14px}.signup-game p{display:none}.signup-tier{left:6px;top:6px;padding:4px 7px;font-size:10px}.signup-platform-plan{padding:16px;margin-top:14px}.signup-platform-plan h3{font-size:18px}}:root[data-theme=dark] .account-site{--account-blue:#91b3ff}.account-header{max-width:1440px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:0;padding:20px 32px;min-height:84px;gap:20px}.account-header-tools{margin-left:auto;display:flex;align-items:center;gap:20px}.account-header-tools>a{font-size:13px;letter-spacing:0;color:var(--accent);white-space:nowrap}.account-header .screen-toggle{font-size:0;padding:8px}.account-header .screen-toggle:before{content:"⛶";font-size:22px}.account-main{max-width:1160px;margin:auto;padding:48px 32px;display:grid;grid-template-columns:1fr 460px;gap:48px;align-items:center;min-height:calc(100vh - 160px)}.account-story{position:relative;padding:28px 0 0;background:radial-gradient(ellipse at 35% 25%,color-mix(in srgb,var(--surface) 90%,transparent),transparent 75%)}.account-eyebrow{display:inline-block;font-size:11px;letter-spacing:1.8px;font-weight:850;color:var(--accent);padding:8px 12px;background:var(--surface);border-radius:20px}.account-story h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-1.7px;line-height:1.12;margin:20px 0 14px}.account-story>p{font-size:16px;max-width:440px;color:var(--ink);line-height:1.7;margin:0 0 24px}.account-story img{display:block;width:100%;height:auto;object-fit:contain}.account-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:32px 36px;box-shadow:0 18px 65px #0a1a4024}.account-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--account-blue);background:var(--soft);font-size:27px;font-weight:800;margin-bottom:16px}.account-panel h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:0 0 8px}.account-intro{font-size:15px;margin:0 0 24px}.account-panel label{margin:18px 0 8px;font-size:13px;font-weight:750}.account-panel input:not([type=radio]){margin:0;padding:13px 14px;font-size:15px;width:100%}.account-password-field{position:relative}.account-password-field input{padding-right:72px!important}.account-password-field>button{position:absolute;right:6px;top:5px;bottom:5px;font-size:12px;padding:5px 10px;background:transparent;border:0;color:var(--accent)}.account-field-hint{font-size:12px;margin:7px 0 0}.account-text-button{border:0;padding:0;background:transparent;color:var(--account-blue);font-size:13px}.account-forgot{display:block;margin:12px 0 0 auto}.account-service-note{font-size:12px;line-height:1.55;margin:20px 0 16px;padding:10px 12px;border-radius:8px;background:var(--soft)}.account-panel button.account-submit{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;padding:14px;background:#0758ff;color:#fff;border-color:#0758ff;font-size:15px}.account-panel button.account-submit:hover{background:#0047d6}.account-switch{text-align:center;font-size:13px;margin:22px 0}.account-switch a{color:var(--account-blue);font-weight:750;text-decoration:none;margin-left:5px}.account-local{border-top:1px solid var(--line);padding-top:16px;text-align:center;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}#account-status{font-size:13px;padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:8px;margin:14px 0 0;color:var(--ink)}.account-footer{font-size:12px;background:var(--surface);margin:0;padding:20px;color:var(--muted)}@media(max-width:1000px){.account-main{grid-template-columns:1fr 420px;gap:28px;padding:32px 24px}.account-panel{padding:28px}.account-story h2{font-size:36px}}@media(max-width:760px){.account-main{grid-template-columns:1fr;max-width:550px;padding:28px 20px;gap:22px}.account-story{padding:0;background:none}.account-story h2,.account-story>p,.account-eyebrow{display:none}.account-story img{max-height:190px;object-fit:contain}.account-panel{padding:28px 24px;border-radius:18px}.account-header{padding:14px 18px}.account-header .zupa-word{font-size:24px}.account-header-tools{gap:10px;flex-wrap:wrap;justify-content:flex-end}.account-header-tools>a{font-size:12px}.account-header .screen-toggle{display:none}.account-panel h1{font-size:28px}}@media(max-width:450px){.account-header{flex-wrap:wrap}.account-header-tools{width:100%;justify-content:space-between}.account-main{padding:20px 16px}.account-story img{max-height:150px}.account-panel{padding:24px 20px}}.games-library-page{max-width:1260px;margin:auto;padding:32px 28px 70px}.games-library-heading{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:24px}.games-library-heading h1{margin:0 0 10px;font-size:40px}.games-library-heading p{margin:0}.games-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.games-library-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--ink)}.games-library-card img{width:100%;height:210px;object-fit:cover;object-position:center top;display:block}.games-library-card>div{padding:20px;flex:1}.games-library-card h2{margin:0 0 10px;font-size:24px}.games-library-card p{font-size:14px;margin:0 0 16px}.games-library-card small{display:block;color:var(--muted);margin-bottom:18px}.games-library-card .choose-set-link{color:var(--accent);font-size:14px;font-weight:750}.game-access-badge{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:20px;background:#eee4ff;color:#492483;font-size:12px;font-weight:800;box-shadow:0 2px 10px #0002}.game-access-badge.free{background:#d9f9e4;color:#146537}.question-set-picker{display:flex;flex-direction:column;gap:12px;margin:18px 0;max-height:52vh;overflow:auto;padding:4px}.question-set-picker button{display:block;text-align:left;padding:16px;background:var(--soft);border:1px solid var(--line)}.question-set-picker strong{display:block;font-size:16px}.question-set-picker span{display:block;font-size:13px;margin-top:5px;color:var(--muted)}.set-picker-search{margin:16px 0}.set-picker-empty{font-size:14px}.picker-game{display:flex;align-items:center;gap:16px;margin-top:18px}.picker-game img{width:110px;height:65px;object-fit:cover;object-position:center top;border-radius:10px}.picker-game p{margin:0;font-size:14px}.picker-tabs{display:flex;gap:8px;margin-top:18px}.picker-tabs button[aria-pressed=true]{background:var(--accent);color:var(--canvas);border-color:var(--accent)}.picker-help{font-size:12px;margin:8px 0;color:var(--muted)}.question-set-picker button{display:flex;align-items:center;gap:14px;flex-shrink:0}.question-set-picker img{width:88px;height:58px;object-fit:cover;border-radius:8px;background:var(--surface)}.question-set-picker button>div{min-width:0}.question-set-picker strong{overflow-wrap:anywhere}.picker-actions{border-top:1px solid var(--line);padding-top:16px}.picker-actions button{font-size:13px}.picker-actions #picker-cancel{margin-left:auto}.game-selection-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;margin-bottom:20px;background:var(--surface);border:1px solid var(--accent);border-radius:14px}.game-selection-banner strong{font-size:17px}.game-selection-banner p{margin:5px 0 0;font-size:13px}.game-selection-banner .actions{flex-shrink:0}.game-selection-banner{position:sticky;top:12px;z-index:5;box-shadow:0 4px 18px #10204412}.change-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.change-game-grid button{overflow:hidden;padding:0;text-align:left;background:var(--surface)}.change-game-grid img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;object-position:center top}.change-game-grid strong{display:block;padding:14px;font-size:16px}.game-flow-actions{margin-bottom:20px}.game-flow-actions button{font-size:13px}@media(max-width:600px){.game-selection-banner{align-items:flex-start;flex-direction:column}.change-game-grid{grid-template-columns:1fr}.change-game-grid button{display:flex;align-items:center}.change-game-grid img{width:100px;height:70px}.picker-game img{width:85px}.question-set-picker img{width:65px;height:50px}.picker-actions #picker-cancel{margin-left:0}}@media(max-width:850px){.games-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.games-library-page{padding:20px 16px 40px}.games-library-grid{grid-template-columns:1fr}.games-library-heading{padding:20px}.games-library-heading h1{font-size:32px}}.set-library-page{max-width:1260px;margin:auto;padding:28px 28px 60px}.set-library-heading,.set-library-create,.set-library-tools,.set-library-empty{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.set-library-heading h1{font-size:36px;margin:8px 0 10px}.set-library-heading p{margin:0}.set-library-page a{color:var(--accent);text-decoration:none;font-weight:700}.set-library-create{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.set-library-create h2{margin:10px 0}.set-library-create p{margin:0;max-width:620px}.set-library-section{margin-top:28px}.set-library-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--surface);border-radius:12px;padding:18px 22px;margin-bottom:16px}.set-library-section-title h2{margin:0;color:var(--ink)}.set-library-section-title p{margin:6px 0 0;font-size:14px}.set-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.set-library-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px;min-width:0}.set-library-band{display:flex;justify-content:space-between;gap:12px;color:var(--accent);font-size:12px}.set-library-band small{font-size:10px;font-weight:800}.set-library-card h3{overflow-wrap:anywhere;margin:16px 0 8px;font-size:21px}.set-library-card p{font-size:13px;margin:0 0 12px}.set-library-question{padding:12px;background:var(--soft);border-radius:8px;min-height:65px}.set-library-card .actions{gap:6px}.set-library-card button{font-size:12px;padding:9px 11px}.set-library-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.set-library-tools label{margin:0}.set-library-tools .actions{grid-column:1/-1}.set-library-count,.set-library-example-note,.set-library-storage-note{padding:12px 16px;border-radius:10px;background:var(--surface);font-size:13px}.set-library-storage-note{margin-top:28px}.set-library-empty{margin-top:20px}.set-library-empty h2{margin:0}@media(max-width:900px){.set-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.set-library-create{flex-direction:column;align-items:flex-start}.set-library-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.set-library-page{padding:20px 16px 40px}.set-library-grid,.set-library-tools{grid-template-columns:1fr}.set-library-heading,.set-library-create,.set-library-tools{padding:20px}.set-library-heading h1{font-size:30px}.set-library-section-title{padding:16px;align-items:flex-start}.set-library-section-title h2{font-size:22px}.set-library-section-title>a{white-space:nowrap;font-size:12px}}.set-library-card{padding:0;display:flex;flex-direction:column;box-shadow:0 5px 18px #1027440a}.set-library-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px 13px 0 0;background:var(--soft)}.set-library-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.set-library-card .actions{margin-top:auto}.set-library-question{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.set-library-more{position:relative;font-size:12px;margin-left:auto}.set-library-more summary{cursor:pointer;padding:9px 8px;color:var(--accent);font-weight:700;border-radius:6px}.set-library-more summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.set-library-more[open] button{position:absolute;right:0;bottom:100%;white-space:nowrap;z-index:3;background:var(--surface);border:1px solid var(--line);box-shadow:0 5px 18px #0002;margin-bottom:5px}#app :is(.dashboard-game,.visitor-game,.games-library-card){transition:transform .15s,border-color .15s,box-shadow .15s}#app :is(.dashboard-game,.visitor-game,.games-library-card):hover:not(:disabled){transform:translateY(-1px);filter:none;border-color:var(--accent);box-shadow:0 6px 18px #10204418;background-color:var(--surface)}#app :is(.dashboard-game,.visitor-game,.games-library-card):focus-visible{outline:3px solid var(--accent);outline-offset:4px}#app header button,#app header nav a{transition:background-color .15s,color .15s;transform:none}#app header button:hover:not(:disabled){transform:none}#app header nav :is(button,a):hover{background-color:var(--soft);color:var(--accent)}#app header :is(.nav-create,button.primary){background-color:#0758ff;border-color:#0758ff;color:#fff}#app header :is(.nav-create,button.primary):hover:not(:disabled){background-color:#0045d9;color:#fff}#app :is(.dashboard-library-title,.dashboard-section-heading>button):hover:not(:disabled){transform:none;background-color:transparent;color:var(--accent)}@media(prefers-reduced-motion:reduce){#app :is(.dashboard-game,.visitor-game,.games-library-card){transition:none}#app :is(.dashboard-game,.visitor-game,.games-library-card):hover:not(:disabled){transform:none}}