/* timaBeans — shared adventure UI, phone through desktop. */
:root{--quest-bg:#170d38;--quest-panel:#30205d;--quest-edge:#9370df;--quest-text:#fff;--quest-muted:#ded4f5;--quest-gold:#ffdc49;--quest-cyan:#42dcff;--quest-radius:24px;--quest-shadow:0 7px 0 #120925,0 14px 28px #08021c55;color-scheme:dark;font-family:ui-rounded,'Segoe UI',system-ui,sans-serif;background:var(--quest-bg)}
body{background:radial-gradient(ellipse at 15% 0,#6543b077,transparent 55%),radial-gradient(ellipse at 95% 30%,#146bbf55,transparent 50%),linear-gradient(145deg,#251448,#160e33 75%);background-attachment:fixed;color:var(--quest-text);min-height:100dvh}
.wrap{max-width:1440px;padding-top:20px}.top{padding:10px 0 18px;gap:16px}.logo.logo-home{font-size:clamp(22px,3.2vw,38px);color:#fff;font-weight:950;letter-spacing:-1.3px;text-shadow:0 3px 0 #27144f;min-height:52px}.logo span{color:var(--quest-gold)}
.stats{gap:8px}.chip{background:linear-gradient(#50327e,#2e1a53);border:1px solid #a380d2;box-shadow:0 4px 0 #140a30,inset 0 1px 0 #ffffff44;border-radius:16px;color:#fff;white-space:nowrap}
.panel,.onboard-card{background:linear-gradient(140deg,#3c296c,#251743);border:1px solid #8f6fbc;border-radius:var(--quest-radius);box-shadow:var(--quest-shadow);padding:22px;margin-top:20px;min-width:0}
h1,h2,h3{color:#fff;letter-spacing:-.5px}h1{font-weight:900}h2{font-size:clamp(19px,2vw,23px)}.muted,.mini,.notice,.ref-note{color:var(--quest-muted)}p{line-height:1.55}.pill{background:#ffffff16;border:1px solid #ffffff25;color:#eee4ff;letter-spacing:.5px}.legal-note{color:#c7b9df}.legal-note a{color:#b6eaff}
button,.answer,.token,.lesson,.lang,.lang-chip{transition:transform .14s,box-shadow .14s,border-color .14s}button:focus-visible,input:focus-visible,select:focus-visible,.answer:focus-visible{outline:3px solid #fff285;outline-offset:4px}button:disabled{cursor:not-allowed}
.primary,.secondary,.speaker,.token,.footer button,.home-tab,.grammar-choice,.refselect button{border-radius:14px;min-height:48px;font-weight:800;padding:12px 18px}
.primary{background:linear-gradient(#86ff80,#24d980);color:#092d29;border:2px solid #c7ffac;box-shadow:0 5px 0 #087b53,inset 0 2px 0 #ffffff77}
.secondary,.speaker,.token,.grammar-choice,.refselect button{background:linear-gradient(#5b3b8e,#3b2465);border:1px solid #aa89d1;color:#fff;box-shadow:0 3px 0 #170c32}
button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #170c32}.primary:not(:disabled):hover{filter:brightness(1.08)}
.input,select,input:not([type=checkbox]):not([type=file]){background:#1f153b;border-color:#9b7bc3;color:#fff;border-radius:14px;min-height:48px}.input::placeholder{color:#bdb0d4}.mode button.active,.grammar-nav button.active{background:#573a86;outline:2px solid var(--quest-cyan)}
.bar{background:#160b31;border:1px solid #ffffff28;border-radius:99px;overflow:hidden}.bar>div{border-radius:inherit;background:linear-gradient(90deg,#25b9f2,#7ef5e0)}
#home .home-tabs{background:#21123f;border:1px solid #7c5fa5;border-radius:20px;padding:6px;gap:7px;margin:0 0 4px;box-shadow:0 5px 0 #130a27}
#home .home-tab{background:transparent;border:1px solid transparent;color:#e6d9fa;font-size:14px;font-weight:800;min-width:0}
#home .home-tab[aria-selected=true]{background:linear-gradient(#ffe96c,#ffbd22);border-color:#fff39a;color:#30203d;box-shadow:0 3px 0 #b86b0a}
#home .home-page[hidden]{display:none!important}
#home .home-page .hero.hero-game{background:linear-gradient(135deg,#43307a,#36205f)!important;border:2px solid #b28beb!important;padding:20px;position:relative}
.profile-row{background:#1b103a99;border:1px solid #bfa1ee44;padding:10px 14px;border-radius:17px;max-width:340px;margin:0 0 12px}.profile-row .avatar{width:52px;height:52px}.profile-row .pr-text{gap:3px}.profile-row strong{font-size:16px}#profile-level{font-size:12px;color:#ded1f4}
.hero-scene{margin:0 -20px;border-radius:0;box-shadow:none;aspect-ratio:2.15;position:relative;isolation:isolate;background:#3a2670 url('../img/quest-team.webp') center 57%/cover no-repeat;overflow:hidden}
.hero-scene svg{height:100%;object-fit:cover;opacity:0}.hero-scene:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#36205f);pointer-events:none}
.hero-game .hero-text{position:relative;margin:0;padding:12px 0 4px}.hero-game .hero-text .pill{font-size:10px}.hero-game h1{font-size:clamp(23px,3.2vw,36px);line-height:1.12;max-width:620px}.hero-game p{font-size:14px;color:#e9dcff}.hero-game .row{font-size:13px}.hero-game>.bar{height:9px;margin-top:8px}
.mode-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.mode-card{grid-column:auto;min-height:154px;align-items:center;justify-content:center;text-align:center;padding:16px 10px;border:2px solid #ffffffb3;border-radius:22px;box-shadow:inset 0 2px 0 #ffffff66,0 6px 0 #09133366;overflow:hidden}.mode-card:after{content:'›';position:absolute;bottom:9px;right:10px;font-size:22px;line-height:28px;width:28px;background:#ffffff38;border-radius:50%}.mode-card strong{font-size:24px;text-shadow:0 2px 0 #16122e}.mode-card small{font-size:12px;max-width:180px;padding-bottom:12px}.mode-card .mc-icon{font-size:36px;margin-bottom:5px;filter:drop-shadow(0 3px 1px #1c134f66)}
.mc-learn{background:linear-gradient(145deg,#25d6fc,#0075df);box-shadow:0 6px 0 #064f95,inset 0 2px 0 #a5ffff}.mc-arena{background:linear-gradient(145deg,#fc4fdd,#af08b7);box-shadow:0 6px 0 #6d086f,inset 0 2px 0 #ffc2fb}.mc-clubs{background:linear-gradient(145deg,#ffc62a,#f27a0a);box-shadow:0 6px 0 #9b4602,inset 0 2px 0 #fff6a0}.mode-card[disabled]{opacity:1;filter:saturate(.75)}
#home .home-page .recommend{background:linear-gradient(135deg,#254c66,#293459);border-color:#5dc4df}.recommend .pill{color:#b3f7ff}.recommend h1{font-size:25px}.recommend .primary{margin-top:8px}
.quick-card{background:linear-gradient(135deg,#503087,#291747)!important;border:2px solid #b08ae9!important}.quick-card .qc-icon{font-size:38px}.quick-card .qc-pair{padding:15px 0;font-size:16px;gap:10px}.quick-card .qc-pair .flag{width:38px;height:28px}.quick-card .primary{margin-top:14px}.season-card{background:linear-gradient(135deg,#6331a3,#3a1e66)!important;border:2px solid #d68aff!important}.season-card .sc-icon{font-size:42px}.season-card .bar{margin-top:22px}
.lang-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lang-chip{background:linear-gradient(#493473,#2d1f4e);border:1px solid #8869b0;border-radius:17px;min-height:100px;padding:12px 6px}.lang-chip.active{background:linear-gradient(#326577,#23424e);border:2px solid #6be4e3}.lang-chip .flag{width:38px;height:28px;border-radius:6px}.lang-chip .lc-name{font-size:12px}.lang-chip strong{color:#fff;font-size:17px}
.lesson,.lang,.answer,.grammar-card,.statbox,.hero-btn,.agecard{background:linear-gradient(135deg,#443167,#2a1d49);border:1px solid #8f75b1;color:#fff;border-radius:18px}.lesson{min-height:125px;box-shadow:0 4px 0 #170d2e}.lesson.done{border-color:#65ddbd}.lesson strong{font-size:18px}.lang.active,.answer.selected{background:#254e65;border:2px solid #62ddff}.answer{min-height:58px;padding:16px 18px;font-weight:700;font-size:17px;box-shadow:0 4px 0 #160c2c}.answer.correct,.grammar-choice.right{background:#174c3b;border-color:#7cf2ae}.answer.wrong,.grammar-choice.bad{background:#642b4c;border-color:#ff92b0}.feedback.good{background:#174c3b;border:1px solid #73dcb1}.feedback.bad{background:#642b4c;border:1px solid #ed8fae}.feedback{border-radius:18px}.tip{background:#282448;border-color:#69dcff}.tokens{background:#1e133a;border-color:#9275b6}.token{min-width:44px}.statbox b{color:var(--quest-gold)}.vocabitem{border-color:#765995}.vocabitem span:last-child{color:#a4f1ea}
#play,#grammar,#placement,#result,#profile,#onboarding{max-width:900px;margin:0 auto}#play .panel,#grammar .panel,#placement .panel{padding:clamp(18px,4vw,36px)}.question{font-size:clamp(23px,3.5vw,34px);line-height:1.35;margin:24px 0}.answers{gap:14px}#check,#grammarnext,#placementnext{margin-top:20px;min-height:54px}#result .panel{padding:44px 24px;background:radial-gradient(ellipse at top,#6c439b,#2b1a4b 75%)}#result .big{filter:drop-shadow(0 6px 8px #100621)}.standings li{background:#ffffff0c;padding:14px}.standings li.me{background:#ffd23f20}.arena-track{height:120px;background:repeating-linear-gradient(180deg,#3c2374 0 40px,#54388c 40px 80px);border:1px solid #a18ac4}.arena-track .runner{top:calc(var(--lane,0)*40px + 4px)}.hero-btn[aria-pressed=true]{background:#65418a;border-color:var(--quest-gold)}
.footer{z-index:20;background:#1b1039ed;border-top:1px solid #9874ba;backdrop-filter:blur(16px);gap:12px}.footer button{background:#3a245d;border:1px solid #8a69ac;min-width:140px}.footer button.active{background:linear-gradient(#ffe574,#ffc137);color:#342044;border-color:#fff1a2;box-shadow:0 3px 0 #9c6208}
@media(hover:hover){.mode-card:not(:disabled):hover,.lesson:hover{transform:translateY(-3px);filter:brightness(1.08)}.secondary:hover,.answer:hover{border-color:#e3c6ff}}
@media(min-width:1000px){#home{display:grid;grid-template-columns:172px minmax(0,1fr);gap:22px;align-items:start}#home .home-tabs{display:flex;flex-direction:column;position:sticky;top:20px;margin-top:20px;padding:10px;gap:10px}#home .home-tab{text-align:left;min-height:58px;padding:14px;font-size:15px}#home .home-page{min-width:0}#home #page-learn{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}#page-learn>.panel{margin-top:0}#page-learn>.hero-game{grid-column:1;grid-row:1 / span 3}#page-learn>.quick-card{grid-column:2;grid-row:1}#page-learn>.season-card{grid-column:2;grid-row:2}#page-learn>.recommend{grid-column:2;grid-row:3}#page-learn>.lang-strip{grid-column:1 / -1;grid-row:4}#page-learn>.lq-progress{grid-column:1 / -1;grid-row:5}#home .home-page{padding-top:20px}.lang-strip-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.hero-scene{aspect-ratio:1.65}.mode-card strong{font-size:22px}.mode-card{min-height:165px}.top{padding-bottom:20px}.footer{left:auto;right:20px;bottom:20px;width:auto;border:1px solid #9874ba;border-radius:20px;padding:7px}.footer button{min-width:110px}.legal-note{padding-right:290px}}
@media(min-width:700px) and (max-width:999px){#home #page-learn{display:grid;grid-template-columns:1fr 1fr;gap:18px}#page-learn>.panel{margin-top:0}#page-learn>.hero-game{grid-column:1 / -1}#page-learn>.lang-strip,#page-learn>.lq-progress{grid-column:1 / -1}#home .home-tabs{margin-bottom:20px}.hero-scene{aspect-ratio:2.65}.profile-row{max-width:300px}.lang-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:699px){.wrap{padding-top:10px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.top{flex-wrap:wrap;gap:8px;padding:4px 2px 14px}.logo.logo-home{font-size:27px;min-height:44px}.stats{gap:6px}.chip{font-size:12px;padding:7px 9px;border-radius:12px}.panel{padding:18px;margin-top:16px;border-radius:22px}#home .home-tab{font-size:12px;padding:10px 4px}#home .home-tabs{gap:3px;padding:5px}#home .home-page .hero.hero-game{padding:16px}.hero-scene{margin:0 -16px;aspect-ratio:1.38;background-position:center}.profile-row{padding:8px 10px;max-width:none}.hero-game h1{font-size:26px}.hero-game .hero-text .pill{font-size:9px}.hero-game p{font-size:13px}.mode-cards{grid-template-columns:1fr 1fr;gap:10px}.mc-learn{grid-column:1 / -1;min-height:100px;display:grid;grid-template-columns:52px 1fr;gap:3px 8px;text-align:left;padding:14px 18px}.mc-learn .mc-icon{grid-row:1 / 3;font-size:38px}.mc-learn small{max-width:none;padding:0 20px 0 0}.mc-learn strong{align-self:end}.mode-card strong{font-size:21px}.mc-arena,.mc-clubs{min-height:136px}.mode-card small{font-size:11px}.mode-card .soon{font-size:10px}.lang-strip-grid{gap:7px}.lang-chip{min-height:94px}.lang-chip .lc-name{font-size:10px}.lang-chip .flag{width:32px;height:24px}.footer button{flex:1;max-width:230px;min-width:0}.row{flex-wrap:wrap}.hero-game .row{flex-wrap:nowrap}.profile-row .avatar{width:46px;height:46px}.question{margin:20px 0}.quick-card .qc-pair{padding:10px 0}.hero-row{gap:5px}.hero-btn{padding:8px 2px}}
@media(orientation:landscape) and (max-height:540px){.wrap{padding-top:8px;padding-bottom:100px}.top{padding-bottom:10px}.hero-scene{aspect-ratio:3.6}.profile-row{max-width:300px}.hero-game h1{font-size:25px}.mode-card{min-height:110px}.mode-card .mc-icon{font-size:27px}.footer{padding:6px}.footer button{min-height:44px;padding:8px 18px}#play .panel{padding:18px 24px}.question{font-size:24px;margin:14px 0}.answers{grid-template-columns:1fr 1fr}.answer{min-height:48px;padding:12px}.hero-game .hero-text{padding-top:5px}}
@media(min-width:1000px){#home{max-width:none}.footer{left:max(14px,calc((100vw - 1440px)/2 + 14px));right:auto;width:172px;flex-direction:column;bottom:24px}.footer button{width:100%}.legal-note{padding-right:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* slogan pod imenom */
.logo .tagline{display:block;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.1;margin-top:2px;color:var(--quest-muted,#ded4f5);text-shadow:none}
.logo .alpha-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;border:1.5px solid #ffd54a;background:#ffd54a33;color:#ffe9a0;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.soon-android{margin:0 0 8px;padding:8px 12px;border-radius:12px;border:2px dashed #ffd54a;background:#ffd54a22;font-weight:800;font-size:14px;text-align:center}