@font-face{font-family:Estedad;src:url(fonts/Estedad.ttf) format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Lalezar;src:url(fonts/Lalezar.ttf) format('truetype');font-weight:400;font-display:swap}
:root{--bg:#f6ecd8;--ink:#253a56;--muted:#837765;--surface:#fffaf1ee;--line:#cdbca099;--accent:#a5383d;--accent2:#33547b;--onaccent:#fff9e9;--soft:#e8dcc8;--shadow:#4e34231a;--title:Lalezar;--card:#fff8e8;--red:#a63042;--black:#28496a;--radius:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:#dcd2bf;color:var(--ink);font-family:Estedad,Tahoma,sans-serif;font-size:13px;overscroll-behavior:none}body[data-theme=modern]{--bg:#10101f;--ink:#f1ecff;--muted:#a49ebf;--surface:#1b1b31ed;--line:#82759f66;--accent:#c6aff8;--accent2:#8bd5db;--onaccent:#211438;--soft:#2b263f;--shadow:#0005;--title:Estedad;--card:#faf8ff;--red:#a33873;--black:#29234c;--radius:10px;background:#080912}[lang=en]{--title:Estedad}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}button:active:not(:disabled){filter:brightness(.96)}button:disabled{opacity:.48;cursor:default}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}input,select{min-height:48px;width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 13px;color:var(--ink);background:var(--surface)}input[type=range]{padding:0;min-height:25px;accent-color:var(--accent);background:none}a{color:var(--accent2)}[hidden]{display:none!important}#app{position:relative;isolation:isolate;width:100%;max-width:570px;height:100dvh;min-height:560px;margin:auto;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);box-shadow:0 0 100px #0002}#scenery{position:absolute;inset:0;z-index:-2;background:url(art/mehrgan.webp) center top/100% auto no-repeat;opacity:.95;pointer-events:none}#scenery:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 22%,#f6ecd800 40%,var(--bg) 93%)}[data-theme=modern] #scenery{background-image:url(art/orbit.webp)}[data-theme=modern] #scenery:after{background:linear-gradient(transparent 20%,#10101f22 40%,var(--bg) 92%)}#topbar{height:74px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:13px 20px;gap:12px;z-index:5;background:linear-gradient(var(--bg),transparent)}.brand{display:flex;align-items:center;gap:8px;background:none;padding:0;text-align:start}.brand .seal{width:39px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--onaccent);border-radius:19px 19px 5px 5px;box-shadow:0 3px 0 #74272a33}.brand .seal svg{width:25px;height:25px}.brand b{font-family:var(--title),Estedad;font-size:25px;font-weight:500;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:3px;line-height:1.8;color:var(--muted)}[data-theme=modern] .brand .seal{border-radius:9px;transform:rotate(-8deg);background:linear-gradient(125deg,#e1d1ff,#8674ca);box-shadow:3px 3px 0 #82749a55}[data-theme=modern] .brand b{font-size:18px;font-weight:800}.top-actions{display:flex;gap:8px;align-items:center}.round{height:42px;min-width:42px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);background:var(--surface);box-shadow:0 4px 10px var(--shadow)}[data-theme=modern] .round{border-radius:12px;background:linear-gradient(135deg,#383047cc,#17172aee)}.wallet{display:flex;align-items:center;gap:4px;color:var(--accent);font-size:11px;padding:4px}.wallet svg{width:17px;height:17px}#screen{position:relative;flex:1;min-height:0;overflow:auto;scrollbar-width:none}#screen::-webkit-scrollbar{display:none}#navigation{height:73px;flex-shrink:0;display:flex;align-items:stretch;padding:9px 8px 11px;gap:3px;z-index:8;border-top:1px solid var(--line);background:var(--surface);backdrop-filter:blur(14px)}#navigation button{background:transparent;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:9px;color:var(--muted);border-radius:12px;position:relative}#navigation button.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}#navigation button.active:after{content:'';position:absolute;bottom:-6px;height:3px;width:14px;border-radius:3px;background:var(--accent)}#navigation svg{width:22px;height:22px}.home{padding:0 21px 20px;min-height:100%}.home-art{height:267px;position:relative;display:flex;align-items:flex-end;padding:0 6px 8px;justify-content:space-between;gap:12px}.home-art .edition{position:absolute;top:10px;inset-inline-end:0;font-size:8px;letter-spacing:2px;color:var(--accent2);writing-mode:vertical-rl;opacity:.8}.home-art h1{font-family:var(--title),Estedad;font-weight:400;font-size:65px;line-height:1.2;margin:0;color:var(--ink);text-shadow:0 2px 10px var(--bg)}.home-art p{font-size:11px;margin:4px 0;color:var(--accent2)}[data-theme=modern] .home-art h1{font-size:44px;font-weight:800;letter-spacing:-2px;color:#efddff;text-shadow:0 0 35px #d8a9ff44}[lang=en] .home-art h1{font-size:46px;font-weight:750;letter-spacing:-2px}.theme-tag{border:1px solid var(--line);padding:7px 10px;background:var(--surface);border-radius:8px;font-size:9px;color:var(--muted);margin-bottom:10px}.identity-strip{padding:12px 14px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);display:flex;align-items:center;gap:10px;box-shadow:0 5px 16px var(--shadow);margin:9px 0 13px}.mini-avatar{height:40px;width:40px;background:var(--accent2);color:var(--bg);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-avatar svg{width:23px;height:23px}.identity-copy{flex:1;min-width:0}.identity-copy b{font-size:12px;font-weight:650}.identity-copy small{font-size:9px;color:var(--muted);display:block;margin-top:2px}.progress{height:5px;background:var(--soft);border-radius:5px;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:5px}.level-chip{font-size:9px;color:var(--accent2);text-align:center;line-height:1.7}.level-chip b{font-size:20px;display:block}.play-ticket{width:100%;min-height:87px;border-radius:var(--radius);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;text-align:start;padding:15px 19px;color:var(--onaccent);background:var(--accent);box-shadow:0 5px 0 #752e3422,0 12px 30px var(--shadow);margin-bottom:15px}.play-ticket:before{content:'';position:absolute;inset:5px;border:1px solid #ffedc366;border-radius:calc(var(--radius) - 4px);pointer-events:none}.play-ticket:after{content:'♠';position:absolute;inset-inline-end:58px;top:-15px;font:110px Georgia;opacity:.12;transform:rotate(15deg)}.play-ticket b{display:block;font-family:var(--title),Estedad;font-size:25px;font-weight:500;position:relative;z-index:1}.play-ticket small{display:block;opacity:.8;font-size:10px;margin-top:4px}.play-ticket svg{width:30px;height:30px}[data-theme=modern] .play-ticket{background:linear-gradient(110deg,#ab96df,#e5d5ff);border-radius:4px 22px 4px 22px;box-shadow:0 6px 24px #af86f429;color:#211536}[data-theme=modern] .play-ticket b,[lang=en] .play-ticket b{font-family:Estedad;font-size:18px;font-weight:750}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.menu-card{min-height:96px;text-align:start;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:13px 11px;box-shadow:0 5px 14px var(--shadow);position:relative;overflow:hidden}.menu-card .symbol{width:33px;height:33px;border-radius:10px;background:var(--soft);color:var(--accent2);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.menu-card .symbol svg{width:22px;height:22px}.menu-card b{font-size:11px;font-weight:650;display:block}.menu-card small{font-size:8px;color:var(--muted);display:block;margin-top:5px;line-height:1.7}.menu-card:after{content:'';position:absolute;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;inset-inline-end:-20px;top:-17px}.home-bottom{display:flex;justify-content:space-between;align-items:center;margin:17px 0 0;gap:7px;font-size:9px;color:var(--muted)}.music-note{display:flex;align-items:center;gap:5px;max-width:70%;background:none;color:var(--muted);padding:0;font-size:9px}.music-note svg{width:15px;height:15px}.equalizer{display:flex;gap:2px;align-items:center;height:13px}.equalizer i{width:2px;height:8px;background:var(--accent);animation:eq 1s alternate infinite}.equalizer i:nth-child(2){animation-delay:-.5s;height:13px}.equalizer i:nth-child(3){animation-delay:-.2s;height:5px}.page{min-height:100%;padding:14px 21px 25px;background:linear-gradient(color-mix(in srgb,var(--bg) 75%,transparent),var(--bg) 260px)}.page-heading{margin:10px 0 24px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent2);text-transform:uppercase}.page h1{font-family:var(--title),Estedad;font-size:34px;font-weight:400;line-height:1.5;margin:4px 0}.page p,.sheet p{font-size:12px;line-height:1.95;color:var(--muted);margin:7px 0 15px}.page h2{font-family:var(--title),Estedad;font-size:23px;font-weight:400;margin:2px 0 10px}[data-theme=modern] .page h1,[lang=en] .page h1{font-size:27px;font-weight:750}[data-theme=modern] .page h2,[lang=en] .page h2{font-size:18px;font-weight:700}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:17px;margin-bottom:13px;box-shadow:0 5px 20px var(--shadow)}.button{width:100%;min-height:48px;border-radius:12px;padding:12px 15px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.button.primary{background:var(--accent);color:var(--onaccent);border-color:transparent;box-shadow:0 4px 0 #00000010}.button.secondary{background:var(--soft);color:var(--ink)}.button.danger{color:#c0394c;border-color:#c0394c55;background:#c0394c09}.button+.button{margin-top:9px}.button svg{width:21px;height:21px}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.two .button+.button{margin:0}.small{font-size:10px!important;line-height:1.9;color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--line);border-radius:20px;font-size:9px;color:var(--accent2);background:var(--surface)}.section-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:21px 0 10px;font-size:11px;font-weight:650}.choices{display:flex;gap:7px;margin:14px 0}.choices button{flex:1;padding:11px 6px;background:var(--soft);border:1px solid transparent;border-radius:10px;font-size:10px}.choices button.selected{background:var(--surface);border-color:var(--accent);color:var(--accent);box-shadow:0 3px 10px var(--shadow)}.choices small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.opponents{display:flex;gap:22px;justify-content:center;margin:18px 0 23px}.opponents>div{text-align:center;font-size:11px}.portrait{width:58px;height:58px;object-fit:cover;object-position:center 25%;border:3px solid var(--surface);outline:1px solid var(--line);border-radius:50%;box-shadow:0 5px 13px var(--shadow)}.opponents small{font-size:8px;display:block;color:var(--muted);margin-top:3px}.opponents b{font-size:11px;display:block;margin-top:6px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chapter-card{position:relative;text-align:start;padding:18px 14px;min-height:144px;overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 18px var(--shadow)}.chapter-card .n{font:54px/1 Georgia,serif;color:var(--accent2);opacity:.12;position:absolute;inset-inline-end:8px;top:8px}.chapter-card .sigil{height:38px;width:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--accent2);color:var(--accent2);border-radius:40% 40% 10% 10%;margin-bottom:18px}.chapter-card b{display:block;font-size:13px;font-weight:650}.chapter-card small{display:block;font-size:9px;line-height:1.8;color:var(--muted);margin-top:6px}.chapter-card.complete{border-color:var(--accent2)}.chapter-card .done{position:absolute;inset-inline-start:13px;top:12px;color:var(--accent);font-size:10px}.chapter-card.locked{opacity:.68}[data-theme=modern] .chapter-card .sigil{border-radius:6px;transform:rotate(6deg)}.shop-card{padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);margin-bottom:15px;box-shadow:0 5px 20px var(--shadow)}.shop-card h2{margin:12px 0 7px}.shop-art{height:105px;border-radius:12px;overflow:hidden;background:var(--soft);display:flex;align-items:center;justify-content:center;gap:14px;position:relative}.shop-art .card{height:83px;width:57px;transform:rotate(-13deg)}.shop-art .card:nth-child(2){transform:rotate(8deg)}.shop-art .card:nth-child(3){transform:rotate(19deg)}.shop-art:after{content:'';position:absolute;inset:9px;border:1px solid var(--line);border-radius:8px;pointer-events:none}.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0}.price-row b{font-size:19px;color:var(--accent)}.price-row small{font-size:10px;font-weight:400}.price-row .badge{font-size:8px}.owned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.owned-item{padding:12px 7px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:center}.owned-item .card{height:75px;width:51px;margin:0 auto 10px}.owned-item small{font-size:9px;display:block;margin-bottom:9px}.owned-item button{background:var(--soft);padding:8px;width:100%;border-radius:7px;font-size:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px}.stats b{display:block;font-size:25px;color:var(--accent)}.stats small{font-size:9px;color:var(--muted)}.achievement{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.achievement>span{width:41px;height:41px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;color:var(--accent2);opacity:.45}.achievement.earned>span{opacity:1;background:var(--soft);border-color:var(--accent2)}.achievement b{font-size:12px;display:block}.achievement small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.rank-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:13px 7px;border-bottom:1px solid var(--line)}.rank-row.me{background:var(--soft)}.rank-row .rank{font:22px Georgia;color:var(--accent2)}.rank-row b{font-size:12px}.rank-row small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.rank-row .points{text-align:center;color:var(--accent);font-size:16px}.empty{text-align:center;padding:30px 14px;color:var(--muted);line-height:1.9}.empty svg{width:45px;height:45px;color:var(--accent2);margin-bottom:10px}.field-label{display:block;font-size:10px;color:var(--muted);margin:15px 0 6px}.form-error{min-height:20px;font-size:11px;color:#bc3b51;margin:7px 0}.recovery{font-family:monospace;direction:ltr;unicode-bidi:plaintext;word-break:break-all;padding:17px;border:1px dashed var(--accent2);background:var(--soft);color:var(--ink);font-size:15px;line-height:1.9;user-select:all}.room-code{direction:ltr;text-align:center;font:24px monospace;letter-spacing:3px;background:var(--soft);padding:18px;border-radius:12px;margin:17px 0;user-select:all}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.settings-row b{font-size:12px;font-weight:600}.settings-row small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.toggle{min-width:64px;padding:9px 12px;background:var(--accent2);color:var(--bg);border-radius:20px;font-size:10px}.toggle.off{background:var(--soft);color:var(--muted)}.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:17px 0}.theme-choice{border:2px solid transparent;background:var(--surface);padding:7px;border-radius:14px;text-align:start;box-shadow:0 4px 14px var(--shadow)}.theme-choice.active{border-color:var(--accent)}.theme-choice .preview{height:113px;border-radius:9px;background:url(art/mehrgan.webp) center 15%/cover}.theme-choice.modern .preview{background-image:url(art/orbit.webp)}.theme-choice b{display:block;font-size:12px;margin:10px 5px 5px}.theme-choice small{display:block;font-size:9px;color:var(--muted);margin:3px 5px 6px}.track-row{display:flex;align-items:center;gap:10px;background:var(--soft);padding:13px;border-radius:12px;margin:13px 0}.track-row b{display:block;font-size:11px}.track-row small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.track-row .round{margin-inline-start:auto;background:var(--surface);width:36px;height:36px;min-width:36px}.track-row .round svg{width:19px;height:19px}#modal{position:fixed;inset:0;z-index:100;background:#19122277;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:19px}.sheet{width:100%;max-width:460px;max-height:89dvh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 25px 70px #0004;animation:appear .24s ease-out}.sheet h2{font-family:var(--title),Estedad;font-size:30px;font-weight:400;margin:5px 0 10px;line-height:1.5}[data-theme=modern] .sheet h2,[lang=en] .sheet h2{font-size:23px;font-weight:750}.sheet .close{float:inline-end;width:34px;height:34px;min-width:34px;margin-top:-7px}.sheet .close svg{width:18px;height:18px}.sheet .button{margin-top:10px}.sheet .two .button{margin-top:0}.sheet-emblem{display:flex;align-items:center;justify-content:center;height:78px;color:var(--accent)}.sheet-emblem svg{width:55px;height:55px}.result-title{text-align:center}.result-number{font-family:Estedad;font-size:42px;font-weight:700;display:flex;justify-content:center;gap:22px;direction:ltr;margin:20px 0;color:var(--accent)}.result-number span{color:var(--muted);font-weight:300}.reward{padding:12px;border-block:1px solid var(--line);text-align:center;font-size:12px;color:var(--accent2);margin:14px 0}.suit-choices{display:flex;gap:8px;margin:20px 0}.suit-choices button{flex:1;border:1px solid var(--line);background:var(--card);color:var(--black);padding:13px 2px;border-radius:12px;font:32px Georgia}.suit-choices button.red{color:var(--red)}.suit-choices small{display:block;font:10px Estedad;margin-top:8px}.lesson-cards{display:flex;justify-content:center;gap:14px;direction:ltr;min-height:145px;align-items:center;margin:20px 0}.lesson-cards .card{width:78px;height:113px}.lesson-feedback{text-align:center;font-size:12px;line-height:1.95;min-height:72px;color:var(--accent2);margin:8px 0}.lesson-progress{display:flex;gap:6px;margin:5px 0 23px}.lesson-progress i{height:4px;flex:1;border-radius:5px;background:var(--soft)}.lesson-progress .done{background:var(--accent)}#toast{position:fixed;z-index:250;bottom:91px;left:50%;transform:translate(-50%,15px);max-width:90%;width:max-content;background:var(--ink);color:var(--bg);padding:13px 18px;border-radius:12px;font-size:11px;box-shadow:0 8px 30px #0003;opacity:0;pointer-events:none;transition:.2s;line-height:1.8}#toast.show{opacity:1;transform:translate(-50%,0)}.card{position:relative;background:linear-gradient(135deg,#fffdf5,#f0e5cd);color:var(--black);border:1px solid #cbbca3;border-radius:7px;box-shadow:0 2px 3px #0003,0 7px 13px #0002;overflow:hidden;direction:ltr;user-select:none;flex-shrink:0;padding:0;isolation:isolate;touch-action:manipulation}.card:before{content:'';position:absolute;inset:4px;border:1px solid #bb9f6930;border-radius:4px;z-index:-1}.card.red{color:var(--red)}.card .corner{position:absolute;top:4px;left:4px;display:flex;flex-direction:column;align-items:center;font:bold 17px/1 Georgia,serif;z-index:3}.card .corner .pip{font-size:17px;margin-top:1px}.card .corner.bottom{top:auto;left:auto;bottom:4px;right:4px;transform:rotate(180deg)}.card .big-pip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:38px Georgia}.card .pips{position:absolute;inset:17px 15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;font:14px/1 Georgia}.card .pips span{width:50%;text-align:center}.card .court{position:absolute;inset:7px 17px;background-size:cover;background-position:center;border:1px solid #ad926477;border-radius:2px}.card .court:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 75%,#ebd8a87a)}.card .royal{position:absolute;inset:18px 15px;display:flex;align-items:center;justify-content:center;color:var(--black);font-size:34px;background:linear-gradient(35deg,#ddd5ef44,transparent);border:1px solid #c4b9da66;border-radius:45% 45% 8px 8px}.card .royal svg{width:30px;height:45px;stroke-width:1.2}.card.red .royal{color:var(--red)}.card.back{background:#a4353f;color:#efd8b1;border:2px solid #bf916d}.card.back:before{inset:4px;border:1px solid #efdab58a;background:repeating-conic-gradient(from 45deg,#edce9820 0deg 90deg,transparent 90deg 180deg) center/12px 12px}.card.back:after{content:'❖';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;transform:scaleY(1.5)}.card.back.ink,.card.back.lapis{background:#244b83}.card.back.coral{background:#a95141}.card.back.moon{background:#dfdbe9;color:#51466f}.card.back.prism{background:linear-gradient(135deg,#674794,#171e4c,#855c93)}.card.back.carbon{background:repeating-linear-gradient(135deg,#272631 0px,#272631 4px,#171722 4px,#171722 8px);color:#c3c9d9;border-color:#747a8d}[data-theme=modern] .card{background:linear-gradient(120deg,#fff,#e6e1f0);border-color:#b1a4c5;border-radius:6px}[data-theme=modern] .card.back{background:linear-gradient(135deg,#5b4776,#242a4b);border-color:#bca9dd;color:#e3d9f6}[data-theme=modern] .card.back:before{background:repeating-linear-gradient(45deg,#c6adfb22 0px,#c6adfb22 1px,transparent 1px,transparent 9px)}.on-table #navigation{display:none}.on-table #topbar{height:58px;padding:8px 16px;background:var(--surface)}.on-table #scenery{opacity:.16;background-size:100% auto}.table-heading{text-align:center;font-weight:650;font-size:14px;line-height:1.7}.table-heading small{display:block;font-size:8px;color:var(--muted);font-weight:400}.game{height:100%;display:flex;flex-direction:column;overflow:hidden}.scorebar{display:flex;justify-content:space-between;align-items:center;height:57px;flex-shrink:0;border-bottom:1px solid var(--line);padding:7px 22px;background:color-mix(in srgb,var(--surface) 75%,transparent)}.team-score{font-size:10px;color:var(--muted);text-align:center;min-width:52px}.team-score b{font:650 25px/1 Estedad;display:inline-block;color:var(--ink);margin:0 4px}.team-score small{display:block;font-size:8px;margin-top:3px}.trump{text-align:center;font-size:9px;color:var(--accent2)}.trump .suit{font:29px Georgia;vertical-align:middle;margin-inline-end:7px;color:var(--black)}.trump .suit.red{color:var(--red)}[data-theme=modern] .trump .suit{color:#d1c3f0}[data-theme=modern] .trump .suit.red{color:#ef8da5}.trump small{display:block;font-size:8px;margin-top:3px;color:var(--muted)}.arena{position:relative;flex:1;min-height:225px;isolation:isolate;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent2) 7%,var(--bg)),transparent 68%)}.arena:before{content:'';position:absolute;inset:45px 43px 18px;border:1px solid var(--line);border-radius:46%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent2) 5%,transparent),inset 0 0 60px var(--shadow);pointer-events:none}.arena-mark{position:absolute;left:calc(50% - 34px);top:calc(52% - 34px);width:68px;height:68px;display:flex;align-items:center;justify-content:center;opacity:.07;color:var(--accent2)}.arena-mark svg{width:68px;height:68px}.seat{position:absolute;text-align:center;width:74px;z-index:3}.seat .portrait{width:45px;height:45px}.seat .name{font-size:10px;font-weight:600;line-height:1.4;margin-top:5px;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat .role{font-size:8px;color:var(--muted);margin-top:3px}.seat.active .portrait,.seat.active .avatar-human{outline:2px solid var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent)}.seat .crown{position:absolute;top:-13px;right:12px;color:var(--accent)}.seat .crown svg{width:16px;height:16px}.seat-2{top:12px;left:calc(50% - 37px)}.seat-1{right:4px;top:43%}.seat-3{left:4px;top:43%}.avatar-human{width:45px;height:45px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent2);color:var(--bg);border:3px solid var(--surface);outline:1px solid var(--line);font-weight:650;font-size:16px}.mini-hand{height:19px;width:36px;position:relative;direction:ltr;margin:4px auto 0}.mini-card{position:absolute;top:0;width:12px;height:17px;border:1px solid #d0b394;background:var(--accent2);border-radius:2px}.mini-hand .count{position:absolute;right:-15px;top:2px;font-size:8px;color:var(--muted)}.trick{position:absolute;inset:0;pointer-events:none}.trick-card{position:absolute;left:calc(50% - 29px);top:calc(58% - 43px);height:86px;width:58px;z-index:3}.trick-card.p0{transform:translateY(37px) rotate(-8deg)}.trick-card.p1{transform:translateX(35px) rotate(12deg)}.trick-card.p2{transform:translateY(-34px) rotate(4deg)}.trick-card.p3{transform:translateX(-35px) rotate(-12deg)}.trick-card.won{box-shadow:0 0 0 2px var(--accent2),0 6px 15px var(--shadow)}.turn-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;color:var(--accent2)}.turn-label .thinking{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin:0 5px;animation:pulse 1s infinite}.hand-zone{position:relative;height:194px;flex-shrink:0;background:linear-gradient(transparent,var(--bg) 30%);padding-top:6px}.hand-caption{text-align:center;font-size:9px;color:var(--muted);height:23px;line-height:1.7}.hand-cards{position:relative;direction:ltr;height:161px;width:100%}.hand-card{position:absolute;width:57px;height:81px;z-index:var(--z);transform:rotate(var(--tilt));transform-origin:center 145px;transition:transform .25s ease,filter .2s,box-shadow .2s}.hand-card:active{transform:rotate(var(--tilt))}.hand-card.row0{top:3px}.hand-card.row1{top:75px}.hand-card.dimmed{filter:brightness(.78) saturate(.4);opacity:.66}.hand-card.selected{transform:translateY(-14px) rotate(0)!important;z-index:30;box-shadow:0 0 0 2px var(--accent2),0 12px 20px var(--shadow);filter:none;opacity:1}.hand-card.hinted:after{content:'✦';position:absolute;bottom:5px;left:5px;color:#8f54aa;font-size:14px}.hand-card.deal-in{animation:deal .45s both;animation-delay:var(--delay)}.controls{height:63px;flex-shrink:0;display:flex;align-items:center;gap:9px;padding:7px 15px 12px;background:var(--bg)}.controls .round{border-radius:12px;min-width:43px;height:43px;box-shadow:none}.controls .button{min-height:44px;font-size:11px;padding:8px}.controls .button:disabled{opacity:1;background:var(--soft);color:var(--muted);box-shadow:none}.goal-banner{padding:7px 13px;font-size:9px;color:var(--accent2);border-bottom:1px solid var(--line);background:var(--surface);display:flex;justify-content:space-between;align-items:center;gap:8px}.goal-banner button{font-size:9px;padding:4px 7px;background:var(--soft);color:var(--accent2);border-radius:6px}.timer-bar{height:2px;background:var(--line);flex-shrink:0}.timer-bar i{display:block;height:2px;background:var(--accent);transition:width 1s linear}.reaction-bubble{position:absolute;top:-28px;left:0;right:0;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:6px;font-size:8px}.review-trick{border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0}.review-label{display:flex;justify-content:space-between;font-size:10px;color:var(--accent2)}.review-trick .cards{display:flex;gap:7px;justify-content:center;margin:10px 0 5px}.review-trick .card{width:48px;height:69px}.review-trick .name{font-size:8px;text-align:center;margin-bottom:5px}.winning{outline:2px solid var(--accent2)}.peek-row{padding:11px 0;border-bottom:1px solid var(--line)}.peek-row .cards{display:flex;gap:6px;direction:ltr;margin-top:8px}.peek-row .card{height:73px;width:51px}.peek-row small{color:var(--muted);font-size:10px}#flight{position:fixed;inset:0;z-index:60;pointer-events:none}.flying-card{position:fixed;width:58px;height:86px}.celebrate-dot{position:fixed;width:5px;height:5px;background:var(--accent2);border-radius:50%}#tour-layer{position:absolute;inset:0;z-index:80;background:#15132277;backdrop-filter:blur(2px);display:flex;align-items:flex-end;padding:20px 20px 85px;pointer-events:auto}.tour-sheet{width:100%;background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:22px;box-shadow:0 20px 50px #0004}.tour-sheet h2{font-family:var(--title),Estedad;font-size:27px;margin:8px 0;font-weight:400}.tour-sheet p{font-size:12px;color:var(--muted);line-height:1.95}.tour-count{font-size:10px;color:var(--accent)}.tour-sheet .two{margin-top:15px}.tour-sheet .skip{display:block;width:100%;background:none;color:var(--muted);font-size:10px;margin-top:16px}.tour-focus{position:relative!important;z-index:81!important;box-shadow:0 0 0 3px var(--accent2),0 0 30px #fff4!important;pointer-events:none}.tour-emblem{position:absolute;inset-inline-end:42px;top:88px;background:var(--surface);color:var(--accent);padding:14px;border-radius:50%}.tour-emblem svg{width:32px;height:32px}.connection{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--accent2);margin:10px 0}.connection i{width:6px;height:6px;border-radius:50%;background:var(--accent2)}.waiting-ring{width:82px;height:82px;border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:50%;animation:spin 4s linear infinite;margin:22px auto}.row-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 3px;background:none;border-bottom:1px solid var(--line);font-size:12px;text-align:start}.row-link svg{width:19px;height:19px}.reduced *,.reduced *:before,.reduced *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.locked-note{background:var(--soft);padding:12px 15px;border-radius:12px;font-size:10px;line-height:1.9;color:var(--muted)}@keyframes eq{to{height:3px}}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.25}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes deal{from{opacity:0;translate:0 -90px;rotate:-9deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(max-height:740px){#topbar{height:63px;padding-top:9px}#navigation{height:64px}.home-art{height:219px}.home-art h1{font-size:55px}.menu-card{min-height:83px;padding:10px}.menu-card .symbol{margin-bottom:7px;height:27px;width:27px}.menu-card small{font-size:7px}.identity-strip{padding:9px 12px}.play-ticket{min-height:77px}.on-table #topbar{height:52px}.scorebar{height:49px}.hand-zone{height:183px}.hand-card{width:53px;height:76px}.hand-card.row1{top:70px}.hand-cards{height:150px}.controls{height:58px}.arena{min-height:213px}.seat .portrait,.avatar-human{width:40px;height:40px}.trick-card{width:53px;height:77px;left:calc(50% - 26.5px);top:calc(59% - 38.5px)}.trick-card.p0{transform:translateY(29px) rotate(-8deg)}.trick-card.p2{transform:translateY(-29px) rotate(4deg)}}
@media(max-height:620px){#topbar{height:55px}#navigation{height:59px}.home-art{height:174px}.home-art h1{font-size:47px}.home-art p{font-size:9px}.theme-tag{font-size:8px}.home .menu-card{min-height:76px}.home-bottom{font-size:8px}.play-ticket{min-height:71px}.home .identity-strip{padding:8px;margin-bottom:10px}.on-table #topbar{height:49px}.scorebar{height:44px}.arena{min-height:175px}.hand-zone{height:171px}.hand-card{height:71px}.hand-card.row1{top:65px}.controls{height:54px;padding-bottom:8px}.seat .portrait,.avatar-human{width:34px;height:34px}.seat-2 .mini-hand{display:none}.seat .name{font-size:9px}.seat .role{font-size:7px}.hand-caption{font-size:8px;height:22px}.trick-card{height:72px;width:50px;left:calc(50% - 25px)}.turn-label{font-size:10px;bottom:5px}.goal-banner{font-size:8px;padding:5px 10px}.goal-banner button{font-size:8px}.sheet{padding:19px}}
@media(max-width:350px){#topbar{padding-inline:14px}.home,.page{padding-inline:15px}.top-actions{gap:5px}.wallet{font-size:9px}.round{width:37px;min-width:37px;height:37px}.brand b{font-size:22px}.brand .seal{width:32px;height:38px}.home-art{padding-inline:0}.menu-grid{gap:7px}.menu-card b{font-size:10px}.hand-card{width:49px;height:72px}.card .corner{font-size:14px;left:3px}.card .corner .pip{font-size:14px}.card .corner.bottom{right:3px}.card .court{inset:7px 13px}.card .pips{inset:17px 12px;font-size:12px}.seat{width:60px}.seat-2{left:calc(50% - 30px)}.seat-1{right:1px}.seat-3{left:1px}.scorebar{padding-inline:13px}.chapter-card{padding:15px 11px}.chapter-card b{font-size:11px}.controls{padding-inline:10px;gap:6px}.controls .button{font-size:10px}}
@media(min-height:900px){.home-art{height:320px}.hand-zone{height:211px}.hand-card{width:63px;height:91px}.hand-card.row1{top:86px}.hand-caption{height:23px}.home-art h1{font-size:72px}}
/* Edition details and compact typography */
.home-art{display:block;padding-top:164px}.home-art h1{display:inline-block;vertical-align:bottom}.home-art p{display:inline-block;max-width:180px;margin-inline-start:13px;line-height:1.9;vertical-align:bottom}.home-art .theme-tag{position:absolute;inset-inline-end:0;top:45px;font-size:8px;max-width:148px}.identity-strip{width:100%;text-align:start}.identity-copy .progress{display:block}.opponents b,.opponents small{display:block;margin-top:5px}.opponents small{font-size:9px;color:var(--muted)}.panel>.button+.button{margin-top:10px}.panel .two{margin-top:12px}.sheet .two{margin-top:12px}.shop-card h2{margin:12px 0 7px}.shop-art .card:nth-child(1){transform:rotate(-16deg) translateY(4px)}.shop-art .card:nth-child(3){transform:rotate(16deg) translateY(4px)}.pack-1{background:linear-gradient(120deg,#272138,#564576)}.pack-2{background:linear-gradient(120deg,#c5b58f,#e8dcc1)}.pack-3{background:linear-gradient(120deg,#68383d,#a96664)}.track-row>svg{width:24px}.avatar-human>svg{width:23px;height:23px}[data-frame=cedar] .mini-avatar{border:3px double #71967e}[data-frame=stellar] .mini-avatar{border:3px double #b997d8;transform:rotate(-8deg)}[data-frame=miniature] .mini-avatar{border:3px double #c79566}[data-frame=orbit] .mini-avatar{border:3px double #a495f5;box-shadow:0 0 12px #bc9deb77}.on-table #screen{overflow:hidden}[lang=en] .brand small{letter-spacing:1px;font-size:7px}.settings-row .choices{margin:0;max-width:170px}.lesson-cards .winning{transform:translateY(-7px)}.shop-art{direction:ltr}.on-table #app{min-height:520px}
@media(max-height:740px){.home-art{padding-top:127px}.home-art .theme-tag{top:20px}.home-art p{max-width:140px;font-size:10px}}
@media(max-height:620px){.home-art{padding-top:95px}.home-art .theme-tag{top:10px}.home-art p{max-width:125px;font-size:9px}.home-art .edition{top:3px}}
@media(min-height:900px){.home-art{padding-top:218px}}
@media(max-width:350px){.home-art p{max-width:115px}.brand small{letter-spacing:0}.top-actions{gap:4px}.top-actions .round{width:34px;height:34px;min-width:34px;padding:7px}.top-actions svg{width:19px}.brand{gap:5px}}
.home-bottom>button{background:none;border:0;padding:4px 0;color:var(--muted);font-size:9px}.prism-trail .flying-card{box-shadow:0 0 16px #aa77ff,0 0 38px #84b4f377}.on-table .trick:empty:after{content:'';position:absolute;width:115px;height:115px;left:calc(50% - 57px);top:calc(58% - 57px);border:1px dashed var(--line);border-radius:50%;opacity:.25}
body[data-theme] .card.back.ink,body[data-theme] .card.back.lapis{background:#244b83;color:#efdebe;border-color:#a99abd}body[data-theme] .card.back.lacquer{background:#a4353f;color:#f1dcba;border-color:#be976b}body[data-theme] .card.back.coral{background:#a95141;color:#f6dcc4;border-color:#dba593}body[data-theme] .card.back.moon{background:#dfdbe9;color:#51466f;border-color:#b2a9ca}body[data-theme] .card.back.prism{background:linear-gradient(135deg,#674794,#171e4c,#855c93);color:#e6d8ff;border-color:#a98ccc}body[data-theme] .card.back.carbon{background:repeating-linear-gradient(135deg,#272631 0px,#272631 4px,#171722 4px,#171722 8px);color:#c3c9d9;border-color:#747a8d}