html.on-phone{--pt:min(calc(100vw / 874), calc(100vh / 402));--safe-x:calc(62 * var(--pt));--safe-top:calc(8 * var(--pt));--safe-bottom:calc(21 * var(--pt));-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}html.on-phone body{overscroll-behavior:none}.turn-sideways{display:none}@media (orientation:portrait){html.phone-browser .turn-sideways{z-index:2147483647;background:var(--panel);color:var(--text);font-family:var(--latin);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex;position:fixed;inset:0}html.phone-browser .turn-sideways p{max-width:260px;margin:0;font-size:22px;font-weight:700;line-height:1.3}html.phone-browser .turn-sideways p.turn-sideways-lock{color:var(--text-2);margin-top:-14px;font-size:15px;font-weight:500}html.phone-browser .turn-sideways-phone{border:4px solid var(--accent);border-radius:10px;width:44px;height:76px;animation:2.4s ease-in-out infinite turn-sideways}html.phone-browser body{overflow:hidden}}@keyframes turn-sideways{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}html.on-phone .hud-place{left:var(--safe-x);top:var(--safe-top);width:auto;max-width:calc(330 * var(--pt));height:calc(44 * var(--pt));padding:0 calc(16 * var(--pt));gap:calc(12 * var(--pt));box-shadow:0 calc(8 * var(--pt)) calc(22 * var(--pt)) #28180a4d, inset 0 1px 0 var(--panel-highlight);border-radius:999px}html.on-phone .hud-place .hud-caps{display:none}html.on-phone .hud-place-name{font-size:calc(15 * var(--pt));letter-spacing:-.01em;font-weight:600}html.on-phone .hud-place-ar{font-size:calc(17 * var(--pt));padding-left:calc(12 * var(--pt));border-left:1px solid color-mix(in srgb, var(--rule) 80%, transparent);line-height:calc(20 * var(--pt))}html.on-phone .hud-clocks{left:calc(66 * var(--pt));top:calc(57 * var(--pt));gap:calc(6 * var(--pt))}html.on-phone .hud-clocks .hud-time{font-size:calc(13 * var(--pt));font-weight:500}html.on-phone .hud-clocks .hud-where{font-size:calc(11 * var(--pt));letter-spacing:.18em;font-weight:700}html.on-phone .hud-dot{width:calc(3 * var(--pt));height:calc(3 * var(--pt));margin:0 calc(4 * var(--pt))}html.on-phone .hud-menu-bar{right:var(--safe-x);top:var(--safe-top);width:auto;height:calc(44 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .hud-round{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(22 * var(--pt))}html.on-phone .hud-badge{top:calc(-4 * var(--pt));right:calc(-4 * var(--pt));min-width:calc(20 * var(--pt));height:calc(20 * var(--pt));padding:0 calc(5 * var(--pt));font-size:calc(12 * var(--pt))}html.on-phone .hud-wallet{margin-right:calc(4 * var(--pt));gap:calc(1 * var(--pt))}html.on-phone .hud-wallet .hud-time{font-size:calc(17 * var(--pt));font-weight:600}html.on-phone .hud-wallet .hud-where{font-size:calc(11 * var(--pt));font-weight:700}html.on-phone .hud-money-delta{font-size:calc(15 * var(--pt));top:calc(100% + 3 * var(--pt))}html.on-phone .hud-map-note{font-size:calc(13 * var(--pt));top:calc(100% + 6 * var(--pt))}html.on-phone .hud-chat-button{left:var(--safe-x);bottom:var(--safe-bottom);height:calc(44 * var(--pt));padding:0 calc(10 * var(--pt)) 0 calc(14 * var(--pt));gap:calc(8 * var(--pt));font-size:calc(20 * var(--pt))}html.on-phone .hud-chat-button .label{font-size:calc(15 * var(--pt))}html.on-phone .hud-chat-button .count{min-width:calc(24 * var(--pt));height:calc(24 * var(--pt));padding:0 calc(7 * var(--pt));font-size:calc(14 * var(--pt))}html.on-phone .hud-chat-button .online{font-size:calc(13 * var(--pt))}html.on-phone .game.talking .chat-corner,html.on-phone .game.talking .hud-clocks{display:none}html.on-phone .hud-corner{left:var(--safe-x);right:var(--safe-x);bottom:var(--safe-bottom);gap:calc(8 * var(--pt));width:auto}html.on-phone .hud-box{border-radius:calc(22 * var(--pt));padding:calc(10 * var(--pt)) calc(14 * var(--pt)) calc(12 * var(--pt)) calc(16 * var(--pt));gap:calc(2 * var(--pt));font-size:calc(15 * var(--pt));max-height:calc(321 * var(--pt));box-shadow:0 calc(8 * var(--pt)) calc(22 * var(--pt)) #28180a4d, inset 0 1px 0 var(--panel-highlight)}html.on-phone .hud-dialogue{min-height:0}html.on-phone .hud-dialogue-head{min-height:calc(44 * var(--pt));gap:calc(12 * var(--pt));border-bottom:none;margin-bottom:0;padding-bottom:0}html.on-phone .hud-avatar{width:calc(40 * var(--pt));height:calc(40 * var(--pt));box-shadow:0 0 0 calc(2 * var(--pt)) var(--accent);font-size:calc(17 * var(--pt))}html.on-phone .hud-who{gap:calc(1 * var(--pt))}html.on-phone .hud-who .hud-caps{font-size:calc(11 * var(--pt));letter-spacing:.22em}html.on-phone .hud-who .ar{font-size:calc(13 * var(--pt))}html.on-phone .hud-close-small{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(18 * var(--pt))}html.on-phone .hud-speech{max-height:calc(150 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .hud-speech.hud-measure{left:calc(16 * var(--pt));right:calc(14 * var(--pt))}html.on-phone .hud-said{gap:calc(2 * var(--pt))}html.on-phone .hud-line-ar{font-size:calc(23 * var(--pt));margin-top:calc(-2 * var(--pt))}html.on-phone .hud-line-tr{font-size:calc(15 * var(--pt))}html.on-phone .hud-line-en{font-size:calc(14 * var(--pt))}html.on-phone .hud-line-en.alone{font-size:calc(17 * var(--pt))}html.on-phone .hud-answers{gap:calc(8 * var(--pt));padding-top:calc(8 * var(--pt))}html.on-phone .hud-answer{min-height:calc(64 * var(--pt));padding:calc(6 * var(--pt)) calc(12 * var(--pt)) calc(7 * var(--pt));border-radius:calc(14 * var(--pt));gap:0}html.on-phone .hud-answer:hover:enabled{background:var(--field)}html.on-phone .hud-answer:active:enabled{background:var(--selected)}html.on-phone .hud-answer .ar{font-size:calc(17 * var(--pt))}html.on-phone .hud-answer .tr{font-size:calc(13 * var(--pt))}html.on-phone .hud-answer .en{font-size:calc(12 * var(--pt))}html.on-phone .hud-answer .en.alone{font-size:calc(15 * var(--pt))}html.on-phone .hud-actions{gap:calc(8 * var(--pt));padding-top:calc(8 * var(--pt))}html.on-phone .hud-button{height:calc(44 * var(--pt));padding:0 calc(18 * var(--pt));font-size:calc(15 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .hud-box [role=alert],html.on-phone .hud-error,html.on-phone .hud-status{font-size:calc(13 * var(--pt))}html.on-phone .hud-message{font-size:calc(15 * var(--pt));max-height:calc(220 * var(--pt))}html.on-phone .hud-chat{left:var(--safe-x);top:var(--safe-top);border-radius:calc(22 * var(--pt));padding:calc(4 * var(--pt)) calc(14 * var(--pt)) calc(12 * var(--pt)) calc(16 * var(--pt));gap:calc(8 * var(--pt));bottom:auto;width:calc(372 * var(--pt))!important;height:calc(373 * var(--pt))!important}html.on-phone .hud-chat-resize{display:none}html.on-phone .hud-chat-head{min-height:calc(44 * var(--pt));padding-bottom:0}html.on-phone .hud-chat-head .hud-caps{font-size:calc(11 * var(--pt))}html.on-phone .hud-chat-head .online{font-size:calc(13 * var(--pt));margin-left:calc(10 * var(--pt))}html.on-phone .hud-chat-close{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(22 * var(--pt));margin-right:calc(-8 * var(--pt))}html.on-phone .hud-chat-lines{font-size:calc(15 * var(--pt));gap:calc(7 * var(--pt));line-height:1.35}html.on-phone .hud-chat-lines .time{display:none}html.on-phone .hud-chat-lines .chat-number{font-size:calc(11 * var(--pt))}html.on-phone .hud-chat-lines .who{margin-right:calc(7 * var(--pt))}html.on-phone .player-tag .object-picture{width:calc(18 * var(--pt));height:calc(18 * var(--pt));margin-right:calc(4 * var(--pt))}html.on-phone .hud-chat-lines .player-badge{width:calc(22 * var(--pt));height:calc(22 * var(--pt))}html.on-phone .hud-chat-lines .quote{font-size:calc(13 * var(--pt))}html.on-phone .hud-chat-lines .system{font-size:calc(13 * var(--pt));text-align:center}html.on-phone{--private:#e7a3b4}html.on-phone .hud-chat-lines .private{border-radius:calc(10 * var(--pt));padding:calc(4 * var(--pt)) calc(8 * var(--pt));margin:0 calc(-8 * var(--pt));color:var(--text);background:#6b4e57;border:1px solid #8c6672}html.on-phone .hud-chat-lines .chat-private-tag,html.on-phone .hud-chat-replying .chat-private-tag{font-size:calc(11 * var(--pt))}html.on-phone .hud-chat-lines .chat-thumbs{margin-left:calc(8 * var(--pt));gap:calc(6 * var(--pt))}html.on-phone .hud-chat-lines .chat-thumbs button{height:calc(20 * var(--pt));padding:0 calc(7 * var(--pt));font-size:calc(13 * var(--pt));pointer-events:none}html.on-phone .hud-chat-lines li.picked{background:var(--selected);border-radius:calc(10 * var(--pt));padding:calc(4 * var(--pt)) calc(8 * var(--pt));margin:0 calc(-8 * var(--pt))}html.on-phone .hud-chat-lines li:hover>.chat-acts{display:none}html.on-phone .hud-chat-lines li.picked>.chat-acts{margin-top:calc(6 * var(--pt));gap:calc(6 * var(--pt));display:flex;position:static}html.on-phone .hud-chat-lines .chat-acts button{height:calc(44 * var(--pt));min-width:calc(44 * var(--pt));padding:0 calc(12 * var(--pt));border-radius:calc(12 * var(--pt));border:1px solid var(--field-rim);background:var(--field);color:var(--text);font-size:calc(14 * var(--pt));gap:calc(6 * var(--pt));font-weight:700}html.on-phone .hud-chat-lines .chat-acts .chat-thumb.on{border-color:var(--accent);color:var(--accent-text)}html.on-phone .hud-chat-lines .chat-acts .chat-private{margin-left:auto}html.on-phone .hud-chat-lines .chat-acts .chat-reply .icon{font-size:calc(18 * var(--pt))}html.on-phone .hud-chat-lines .invitation button,html.on-phone .hud-chat-earlier{height:calc(44 * var(--pt));padding:0 calc(16 * var(--pt));font-size:calc(15 * var(--pt));border-radius:calc(12 * var(--pt))}html.on-phone .hud-chat-replying{min-height:calc(44 * var(--pt));padding:0 0 0 calc(10 * var(--pt));border-radius:calc(10 * var(--pt));gap:calc(8 * var(--pt));font-size:calc(13 * var(--pt))}html.on-phone .hud-chat-replying button{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(16 * var(--pt));background:0 0}html.on-phone .hud-chat-report{padding:calc(6 * var(--pt)) 0 calc(6 * var(--pt)) calc(10 * var(--pt));flex-wrap:wrap}html.on-phone .hud-chat-report .text{flex-basis:100%}html.on-phone .hud-chat-replying button.act{width:auto;padding:0 calc(14 * var(--pt));border:1px solid var(--field-rim);background:var(--field);font-size:calc(14 * var(--pt))}html.on-phone .hud-chat-say{height:calc(44 * var(--pt));padding:0 0 0 calc(12 * var(--pt));border-radius:calc(12 * var(--pt));gap:calc(8 * var(--pt));background:0 0;border:none}html.on-phone .hud-chat-say input{height:calc(44 * var(--pt));padding:0 calc(12 * var(--pt));border-radius:calc(12 * var(--pt));background:var(--field);border:1px solid var(--field-rim);box-sizing:border-box;font-size:16px}html.on-phone .hud-chat-say{padding:0}html.on-phone .hud-send{width:calc(44 * var(--pt));height:calc(44 * var(--pt));border-radius:calc(12 * var(--pt));font-size:calc(20 * var(--pt))}html.on-phone .hud-chat .note,html.on-phone .hud-chat [role=alert]{font-size:calc(14 * var(--pt))}html.on-phone .hud-chat .note{min-height:calc(44 * var(--pt));padding:0 calc(14 * var(--pt));border-radius:calc(12 * var(--pt));background:var(--inset);align-items:center;font-weight:600;display:flex}html.on-phone .hud-chat-picker{left:calc(444 * var(--pt));top:calc(58 * var(--pt));width:calc(230 * var(--pt));max-height:calc(142 * var(--pt));padding:calc(4 * var(--pt));border-radius:calc(14 * var(--pt));background:var(--deep);border:1px solid var(--field-rim);box-shadow:0 calc(10 * var(--pt)) calc(24 * var(--pt)) #0006;font-size:calc(15 * var(--pt));position:fixed}html.on-phone .hud-chat-picker button{min-height:calc(44 * var(--pt));padding:0 calc(10 * var(--pt));border-radius:calc(10 * var(--pt))}html.on-phone .hud-chat-picker li:first-child button{background:var(--selected)}html.on-phone .hud-chat-picker .online{font-size:calc(12 * var(--pt))}html.on-phone .jn-invite{font-size:calc(13 * var(--pt))}html.on-phone .mg-confirm{width:calc(380 * var(--pt));padding:calc(18 * var(--pt)) calc(20 * var(--pt)) calc(16 * var(--pt));border-radius:calc(22 * var(--pt));gap:calc(10 * var(--pt))}html.on-phone .mg-confirm strong{font-size:calc(18 * var(--pt));font-weight:800;line-height:1.25}html.on-phone .mg-confirm p{font-size:calc(15 * var(--pt));margin:0;line-height:1.45}html.on-phone .mg-confirm .row{gap:calc(10 * var(--pt));margin-top:calc(6 * var(--pt))}html.on-phone .mg-confirm .row button{height:calc(44 * var(--pt));border-radius:calc(14 * var(--pt));font-size:calc(15 * var(--pt));padding:0 calc(12 * var(--pt));flex:1;font-weight:700}html.on-phone .mg-confirm.bk-thanks{width:calc(380 * var(--pt));padding:calc(18 * var(--pt)) calc(20 * var(--pt)) calc(16 * var(--pt))}html.on-phone .mg-confirm.bk-thanks strong{font-size:calc(18 * var(--pt))}html.on-phone .mg-confirm.bk-thanks p{font-size:calc(15 * var(--pt))}html.on-phone .hud-chat-lines .chat-acts .chat-reply{order:-1}html.on-phone .hud-who .ar{align-self:flex-start}html.on-phone .mg-scrim{justify-content:stretch;align-items:stretch}html.on-phone .mg-panel{width:100vw;height:100vh;padding:calc(6 * var(--pt)) var(--safe-x) var(--safe-bottom);gap:calc(6 * var(--pt));box-shadow:none;font-size:calc(15 * var(--pt));border:none;border-radius:0}html.on-phone .mg-header{height:calc(44 * var(--pt));gap:calc(10 * var(--pt))}html.on-phone .mg-names{gap:calc(10 * var(--pt))}html.on-phone .mg-title-ar{font-size:calc(20 * var(--pt));font-weight:600;line-height:1}html.on-phone .mg-title-en{font-size:calc(14 * var(--pt));font-weight:600}html.on-phone .mg-right{gap:calc(10 * var(--pt))}html.on-phone .mg-hint{font-size:calc(13 * var(--pt))}html.on-phone .mg-counter{gap:calc(6 * var(--pt))}html.on-phone .mg-counter .label{font-size:calc(11 * var(--pt));letter-spacing:.18em;font-weight:700}html.on-phone .mg-counter .n{font-size:calc(19 * var(--pt))}html.on-phone .mg-counter .of{font-size:calc(14 * var(--pt));margin-left:0;font-weight:400}html.on-phone .mg-dots{gap:calc(5 * var(--pt));margin:0 calc(8 * var(--pt))}html.on-phone .mg-dot{width:calc(9 * var(--pt));height:calc(9 * var(--pt));border-width:calc(1.5 * var(--pt))}html.on-phone .mg-dot.current{border-width:calc(2 * var(--pt))}html.on-phone .mg-close{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(20 * var(--pt))}html.on-phone .mg-body{gap:calc(8 * var(--pt))}html.on-phone .mg-section{font-size:calc(11 * var(--pt));letter-spacing:.18em;padding-bottom:calc(4 * var(--pt));font-weight:700}html.on-phone .mg-section .aside{font-size:calc(13 * var(--pt))}html.on-phone .mg-primary{height:calc(44 * var(--pt));padding:0 calc(18 * var(--pt));border-radius:calc(14 * var(--pt));font-size:calc(15 * var(--pt));gap:calc(8 * var(--pt));font-weight:700}html.on-phone .mg-primary .icon{font-size:calc(18 * var(--pt))}html.on-phone .mg-secondary{height:calc(44 * var(--pt));padding:0 calc(16 * var(--pt));border-radius:calc(14 * var(--pt));font-size:calc(15 * var(--pt))}html.on-phone .mg-inset{border-radius:calc(16 * var(--pt))}html.on-phone .mg-tile{border-radius:calc(12 * var(--pt))}html.on-phone .op{--u:calc(.73 * var(--pt))}html.on-phone .op-panel{overscroll-behavior:contain;align-items:flex-start}html.on-phone .op-signin{padding-right:var(--safe-x);box-sizing:border-box;padding-left:calc(24 * var(--pt));justify-content:flex-start}html.on-phone .op-create{padding-left:var(--safe-x);box-sizing:border-box;padding-right:calc(24 * var(--pt));justify-content:flex-start}html.on-phone .op-form{padding:var(--safe-top) 0 var(--safe-bottom)}html.on-phone .op-signin-form,html.on-phone .op-create-form{width:calc(351 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .op-logo{margin-bottom:0}html.on-phone .op-title{font-size:calc(20 * var(--pt));font-weight:600}html.on-phone .op-sub{font-size:calc(13 * var(--pt))}html.on-phone .op-field{gap:calc(4 * var(--pt))}html.on-phone .op-caps{font-size:calc(11 * var(--pt));letter-spacing:.18em}html.on-phone .op-input,html.on-phone .op-signin-form .op-input{height:calc(44 * var(--pt));border-radius:calc(12 * var(--pt));padding:0 calc(12 * var(--pt));font-size:max(16px, calc(15 * var(--pt)))}html.on-phone .op-password .op-input{padding-right:calc(48 * var(--pt))}html.on-phone .op-eye{width:calc(44 * var(--pt));height:calc(44 * var(--pt));right:0}html.on-phone .op-msg,html.on-phone .op-hint{font-size:calc(13 * var(--pt))}html.on-phone .op-forgot{font-size:calc(13 * var(--pt));min-height:calc(44 * var(--pt));font-weight:700;color:var(--accent-text)!important}html.on-phone .op-primary{height:calc(44 * var(--pt));border-radius:calc(14 * var(--pt));font-weight:700;font-size:calc(15 * var(--pt))!important}html.on-phone .op-switch{padding-top:calc(8 * var(--pt));font-size:calc(13 * var(--pt))}html.on-phone .op-pill{height:calc(44 * var(--pt));border-radius:calc(14 * var(--pt));padding:0 calc(14 * var(--pt));font-size:calc(14 * var(--pt))!important}html.on-phone .op-banner{font-size:calc(13 * var(--pt));padding:calc(7 * var(--pt)) calc(10 * var(--pt))}html.on-phone .op-rules{padding:calc(8 * var(--pt)) calc(10 * var(--pt)) calc(9 * var(--pt));border-radius:calc(12 * var(--pt))}html.on-phone .op-rules li{font-size:calc(13 * var(--pt))}html.on-phone .op-segments{height:calc(44 * var(--pt));border-radius:calc(12 * var(--pt))}html.on-phone .op-segments button{font-size:calc(14 * var(--pt))!important}html.on-phone .op-two,html.on-phone .op-age-row{gap:calc(10 * var(--pt))}html.on-phone .op-age-row{grid-template-columns:calc(96 * var(--pt)) 1fr}html.on-phone .op-logo .logo-title{--s:calc(54 * var(--pt))!important}html.on-phone .op-under{min-height:0;margin-top:calc(-4 * var(--pt))}html.on-phone .op-forgot{min-height:calc(36 * var(--pt))}html.on-phone .op-pill{white-space:nowrap;flex:none}html.on-phone .op-switch{border-top:none;padding-top:0}html.on-phone .menu-scrim{--u:calc(.75 * var(--pt))}html.on-phone .menu-panel{height:100vh;max-height:none;box-shadow:none;overscroll-behavior:contain;border:none;border-radius:0;overflow-y:auto;width:100vw!important;min-height:0!important;padding:calc(6 * var(--pt)) var(--safe-x) var(--safe-bottom)!important;gap:calc(8 * var(--pt))!important}html.on-phone .menu-close{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(20 * var(--pt))}html.on-phone .menu-header{height:calc(44 * var(--pt));flex:none}html.on-phone .menu-back{height:calc(44 * var(--pt));font-size:calc(14 * var(--pt))}html.on-phone .menu-title{font-size:calc(20 * var(--pt));font-weight:600}html.on-phone .menu-caps{font-size:calc(11 * var(--pt))}html.on-phone .menu-panel.main{grid-template-columns:calc(400 * var(--pt)) 1fr;grid-template-rows:calc(44 * var(--pt)) auto auto 1fr;column-gap:calc(30 * var(--pt));row-gap:calc(6 * var(--pt));align-content:start;display:grid}html.on-phone .menu-panel.main>.menu-close{right:var(--safe-x);top:calc(6 * var(--pt))}html.on-phone .menu-wordmark{height:calc(44 * var(--pt));grid-area:1/1;justify-content:flex-start}html.on-phone .menu-wordmark .logo-title{--s:calc(26 * var(--pt))!important}html.on-phone .menu-nav{grid-area:2/1/span 3;gap:0}html.on-phone .menu-sound{padding-top:calc(2 * var(--pt));grid-area:2/2}html.on-phone .menu-link{height:calc(44 * var(--pt));font-size:calc(14 * var(--pt));grid-area:3/2;align-self:start;margin-top:0}html.on-phone .menu-row{height:calc(48 * var(--pt));padding:0 calc(6 * var(--pt)) 0 calc(4 * var(--pt));gap:calc(12 * var(--pt));border-bottom:1px solid #b0805059;border-radius:0}html.on-phone .menu-row:hover:enabled{background:0 0}html.on-phone .menu-row:active:enabled{background:var(--field)}html.on-phone .menu-tile{width:calc(34 * var(--pt));height:calc(34 * var(--pt));border-radius:calc(10 * var(--pt));font-size:calc(19 * var(--pt))}html.on-phone .menu-row .label{font-size:calc(15 * var(--pt))}html.on-phone .menu-row .count{font-size:calc(17 * var(--pt));font-weight:700}html.on-phone .menu-row .chevron{font-size:calc(18 * var(--pt))}html.on-phone .menu-divider{display:none}html.on-phone .menu-signout{height:calc(48 * var(--pt));padding:0 calc(6 * var(--pt)) 0 calc(4 * var(--pt));gap:calc(12 * var(--pt))}html.on-phone .menu-signout .tile{width:calc(34 * var(--pt));height:calc(34 * var(--pt))}html.on-phone .menu-signout .label{font-size:calc(15 * var(--pt))}html.on-phone .menu-sound-row{height:calc(48 * var(--pt));gap:calc(10 * var(--pt));padding:0}html.on-phone .menu-sound-row .mute{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(19 * var(--pt))}html.on-phone .menu-sound-row label{width:calc(86 * var(--pt));white-space:nowrap;font-size:calc(15 * var(--pt))}html.on-phone .menu-sound-row .value{width:calc(42 * var(--pt));font-size:calc(15 * var(--pt));font-weight:700}html.on-phone .menu-slider{height:calc(6 * var(--pt))}html.on-phone .menu-slider::-webkit-slider-thumb{width:calc(22 * var(--pt));height:calc(22 * var(--pt))}html.on-phone .menu-panel.achievements{grid-template-columns:calc(464 * var(--pt)) 1fr;grid-template-rows:calc(44 * var(--pt)) auto 1fr;column-gap:calc(18 * var(--pt));display:grid}html.on-phone .menu-panel.achievements>.menu-header,html.on-phone .menu-panel.achievements .ach-head{grid-column:1/span 2}html.on-phone .ach-grid{align-self:start;gap:calc(10 * var(--pt)) calc(9 * var(--pt));grid-area:3/1;grid-template-columns:repeat(5,1fr)}html.on-phone .ach-tile{height:calc(80 * var(--pt));border-radius:calc(14 * var(--pt));padding:calc(4 * var(--pt));gap:calc(3 * var(--pt))}html.on-phone .ach-tile img{width:calc(40 * var(--pt));height:calc(40 * var(--pt))}html.on-phone .ach-tile .title{font-size:calc(11 * var(--pt));line-height:1.15}html.on-phone .ach-detail{border-radius:calc(18 * var(--pt));padding:calc(16 * var(--pt)) calc(18 * var(--pt));align-self:start;align-items:flex-start;gap:calc(6 * var(--pt));flex-direction:column;grid-area:3/2;margin-top:0}html.on-phone .ach-detail .picture{width:calc(96 * var(--pt));height:calc(96 * var(--pt))}html.on-phone .ach-detail .picture img{width:calc(84 * var(--pt));height:calc(84 * var(--pt))}html.on-phone .ach-detail .status{font-size:calc(11 * var(--pt))}html.on-phone .ach-detail .title{font-size:calc(20 * var(--pt));font-weight:700}html.on-phone .ach-detail .how{font-size:calc(15 * var(--pt));line-height:1.45}html.on-phone .menu-panel.help{height:auto;max-height:calc(100vh - 2 * var(--safe-top));border-radius:calc(22 * var(--pt));border:1px solid var(--panel-rim);box-shadow:0 calc(18 * var(--pt)) calc(44 * var(--pt)) #140c0480;width:calc(460 * var(--pt))!important;padding:calc(8 * var(--pt)) calc(10 * var(--pt)) calc(18 * var(--pt)) calc(20 * var(--pt))!important}html.on-phone .menu-panel.help .menu-text,html.on-phone .menu-panel.help p{font-size:calc(17 * var(--pt));line-height:1.5}html.on-phone .profile-switch-row .label,html.on-phone .menu-text{font-size:calc(15 * var(--pt))}html.on-phone .profile-switch-row .sub{font-size:calc(13 * var(--pt))}html.on-phone .menu-input,html.on-phone .menu-panel input,html.on-phone .menu-panel textarea{font-size:max(16px, calc(15 * var(--pt)))}html.on-phone .menu-panel.profile{grid-template-columns:1fr 1fr;grid-template-rows:calc(44 * var(--pt)) auto auto 1fr;column-gap:calc(32 * var(--pt));row-gap:calc(6 * var(--pt));align-content:start;display:grid}html.on-phone .menu-panel.profile>.menu-header{grid-area:1/1/auto/span 2}html.on-phone .menu-panel.profile>.menu-title{margin-left:calc(84 * var(--pt));pointer-events:none;grid-area:1/1/auto/span 2;align-self:center}html.on-phone .menu-panel.profile>.profile-avatar-row{grid-area:2/1;justify-content:flex-start}html.on-phone .menu-panel.profile>.profile-rows{grid-area:3/1/span 2}html.on-phone .menu-panel.profile>.profile-switches{border-top:none;grid-area:2/2/span 2}html.on-phone .menu-panel.profile>.menu-error{grid-column:2}html.on-phone .menu-panel.profile>.profile-footer{grid-area:4/2;align-self:end}html.on-phone .profile-row{min-height:calc(44 * var(--pt))}html.on-phone .profile-name{font-size:calc(15 * var(--pt));font-weight:700}html.on-phone .profile-name-ar{font-size:calc(19 * var(--pt))}html.on-phone .profile-quiet{min-height:calc(44 * var(--pt));font-size:calc(14 * var(--pt))}html.on-phone .phone{--u:calc(.504 * var(--pt));right:var(--safe-x);top:var(--safe-top);bottom:auto}html.on-phone .phone-ring .name-ar{font-size:calc(24 * var(--pt))}html.on-phone .phone-ring .name-en{font-size:calc(15 * var(--pt))}html.on-phone .phone-ring .incoming [lang=ar]{font-size:calc(17 * var(--pt))}html.on-phone .phone-ring .incoming span:last-child{font-size:calc(13 * var(--pt))}html.on-phone .phone-buttons .disc{width:calc(52 * var(--pt));height:calc(52 * var(--pt))}html.on-phone .phone-buttons [lang=ar]{font-size:calc(15 * var(--pt))}html.on-phone .phone-buttons span:last-child{font-size:calc(12 * var(--pt))}html.on-phone .phone-buttons{margin-bottom:calc(16 * var(--pt));padding:0 calc(20 * var(--pt))}html.on-phone .phone:not(.ringing){left:var(--safe-x);right:var(--safe-x);top:auto;bottom:var(--safe-bottom);width:auto;height:auto;max-height:calc(321 * var(--pt));border-radius:calc(22 * var(--pt));background:var(--panel);box-shadow:0 calc(8 * var(--pt)) calc(22 * var(--pt)) #28180a4d, inset 0 1px 0 var(--panel-highlight)}html.on-phone .phone:not(.ringing) .key,html.on-phone .phone:not(.ringing) .phone-buzz,html.on-phone .phone:not(.ringing) .phone-status{display:none}html.on-phone .phone:not(.ringing) .phone-screen{width:auto;height:auto;max-height:calc(321 * var(--pt));border-radius:calc(22 * var(--pt));background:0 0;position:relative;top:0;left:0}html.on-phone .phone-head{height:calc(56 * var(--pt));padding:0 calc(14 * var(--pt)) 0 calc(16 * var(--pt));gap:calc(12 * var(--pt))}html.on-phone .phone-head .phone-portrait{width:calc(40 * var(--pt));height:calc(40 * var(--pt))}html.on-phone .phone-head .names .ar{font-size:calc(19 * var(--pt))}html.on-phone .phone-head .names .en{font-size:calc(11 * var(--pt));letter-spacing:.22em;text-transform:uppercase}html.on-phone .phone-head .clock{font-size:calc(17 * var(--pt));gap:calc(5 * var(--pt));font-weight:600}html.on-phone .phone-head .end{width:calc(44 * var(--pt));height:calc(44 * var(--pt))}html.on-phone .phone-head .end svg{width:calc(22 * var(--pt));height:calc(22 * var(--pt))}html.on-phone .phone-log{max-height:calc(130 * var(--pt));padding:calc(6 * var(--pt)) calc(16 * var(--pt));gap:calc(6 * var(--pt))}html.on-phone .bubble.them{border-radius:calc(14 * var(--pt));max-width:80%;padding:calc(6 * var(--pt)) calc(12 * var(--pt))}html.on-phone .bubble.them .ar{font-size:calc(23 * var(--pt))}html.on-phone .bubble.them .tr{font-size:calc(15 * var(--pt))}html.on-phone .bubble.them .en{font-size:calc(14 * var(--pt))}html.on-phone .bubble.them .en.alone{font-size:calc(17 * var(--pt))}html.on-phone .bubble.me{border-radius:calc(14 * var(--pt));max-width:70%;padding:calc(6 * var(--pt)) calc(12 * var(--pt))}html.on-phone .bubble.me .ar{font-size:calc(17 * var(--pt))}html.on-phone .bubble.me .en{font-size:calc(12 * var(--pt))}html.on-phone .bubble.me .en.alone{font-size:calc(15 * var(--pt))}html.on-phone .phone-tray{gap:calc(8 * var(--pt));padding:calc(8 * var(--pt)) calc(16 * var(--pt)) calc(12 * var(--pt));flex-direction:row}html.on-phone .phone-tray button{min-height:calc(64 * var(--pt));border-radius:calc(14 * var(--pt));padding:calc(6 * var(--pt)) calc(12 * var(--pt)) calc(7 * var(--pt));flex:1;justify-content:center}html.on-phone .phone-tray .ar{font-size:calc(17 * var(--pt))}html.on-phone .phone-tray .tr{font-size:calc(13 * var(--pt))}html.on-phone .phone-tray .en{font-size:calc(12 * var(--pt))}html.on-phone .phone-tray .en:only-child{font-size:calc(15 * var(--pt))}html.on-phone .phone-ended .disc{width:calc(52 * var(--pt));height:calc(52 * var(--pt))}html.on-phone .phone-ended .ar{font-size:calc(24 * var(--pt))}html.on-phone .phone-ended .en,html.on-phone .phone-ended .time{font-size:calc(15 * var(--pt))}html.on-phone .phone-ended .retry{height:calc(44 * var(--pt));font-size:calc(15 * var(--pt))}html.on-phone .phone:not(.ringing) .phone-screen{box-shadow:none}html.on-phone .fc-panel{width:100vw;height:100vh;max-height:none;box-shadow:none;padding:calc(6 * var(--pt)) var(--safe-x) var(--safe-bottom);gap:calc(6 * var(--pt));border:none;border-radius:0}html.on-phone .fc-header{min-height:calc(44 * var(--pt));gap:calc(10 * var(--pt))}html.on-phone .fc-tabs{flex:0 1 calc(420 * var(--pt));height:calc(44 * var(--pt));padding:calc(3 * var(--pt));border-radius:calc(12 * var(--pt));margin:0 auto}html.on-phone .fc-tab{border-radius:calc(10 * var(--pt));font-size:calc(14 * var(--pt))!important}html.on-phone .fc-alphabet{min-height:calc(64 * var(--pt));border-radius:calc(16 * var(--pt));padding:0 calc(10 * var(--pt));gap:calc(12 * var(--pt))}html.on-phone .fc-alphabet .badge{width:calc(46 * var(--pt));height:calc(46 * var(--pt));border-radius:calc(12 * var(--pt));font-size:calc(24 * var(--pt))}html.on-phone .fc-alphabet .kicker{font-size:calc(11 * var(--pt))}html.on-phone .fc-alphabet .title{font-size:calc(16 * var(--pt))}html.on-phone .fc-alphabet .sub{font-size:calc(13 * var(--pt))}html.on-phone .fc-primary{height:calc(44 * var(--pt));border-radius:calc(14 * var(--pt));padding:0 calc(16 * var(--pt));font-size:calc(15 * var(--pt))!important}html.on-phone .fc-quiet{height:calc(44 * var(--pt));font-size:calc(14 * var(--pt))!important}html.on-phone .fc-scroll{margin-right:0;padding-right:0}html.on-phone .fc-row{min-height:calc(54 * var(--pt));grid-template-columns:minmax(0, 1fr) calc(128 * var(--pt)) calc(86 * var(--pt)) calc(86 * var(--pt));column-gap:calc(12 * var(--pt));padding:0}html.on-phone .fc-row .title{font-size:calc(15 * var(--pt))}html.on-phone .fc-row .preview{font-size:calc(13 * var(--pt))}html.on-phone .fc-row .score{font-size:calc(17 * var(--pt));font-weight:700}html.on-phone .fc-row .score .dim,html.on-phone .fc-row .score em{font-size:calc(13 * var(--pt))}html.on-phone .fc-mastered{height:calc(24 * var(--pt));font-size:calc(11 * var(--pt))}html.on-phone .fc-train{height:calc(44 * var(--pt));border-radius:calc(14 * var(--pt));padding:0 calc(14 * var(--pt));font-size:calc(14 * var(--pt))}html.on-phone .fc-vocab-button{min-height:calc(54 * var(--pt));border-radius:calc(14 * var(--pt));font-size:calc(15 * var(--pt))}html.on-phone .fc-empty{border-radius:calc(16 * var(--pt));font-size:calc(14 * var(--pt))}html.on-phone .fc-search{width:calc(240 * var(--pt));height:calc(44 * var(--pt))}html.on-phone .fc-search input{font-size:16px}html.on-phone .fc-words{grid-template-columns:repeat(3,1fr);grid-auto-rows:calc(56 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .fc-none,html.on-phone .fc-state{font-size:calc(14 * var(--pt))}html.on-phone .fc-create{min-height:calc(44 * var(--pt));border-radius:calc(14 * var(--pt));font-size:calc(13 * var(--pt))}html.on-phone .fc-visibility{height:calc(26 * var(--pt));font-size:calc(12 * var(--pt))}html.on-phone .fc-actions button{min-width:calc(44 * var(--pt));min-height:calc(44 * var(--pt))}html.on-phone .fc-confirm{width:calc(380 * var(--pt))}html.on-phone .fc-editor input,html.on-phone .fc-editor textarea{min-height:calc(44 * var(--pt));font-size:16px}html.on-phone .fc-panel>.menu-title{left:var(--safe-x);top:calc(6 * var(--pt));height:calc(44 * var(--pt));align-items:center;display:flex;position:absolute}html.on-phone .fc-header{padding-left:calc(160 * var(--pt))}html.on-phone .fc-train{font-weight:700;font-size:calc(14 * var(--pt))!important}html.on-phone .fc-train .play{font-size:calc(14 * var(--pt))}html.on-phone .fc-vocab-button strong{font-size:calc(15 * var(--pt))}html.on-phone .fc-vocab-button .text span{font-size:calc(13 * var(--pt))}html.on-phone .fc-vocab-button>.icon:first-child,html.on-phone .fc-vocab-button .chevron{font-size:calc(20 * var(--pt))}html.on-phone .fc-alphabet .fc-quiet{font-size:calc(14 * var(--pt))!important}html.on-phone .zs-panel{--u:calc(.52 * var(--pt));width:100vw;height:100vh;box-shadow:none;padding:calc(6 * var(--pt)) var(--safe-x) var(--safe-bottom);border:none;border-radius:0}html.on-phone .zs-title .kicker{font-size:calc(11 * var(--pt))}html.on-phone .zs-title .name{font-size:calc(15 * var(--pt))}html.on-phone .zs-phases li{font-size:calc(12 * var(--pt));min-height:calc(28 * var(--pt))}html.on-phone .zs-phases .dot{font-size:calc(11 * var(--pt));width:calc(16 * var(--pt));height:calc(16 * var(--pt))}html.on-phone .zs-counter .label{font-size:calc(11 * var(--pt))}html.on-phone .zs-counter .n{font-size:calc(20 * var(--pt))}html.on-phone .zs-counter .of{font-size:calc(15 * var(--pt))}html.on-phone .zs-close{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(20 * var(--pt))}html.on-phone .zs-error,html.on-phone .zs-status,html.on-phone .zs-wrong-line,html.on-phone .zs-instruction{font-size:calc(13 * var(--pt))}html.on-phone .zs-skip{font-size:calc(13 * var(--pt));min-height:calc(44 * var(--pt))}html.on-phone .zs-card .side{font-size:calc(11 * var(--pt))}html.on-phone .zs-card .tr{font-size:calc(20 * var(--pt))}html.on-phone .zs-card .en{font-size:calc(34 * var(--pt))}html.on-phone .zs-card .note{font-size:calc(13 * var(--pt))}html.on-phone .zs-listen{width:calc(44 * var(--pt));height:calc(44 * var(--pt))}html.on-phone .zs-ghost,html.on-phone .zs-accent{min-height:calc(44 * var(--pt));font-size:calc(15 * var(--pt))!important}html.on-phone .zs-ghost .icon,html.on-phone .zs-accent .icon{font-size:calc(14 * var(--pt))}html.on-phone .zs-prompt .ar{font-size:calc(44 * var(--pt))}html.on-phone .zs-prompt .tr{font-size:calc(18 * var(--pt))}html.on-phone .zs-option{min-height:calc(52 * var(--pt))}html.on-phone .zs-option .label,html.on-phone .zs-option .mark,html.on-phone .zs-option .x{font-size:calc(16 * var(--pt))}html.on-phone .zs-build-head .kicker{font-size:calc(11 * var(--pt))}html.on-phone .zs-build-head .sentence{font-size:calc(18 * var(--pt))}html.on-phone .zs-area .placeholder{font-size:calc(13 * var(--pt))}html.on-phone .zs-tile{min-width:calc(52 * var(--pt));min-height:calc(52 * var(--pt))}html.on-phone .zs-feedback .ar{font-size:calc(19 * var(--pt))}html.on-phone .zs-feedback .tr{font-size:calc(15 * var(--pt))}html.on-phone .zs-recap-top .kicker{font-size:calc(11 * var(--pt))}html.on-phone .zs-score .n{font-size:calc(40 * var(--pt))}html.on-phone .zs-score .of,html.on-phone .zs-words .ar{font-size:calc(18 * var(--pt))}html.on-phone .zs-words .tr{font-size:calc(13 * var(--pt))}html.on-phone .zs-words .en{font-size:calc(12 * var(--pt))}html.on-phone .zs-hint{font-size:calc(13 * var(--pt))}html.on-phone .map-frame{--u:calc(.62 * var(--pt));padding:0}html.on-phone .map-head{z-index:5;height:calc(56 * var(--pt));padding:calc(6 * var(--pt)) var(--safe-x) 0;gap:calc(10 * var(--pt));pointer-events:none;position:absolute;top:0;left:0;right:0}html.on-phone .map-head>*{pointer-events:auto}html.on-phone .map-icon{display:none}html.on-phone .map-title{height:calc(44 * var(--pt));padding:0 calc(16 * var(--pt));background:var(--panel);border:1px solid var(--panel-rim);border-radius:999px;justify-content:center}html.on-phone .map-title .eyebrow{display:none}html.on-phone .map-title .ar{font-size:calc(20 * var(--pt))}html.on-phone .map-title .en{font-size:calc(15 * var(--pt));font-weight:600}html.on-phone .map-selector{height:calc(44 * var(--pt));padding:calc(3 * var(--pt))}html.on-phone .map-selector button{height:calc(38 * var(--pt));padding:0 calc(14 * var(--pt));gap:calc(6 * var(--pt))}html.on-phone .map-selector button [lang=ar]{font-size:calc(17 * var(--pt))}html.on-phone .map-selector button span:last-child{font-size:calc(12 * var(--pt))}html.on-phone .map-view{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:0;width:100vw;height:100vh;top:0;left:0;overflow:auto}html.on-phone .map-view::-webkit-scrollbar{display:none}html.on-phone .map-view:after{display:none}html.on-phone .map-layer{width:calc(1680 * var(--u));height:calc(864 * var(--u));bottom:auto;right:auto}html.on-phone .map-card .ar{font-size:calc(18 * var(--pt))}html.on-phone .map-card .en{font-size:calc(11 * var(--pt))}html.on-phone .map-toast{bottom:calc(29 * var(--pt));font-size:calc(15 * var(--pt));position:fixed}html.on-phone .map-toast [lang=ar]{font-size:calc(17 * var(--pt))}html.on-phone .map-help{left:var(--safe-x);bottom:var(--safe-bottom);position:fixed}html.on-phone .map-help-button{height:calc(44 * var(--pt));font-size:calc(14 * var(--pt))}html.on-phone .map-help-text{font-size:calc(15 * var(--pt));max-width:calc(420 * var(--pt))}html.on-phone .map-state{font-size:calc(15 * var(--pt))}html.on-phone .mg-body{--u:calc(.5 * var(--pt))}html.on-phone .dk-main{gap:calc(8 * var(--pt));grid-template-columns:minmax(0, 1fr) calc(220 * var(--pt))}html.on-phone .dk-shelf{padding:calc(8 * var(--pt)) calc(6 * var(--pt)) calc(6 * var(--pt));gap:calc(6 * var(--pt))}html.on-phone .dk-product{padding:calc(3 * var(--pt));gap:0}html.on-phone .dk-picture img{max-height:calc(34 * var(--pt))}html.on-phone .dk-price,html.on-phone .dk-total .amount{font-size:calc(17 * var(--pt));font-weight:700}html.on-phone .dk-price .unit,html.on-phone .dk-total .unit{font-size:calc(11 * var(--pt))}html.on-phone .dk-badge{min-width:calc(20 * var(--pt));height:calc(20 * var(--pt));font-size:calc(12 * var(--pt))}html.on-phone .dk-basket{padding:calc(8 * var(--pt));gap:calc(4 * var(--pt))}html.on-phone .dk-basket .mg-section{font-size:calc(11 * var(--pt))}html.on-phone .dk-basket .mg-section .aside{font-size:calc(12 * var(--pt))}html.on-phone .dk-empty{font-size:calc(13 * var(--pt))}html.on-phone .dk-row{height:calc(44 * var(--pt));border-radius:calc(10 * var(--pt));padding-left:calc(8 * var(--pt));gap:calc(4 * var(--pt))}html.on-phone .dk-thumb{display:none}html.on-phone .dk-row .name,html.on-phone .dk-row .qty{font-size:calc(12 * var(--pt))}html.on-phone .dk-row .sum{width:calc(36 * var(--pt));font-size:calc(17 * var(--pt))}html.on-phone .dk-step,html.on-phone .dk-minus{width:calc(44 * var(--pt));height:calc(44 * var(--pt))}html.on-phone .dk-remove{height:calc(44 * var(--pt));font-size:calc(12 * var(--pt))}html.on-phone .dk-total .label{font-size:calc(11 * var(--pt))}html.on-phone .dk-total .amount{font-size:calc(22 * var(--pt))}html.on-phone .dk-picture{height:calc(26 * var(--pt));flex:none}html.on-phone .dk-picture img{height:calc(26 * var(--pt));width:auto;max-height:none}html.on-phone .dk-step,html.on-phone .dk-minus{font-size:calc(18 * var(--pt))}html.on-phone .dk-step .icon,html.on-phone .dk-minus .icon{font-size:calc(16 * var(--pt))}html.on-phone .cn-device{width:100%;height:100%}html.on-phone .cn-shell{border-radius:calc(46 * var(--pt))}html.on-phone .cn-wear,html.on-phone .cn-pills,html.on-phone .cn-speaker,html.on-phone .cn-batt,html.on-phone .cn-led{display:none}html.on-phone .cn-tape{--u:calc(.5 * var(--pt));left:calc(30 * var(--pt));top:calc(14 * var(--pt))}html.on-phone .cn-sticker{right:calc(36 * var(--pt));top:calc(16 * var(--pt));width:calc(26 * var(--pt));height:calc(26 * var(--pt))}html.on-phone .cn-sticker svg{width:calc(15 * var(--pt));height:calc(15 * var(--pt))}html.on-phone .cn-dpad{--u:calc(.571 * var(--pt));left:calc(34 * var(--pt));top:calc(118 * var(--pt))}html.on-phone .cn-btn{--u:calc(.64 * var(--pt))}html.on-phone .cn-bezel{--u:calc(.65 * var(--pt));left:calc(150 * var(--pt));top:calc(16 * var(--pt));width:calc(450 * var(--pt));height:calc(283 * var(--pt));border-radius:calc(18 * var(--pt));padding:calc(12 * var(--pt))}html.on-phone .cn-screen{padding:calc(10 * var(--pt)) calc(14 * var(--pt))}html.on-phone .cn-head{font-size:calc(11 * var(--pt))}html.on-phone .cn-level{height:calc(44 * var(--pt));font-size:calc(13 * var(--pt))}html.on-phone .cn-levels{grid-template-columns:minmax(0, 1fr) calc(120 * var(--pt));gap:calc(10 * var(--pt))}html.on-phone .cn-card{padding:calc(8 * var(--pt));gap:calc(3 * var(--pt))}html.on-phone .cn-card .tag,html.on-phone .cn-card .best{font-size:calc(11 * var(--pt))}html.on-phone .cn-card .title{font-size:calc(17 * var(--pt))}html.on-phone .cn-card .stars{font-size:calc(15 * var(--pt))}html.on-phone .cn-button{height:calc(44 * var(--pt));font-size:calc(12 * var(--pt));padding:0 calc(10 * var(--pt))}html.on-phone .cn-text{font-size:calc(11 * var(--pt));line-height:1.35}html.on-phone .cn-grid{grid-auto-rows:calc(70 * var(--pt));gap:calc(4 * var(--pt))}html.on-phone .cn-grid .numeral{font-size:calc(18 * var(--pt))}html.on-phone .cn-grid .ar{font-size:calc(17 * var(--pt))}html.on-phone .cn-grid .tr,html.on-phone .cn-grid .en{font-size:calc(11 * var(--pt))}html.on-phone .cn-numeral{font-size:calc(76 * var(--pt))}html.on-phone .cn-answers{gap:calc(6 * var(--pt))}html.on-phone .cn-answers button{height:calc(50 * var(--pt))}html.on-phone .cn-answers .ar{font-size:calc(19 * var(--pt))}html.on-phone .cn-answers .tr{font-size:calc(11 * var(--pt))}html.on-phone .mg-hint{display:none}html.on-phone .fs-panel{--u:calc(.5 * var(--pt))}html.on-phone .fs-header{left:var(--safe-x);right:var(--safe-x);top:calc(8 * var(--pt));height:calc(44 * var(--pt))}html.on-phone .fs-pill{height:calc(44 * var(--pt))}html.on-phone .fs-title .ar{font-size:calc(20 * var(--pt))}html.on-phone .fs-title .en{font-size:calc(14 * var(--pt))}html.on-phone .fs-counts .label{font-size:calc(11 * var(--pt))}html.on-phone .fs-counts .n{font-size:calc(17 * var(--pt))}html.on-phone .fs-prompt.ready{height:calc(44 * var(--pt));font-size:calc(15 * var(--pt));bottom:calc(29 * var(--pt))}html.on-phone .fs-prompt.wait{height:calc(44 * var(--pt));font-size:calc(15 * var(--pt))}html.on-phone .fs-bite{font-size:calc(34 * var(--pt))}html.on-phone .fs-action{min-height:calc(44 * var(--pt));font-size:calc(15 * var(--pt))}html.on-phone .jn-panel{--u:calc(.62 * var(--pt));width:100vw;height:100vh;box-shadow:none;padding:calc(6 * var(--pt)) var(--safe-x) var(--safe-bottom);gap:calc(8 * var(--pt));overscroll-behavior:contain;border:none;border-radius:0;overflow-y:auto}html.on-phone .jn-title .ar{font-size:calc(20 * var(--pt))}html.on-phone .jn-title .en{font-size:calc(14 * var(--pt))}html.on-phone .jn-sub,html.on-phone .jn-error,html.on-phone .jn-note,html.on-phone .jn-waiting,html.on-phone .jn-text,html.on-phone .jn-section span,html.on-phone .jn-card .rule,html.on-phone .jn-rules,html.on-phone .jn-pairs .empty,html.on-phone .jn-timer .text,html.on-phone .jn-guesses .wait{font-size:calc(13 * var(--pt))}html.on-phone .jn-section strong,html.on-phone .jn-card .tag,html.on-phone .jn-card .meta,html.on-phone .jn-side .status,html.on-phone .jn-kind,html.on-phone .jn-modal .kicker,html.on-phone .jn-game .table-score,html.on-phone .jn-where,html.on-phone .jn-together,html.on-phone .jn-item .tag,html.on-phone .jn-pairs .label,html.on-phone .jn-mcard .tag,html.on-phone .jn-answers .chip,html.on-phone .jn-rhythm .label,html.on-phone .jn-recap .head,html.on-phone .jn-final .kicker,html.on-phone .jn-final .unit,html.on-phone .jn-draw .kicker,html.on-phone .jn-word .note,html.on-phone .jn-paper .live,html.on-phone .jn-question .readfirst{font-size:calc(11 * var(--pt))}html.on-phone .jn-primary,html.on-phone .jn-solo,html.on-phone .jn-tool{min-height:calc(44 * var(--pt));font-size:calc(15 * var(--pt))!important}html.on-phone .jn-invites li,html.on-phone .jn-lane .name,html.on-phone .jn-item .hint,html.on-phone .jn-modal .small,html.on-phone .jn-word .en,html.on-phone .jn-round .next,html.on-phone .jn-question .points,html.on-phone .jn-side .name,html.on-phone .jn-answers .en,html.on-phone .jn-mcard .chip,html.on-phone .jn-mcard .badge,html.on-phone .jn-recap .ok,html.on-phone .jn-recap .no,html.on-phone .jn-frozen .pill{font-size:calc(15 * var(--pt))}html.on-phone .jn-answers button,html.on-phone .jn-tray button{min-height:calc(44 * var(--pt))}html.on-phone .jn-tray button{font-size:calc(22 * var(--pt));min-width:calc(44 * var(--pt))}html.on-phone .jn-question .q{font-size:calc(19 * var(--pt))}html.on-phone .jn-game .t-ar,html.on-phone .jn-word .ar{font-size:calc(30 * var(--pt))}html.on-phone .jn-game .t-tr,html.on-phone .jn-word .tr{font-size:calc(15 * var(--pt))}html.on-phone .jn-modal .big,html.on-phone .jn-game .table-big{font-size:calc(22 * var(--pt))}html.on-phone .jn-card{padding:calc(10 * var(--pt)) calc(12 * var(--pt));border-radius:calc(16 * var(--pt));gap:calc(4 * var(--pt))}html.on-phone .jn-card .meta{display:none}html.on-phone .jn-card .tag{padding:0 calc(8 * var(--pt));height:calc(22 * var(--pt))}html.on-phone .jn-close,html.on-phone .jn-panel .mg-close{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(20 * var(--pt))}html.on-phone .tv-stage{margin-left:calc(-66 * var(--pt))}html.on-phone .tv-col{border-radius:59px;width:983px;height:1003px;top:21px;left:1161.34px}html.on-phone .tv-k{font-size:30px}html.on-phone .tv-head{gap:12px;top:30px;left:40px;right:40px}html.on-phone .tv-title{min-height:70px;font-size:54px}html.on-phone .tv-modes{gap:16px;top:190px;left:40px;right:40px}html.on-phone .tv-mode{height:118px;padding:0 40px;font-size:35px}html.on-phone .tv-rule{top:330px;left:40px;right:40px}html.on-phone .tv-win,html.on-phone .tv-empty{top:345px;bottom:140px}html.on-phone .tv-rows{gap:6px;padding:80px 40px 120px}html.on-phone .tv-row{border-radius:30px;min-height:118px;padding:16px 20px 16px 40px}html.on-phone .tv-row.past .ar,html.on-phone .tv-row.next .ar{font-size:46px}html.on-phone .tv-row.now{min-height:160px;padding:24px 40px 32px}html.on-phone .tv-row.now .ar{font-size:54px}html.on-phone .tv-row.now .latin,html.on-phone .tv-row.now .en{font-size:35px}html.on-phone .tv-end .title{font-size:40px}html.on-phone .tv-end .text{font-size:35px}html.on-phone .tv-empty .title{font-size:46px}html.on-phone .tv-empty .text{max-width:800px;font-size:35px}html.on-phone .tv-hint{padding-top:20px;font-size:32px;bottom:30px;left:40px;right:40px}html.on-phone .tv-x{border-radius:59px;width:118px;height:118px;top:24px;right:30px}html.on-phone .tv-x svg{width:54px;height:54px}html.on-phone .tv-message{font-size:40px}html.on-phone .tv-key{height:118px;top:790px}html.on-phone .tv-lbl{font-size:30px;top:914px}html.on-phone .cs-stage{margin-left:calc(-50 * var(--pt))}html.on-phone .cs-col{border-radius:59px;width:1000px;height:1003px;top:21px;left:1172.35px}html.on-phone .cs-colhead{top:30px;left:40px;right:40px}html.on-phone .cs-k{font-size:30px}html.on-phone .cs-count .n{font-size:46px}html.on-phone .cs-pips i{width:34px;height:22px}html.on-phone .cs-hint{height:118px;padding:0 36px;font-size:35px}html.on-phone .cs-error{font-size:40px;top:230px;left:40px;right:40px}html.on-phone .cs-none{padding:0 60px;top:300px}html.on-phone .cs-none .title{font-size:46px}html.on-phone .cs-none .text{max-width:860px;font-size:38px}html.on-phone .cs-pile{transform-origin:0 0;transform:scale(1.3)}html.on-phone .cs-times{font-size:32px;top:940px}html.on-phone .cs-x,html.on-phone .cs-close{border-radius:59px;width:118px;height:118px}html.on-phone .cs-col{width:960px}html.on-phone .cs-colhead{right:170px}html.on-phone .cs-x svg{width:54px;height:54px}html.on-phone .kl-title .en,html.on-phone .kl-hint strong,html.on-phone .kl-chip,html.on-phone .kl-attempt,html.on-phone .kl-share p{font-size:26px}html.on-phone .kl-legend,html.on-phone .kl-error,html.on-phone .kl-toast,html.on-phone .kl-hint{font-size:30px}html.on-phone .kl-title .name{font-size:40px}html.on-phone .kl-word .def,html.on-phone .kl-sub{font-size:35px}html.on-phone .kl-close svg{width:46px;height:46px}html.on-phone .kl-legend span,html.on-phone .kl-legend{white-space:nowrap}html.on-phone .bk-pill{justify-content:center;min-width:233px;height:132px;padding:0 30px;font-size:38px;top:451px}html.on-phone .bk-pill .arrow{font-size:46px}html.on-phone .bk-pill.next{left:8px}html.on-phone .bk-pill.prev{right:8px}html.on-phone .bk-close{width:112px;height:112px;top:45px;right:8px}html.on-phone .bk-close svg{width:46px;height:46px}html.on-phone .bk-contents .t.f-ar{font-size:40px}html.on-phone .bk-contents .t.f-zi{font-size:36px}html.on-phone .bk-contents .n{font-size:40px}html.on-phone .bk-contents h3{font-size:64px}html.on-phone .bk-pill,html.on-phone .bk-pill *{font-size:36px!important}html.on-phone .np-stage{left:var(--safe-x);top:var(--safe-top);width:calc(694 * var(--pt));height:calc(373 * var(--pt));overscroll-behavior:contain;border-radius:3px;overflow-y:auto}html.on-phone .np-sheet{width:100%;height:auto;padding:calc(12 * var(--pt)) calc(22 * var(--pt)) calc(40 * var(--pt));position:relative;top:0;left:0;transform:none}html.on-phone .np-masthead{height:auto;padding:calc(6 * var(--pt)) 0}html.on-phone .np-masthead h1{font-size:calc(40 * var(--pt))}html.on-phone .np-dateline{height:auto;font-size:calc(11 * var(--pt));flex-wrap:wrap}html.on-phone .np-lead,html.on-phone .np-right{width:auto;height:auto;position:static}html.on-phone .np-right{margin-top:calc(16 * var(--pt));padding-top:calc(12 * var(--pt));border-top:1px solid #2a2724}html.on-phone .np-lead h2{font-size:calc(31 * var(--pt))}html.on-phone .np-standfirst{font-size:calc(17 * var(--pt))}html.on-phone .np-byline{font-size:calc(11 * var(--pt))}html.on-phone .np-lead-body{column-gap:calc(24 * var(--pt));grid-template-columns:1fr 1fr}html.on-phone .np-lead-body p,html.on-phone .np-short p{font-size:calc(15 * var(--pt));line-height:1.5}html.on-phone .np-photo figcaption{font-size:calc(12 * var(--pt))}html.on-phone .np-photo img{max-width:100%;height:auto}html.on-phone .np-short-stand{font-size:calc(15 * var(--pt))!important}html.on-phone .np-short h3{font-size:calc(22 * var(--pt))}html.on-phone .np-close{right:var(--safe-x);top:var(--safe-top);width:calc(44 * var(--pt));height:calc(44 * var(--pt));position:fixed}html.on-phone .np-state{font-size:calc(15 * var(--pt))}html.on-phone .np-lead-body{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important}html.on-phone .np-col23{min-width:0;width:auto!important}html.on-phone .np-photo{max-width:100%;overflow:hidden}html.on-phone .np-photo>*{max-width:100%;height:auto}html.on-phone .ex-stage{width:100vw;height:100vh}html.on-phone .ex-who{left:var(--safe-x);top:calc(10 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .ex-face .hud-avatar{width:calc(36 * var(--pt));height:calc(36 * var(--pt))}html.on-phone .ex-who-names{font-size:calc(15 * var(--pt))}html.on-phone .ex-title{top:calc(10 * var(--pt))}html.on-phone .ex-title h2{font-size:calc(18 * var(--pt))}html.on-phone .ex-title p{font-size:calc(12 * var(--pt));margin-top:calc(2 * var(--pt))}html.on-phone .ex-close{right:var(--safe-x);top:calc(8 * var(--pt));width:calc(44 * var(--pt));height:calc(44 * var(--pt))}html.on-phone .ex-close svg{width:calc(20 * var(--pt));height:calc(20 * var(--pt))}html.on-phone .ex-sheet{top:calc(58 * var(--pt));height:calc(100vh - 58 * var(--pt) - 66 * var(--pt));border-radius:calc(14 * var(--pt));overscroll-behavior:contain;overflow-y:auto}html.on-phone .ex-story{left:var(--safe-x);width:calc(400 * var(--pt));padding:calc(10 * var(--pt)) calc(14 * var(--pt))}html.on-phone .ex-questions{left:calc(472 * var(--pt));width:calc(100vw - 472 * var(--pt) - var(--safe-x));padding:calc(8 * var(--pt))}html.on-phone .ex-grid{row-gap:calc(8 * var(--pt));grid-template-columns:1fr}html.on-phone .ex-card{padding:calc(8 * var(--pt)) calc(10 * var(--pt));border-radius:calc(12 * var(--pt));gap:calc(6 * var(--pt))}html.on-phone .ex-block[lang=ar] .text,html.on-phone .ex-prompt [lang=ar],html.on-phone .ex-answer [lang=ar]{font-size:calc(17 * var(--pt));line-height:1.55}html.on-phone .ex-block.tr .text{font-size:calc(13 * var(--pt))}html.on-phone .ex-answer .tr,html.on-phone .ex-prompt .tr{font-size:calc(12 * var(--pt))}html.on-phone .ex-chip,html.on-phone .ex-num{font-size:calc(11 * var(--pt));width:calc(20 * var(--pt));height:calc(20 * var(--pt))}html.on-phone .ex-answer{min-height:calc(44 * var(--pt));padding:calc(4 * var(--pt)) calc(10 * var(--pt));border-radius:calc(10 * var(--pt))}html.on-phone .ex-answer .radio{width:calc(16 * var(--pt));height:calc(16 * var(--pt))}html.on-phone .ex-foot{left:var(--safe-x);top:auto;bottom:calc(12 * var(--pt));width:calc(100vw - 2 * var(--safe-x));height:calc(44 * var(--pt));flex-direction:row;justify-content:space-between}html.on-phone .ex-count{font-size:calc(17 * var(--pt));gap:calc(10 * var(--pt))}html.on-phone .ex-dots span{width:calc(8 * var(--pt));height:calc(8 * var(--pt))}html.on-phone .ex-error{font-size:calc(13 * var(--pt))}html.on-phone .ex-validate{height:calc(44 * var(--pt));padding:0 calc(22 * var(--pt));margin-left:auto;margin-right:0;font-size:calc(15 * var(--pt))!important}html.on-phone .ex-dialog h3{font-size:calc(26 * var(--pt))}html.on-phone .ex-dialog p{font-size:calc(15 * var(--pt))}html.on-phone .ex-main{font-size:calc(15 * var(--pt));height:calc(44 * var(--pt))}html.on-phone .pf-names h3{font-size:calc(19 * var(--pt))}html.on-phone .pf-number,html.on-phone .pf-since,html.on-phone .pf-sub,html.on-phone .pf-note,html.on-phone .pf-state{font-size:calc(13 * var(--pt))}html.on-phone .pf-badge{width:calc(56 * var(--pt));height:calc(56 * var(--pt))}html.on-phone .pf-badge .object-picture{width:calc(38 * var(--pt));height:calc(38 * var(--pt));font-size:calc(28 * var(--pt))}html.on-phone .pf-flag{font-size:calc(16 * var(--pt))}html.on-phone .pf-message{height:calc(44 * var(--pt));font-size:calc(14 * var(--pt));padding:0 calc(16 * var(--pt))}html.on-phone .pf-card h4,html.on-phone .pf-card h4 small,html.on-phone .pf-card h5{font-size:calc(11 * var(--pt))}html.on-phone .pf-big{font-size:calc(24 * var(--pt))}html.on-phone .pf-big small{font-size:calc(13 * var(--pt))}html.on-phone .pf-num b{font-size:calc(20 * var(--pt))}html.on-phone .pf-num span{font-size:calc(11 * var(--pt))}html.on-phone .pf-list li{font-size:calc(13 * var(--pt))}html.on-phone .pf-chip{font-size:calc(12 * var(--pt))}html.on-phone .pf-ach .ach-tile{height:calc(72 * var(--pt))}html.on-phone .pf-ach .ach-tile img{width:calc(36 * var(--pt));height:calc(36 * var(--pt))}html.on-phone .pf-ach .ach-tile .title{font-size:calc(11 * var(--pt))}html.on-phone .pf-ach{grid-template-columns:repeat(auto-fill, minmax(calc(84 * var(--pt)), 1fr));gap:calc(8 * var(--pt))}html.on-phone.kb-up .hud-chat{height:calc(187 * var(--pt))!important}html.on-phone.kb-up .hud-chat-picker{max-height:calc(142 * var(--pt))}html.on-phone.kb-up .op-panel,html.on-phone.kb-up .menu-panel,html.on-phone.kb-up .fc-panel{padding-bottom:calc(var(--kb,0px) + 8px)!important}html.on-phone .map-view{touch-action:pan-x pan-y}html.on-phone .map-layer{zoom:var(--mz,1)}html.on-phone .map-view.far .map-card{width:calc(14 * var(--pt) / var(--mz));height:calc(14 * var(--pt) / var(--mz));color:#0000;min-width:0;box-shadow:0 0 0 calc(1.5 * var(--pt) / var(--mz)) #151c24;border-radius:50%;padding:0;overflow:hidden}html.on-phone .map-view.far .map-card>*{display:none}html.on-phone .map-view.far .map-card.here{background:var(--accent)}html.on-phone .map-view.far .map-point,html.on-phone .map-view.far .map-stem{display:none}html.on-phone .ft-words .ar,html.on-phone .ft-cards .ar,html.on-phone .ft-chip .ar{font-size:calc(17 * var(--pt))}html.on-phone .ft-words .tr,html.on-phone .ft-cards .tr,html.on-phone .ft-chip .tr{font-size:calc(13 * var(--pt))}html.on-phone .ft-words .en,html.on-phone .ft-cards .en{font-size:calc(12 * var(--pt))}html.on-phone .ft-rules,html.on-phone .ft-suffixes,html.on-phone .ft-suffix-table,html.on-phone .ft-note,html.on-phone .ft-results{font-size:calc(13 * var(--pt))}html.on-phone .ft-count{font-size:calc(17 * var(--pt))}html.on-phone .ft-count .of{font-size:calc(13 * var(--pt))}html.on-phone .ft-riddle .ar{font-size:calc(22 * var(--pt))}html.on-phone .ft-riddle .tr{font-size:calc(15 * var(--pt))}html.on-phone .ft-score{font-size:calc(28 * var(--pt))}html.on-phone .ph-label{font-size:calc(11 * var(--pt))}html.on-phone .ph-text .ar{font-size:calc(19 * var(--pt))}html.on-phone .an-done-line{font-size:calc(17 * var(--pt))}html.on-phone .an-done-sub,html.on-phone .an-labels-head .hint,html.on-phone .an-level .name{font-size:calc(13 * var(--pt))}html.on-phone .an-level .tag,html.on-phone .an-name,html.on-phone .an-colour{font-size:calc(11 * var(--pt))}html.on-phone .an-label .ar,html.on-phone .an-tag .ar{font-size:calc(17 * var(--pt))}html.on-phone .an-tag .tr{font-size:calc(12 * var(--pt))}html.on-phone .mg-rail button,html.on-phone .mg-mode{min-height:calc(44 * var(--pt))}html.on-phone .ph-card{max-height:none}html.on-phone .ph-text .ar{font-size:calc(15 * var(--pt));line-height:1.25}html.on-phone .ph-text .tr,html.on-phone .an-label .tr,html.on-phone .an-tag .tr{font-size:calc(11 * var(--pt))}html.on-phone .an-rack.level2{padding:calc(6 * var(--pt));overflow-y:auto}html.on-phone .an-rack.level2 .an-rails{gap:calc(6 * var(--pt));flex:none;grid-template-columns:repeat(6,1fr);width:100%;display:grid}html.on-phone .an-rack.level2 .an-rail{display:contents}html.on-phone .an-rack.level2 .an-rail:before,html.on-phone .an-rack.level2 .an-rail:after{display:none}html.on-phone .an-rack.level2 .an-hang{height:calc(106 * var(--pt))}html.on-phone .an-rack.level2 .an-hanger{height:calc(14 * var(--pt))}html.on-phone .an-rack.level2 .an-picture{max-height:calc(54 * var(--pt))}html.on-phone .ph-board{column-gap:calc(70 * var(--pt));padding:calc(8 * var(--pt)) calc(12 * var(--pt))}html.on-phone .ph-col{gap:calc(6 * var(--pt))}html.on-phone .ph-label{height:auto}html.on-phone .ph-card{padding-top:calc(4 * var(--pt));padding-bottom:calc(4 * var(--pt));border-radius:calc(14 * var(--pt))}html.on-phone .menu-primary{height:calc(44 * var(--pt));font-size:calc(15 * var(--pt))}html.on-phone .chapter-card-box{min-width:calc(380 * var(--pt));padding:calc(18 * var(--pt)) calc(24 * var(--pt)) calc(16 * var(--pt));border-radius:calc(22 * var(--pt))}html.on-phone .chapter-card-box .menu-primary{padding:0 calc(24 * var(--pt))}html.on-phone .jn-item .prompt .ar,html.on-phone .jn-item .ar{font-size:calc(30 * var(--pt));line-height:1.3}html.on-phone .jn-item .prompt{margin:calc(4 * var(--pt)) 0}html.on-phone .jn-answers{gap:calc(6 * var(--pt))}html.on-phone .jn-answers button{min-height:calc(44 * var(--pt));padding:calc(4 * var(--pt)) calc(12 * var(--pt));border-radius:calc(12 * var(--pt))}html.on-phone .jn-lanes{padding:calc(4 * var(--pt)) calc(12 * var(--pt));gap:calc(2 * var(--pt))}html.on-phone .jn-lane{height:calc(20 * var(--pt))}html.on-phone .jn-item{gap:calc(4 * var(--pt))}html.on-phone .jn-item .answers{gap:calc(6 * var(--pt))}html.on-phone .jn-item .answers button{min-height:calc(44 * var(--pt));height:auto;padding:calc(4 * var(--pt)) calc(12 * var(--pt))}html.on-phone.kb-up .jn-panel,html.on-phone.kb-up .np-stage,html.on-phone.kb-up .op-create,html.on-phone.kb-up .op-signin{padding-bottom:calc(var(--kb,0px) + 8px)!important}html.on-phone #root{transition:transform .25s ease-out;position:fixed;inset:0}html.on-phone{--safe-top-full:calc(16 * var(--pt))}html.on-phone .mg-panel,html.on-phone .fc-panel,html.on-phone .zs-panel,html.on-phone .jn-panel,html.on-phone .menu-panel:not(.help){padding-top:var(--safe-top-full)!important}html.on-phone .menu-panel.main>.menu-close,html.on-phone .fc-panel>.menu-title{top:var(--safe-top-full)}html.on-phone .menu-instagram{right:var(--safe-x);bottom:var(--safe-bottom);width:calc(44 * var(--pt));height:calc(44 * var(--pt));border-radius:calc(12 * var(--pt))}html.on-phone .menu-instagram svg{width:calc(24 * var(--pt));height:calc(24 * var(--pt))}html.on-phone .op-segments{grid-template-columns:.8fr 1fr 1.7fr}html.on-phone .op-segments button{white-space:nowrap;padding:0 calc(4 * var(--pt));font-size:calc(13 * var(--pt))!important}html.on-phone .chapter-title{font-size:calc(26 * var(--pt))}html.on-phone .chapter-subtitle{font-size:calc(15 * var(--pt));margin-bottom:calc(10 * var(--pt))}html.on-phone .zs-skip{height:calc(44 * var(--pt));padding:0 calc(16 * var(--pt));font-weight:700;font-size:calc(15 * var(--pt))!important}html.on-phone .zs-skip .icon{font-size:calc(16 * var(--pt))!important}html.on-phone .menu-panel.profile{column-gap:calc(48 * var(--pt))}html.on-phone .menu-panel.profile>.profile-switches{gap:calc(6 * var(--pt));border:none;flex-direction:column;padding:0;display:flex}html.on-phone .profile-switch-row{border:1px solid var(--field);border-radius:calc(12 * var(--pt));padding:calc(6 * var(--pt)) calc(12 * var(--pt));background:#fff6ea08}html.on-phone .fc-vocab-head{gap:calc(10 * var(--pt))}html.on-phone .fc-words{gap:calc(8 * var(--pt));grid-auto-rows:auto}html.on-phone .fc-words li{min-height:0;padding:calc(8 * var(--pt)) calc(10 * var(--pt));gap:calc(2 * var(--pt))}html.on-phone .zs-col.build{column-gap:calc(12 * var(--pt));row-gap:calc(8 * var(--pt));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:start;display:grid;overflow-y:auto}html.on-phone .zs-col.build>.zs-build-head{grid-column:1/-1}html.on-phone .zs-col.build>.zs-builder{grid-column:1;min-width:0}html.on-phone .zs-col.build>.zs-accent.validate{height:calc(44 * var(--pt));padding:0 calc(18 * var(--pt));grid-area:2/2;align-self:center;font-size:calc(15 * var(--pt))!important}html.on-phone .zs-build-head .sentence{font-size:calc(17 * var(--pt));line-height:1.3}html.on-phone .zs-area,html.on-phone .zs-bank{width:100%}html.on-phone .zs-area{min-height:calc(60 * var(--pt));padding:calc(6 * var(--pt));border-radius:calc(14 * var(--pt))}html.on-phone .zs-builder{gap:calc(8 * var(--pt));flex-direction:column;display:flex}html.on-phone .zs-feedback{font-size:calc(13 * var(--pt))}html.on-phone .mg-panel:has(.cn-device) .mg-header{top:calc(18 * var(--pt));right:calc(74 * var(--pt));z-index:4;height:auto;position:absolute}html.on-phone .mg-panel:has(.cn-device) .mg-names{display:none}html.on-phone .mg-panel:has(.cn-device){padding-top:var(--safe-top)!important}html.on-phone .cn-sticker{top:calc(72 * var(--pt));right:calc(30 * var(--pt))}html.on-phone .cn-tape{top:calc(10 * var(--pt))}html.on-phone .cn-bezel{left:calc(124 * var(--pt));top:calc(10 * var(--pt));width:calc(500 * var(--pt));height:calc(350 * var(--pt))}html.on-phone .cn-dpad{left:calc(22 * var(--pt));top:calc(140 * var(--pt))}html.on-phone .cn-btn.a{left:calc(682 * var(--pt));top:calc(140 * var(--pt))}html.on-phone .cn-btn.b{left:calc(636 * var(--pt));top:calc(184 * var(--pt))}html.on-phone .cn-grid{grid-auto-rows:auto;overflow-y:auto}html.on-phone .cn-grid li{padding:calc(4 * var(--pt)) calc(2 * var(--pt));gap:calc(1 * var(--pt))}html.on-phone .cn-grid .numeral{line-height:1.1}html.on-phone .cn-grid .ar{line-height:1.25}html.on-phone .dk-product{justify-content:center;gap:calc(6 * var(--pt));padding:0 calc(6 * var(--pt));flex-direction:row}html.on-phone .dk-picture{width:auto}html.on-phone .dk-price{font-size:calc(16 * var(--pt));white-space:nowrap}html.on-phone .dk-row{row-gap:calc(2 * var(--pt));column-gap:calc(6 * var(--pt));height:auto;padding:calc(4 * var(--pt)) calc(6 * var(--pt)) calc(4 * var(--pt)) calc(10 * var(--pt));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name sum""step remove";align-items:center;display:grid}html.on-phone .dk-row .name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;overflow:hidden}html.on-phone .dk-row .sum{grid-area:sum;width:auto}html.on-phone .dk-stepper{gap:calc(6 * var(--pt));grid-area:step}html.on-phone .dk-step,html.on-phone .dk-minus{width:calc(34 * var(--pt));height:calc(34 * var(--pt));border-radius:50%}html.on-phone .dk-remove{height:calc(34 * var(--pt));padding:0 calc(10 * var(--pt));border-radius:999px;grid-area:remove;font-size:calc(12 * var(--pt))!important}@keyframes phone-shine{0%,to{filter:brightness()}50%{filter:brightness(1.42)drop-shadow(0 0 4px #ffd282e6)}}@keyframes phone-shine-cut{0%,to{opacity:0}50%{opacity:1}}html.on-phone .prop-spot .spot:enabled img{animation:2.4s ease-in-out infinite phone-shine}html.on-phone .spot-area:not(.prop-spot) .spot:enabled img{filter:brightness(1.42);animation:2.4s ease-in-out infinite phone-shine-cut}html.on-phone .kl-screen{background:var(--j-panel)}html.on-phone .kl-panel{box-shadow:none;border:none;border-radius:0}html.on-phone .kl-head{width:1470px}html.on-phone .kl-close{border-radius:53px;width:106px;height:106px;top:18px;left:1596px}html.on-phone .ls-stage{--u:calc(.62 * var(--pt));width:100vw;height:100vh}html.on-phone .ls-frame{border-radius:0;width:100vw;height:100vh;top:0;left:0}html.on-phone .ls-surf{left:calc(50 * var(--pt));top:calc(4 * var(--pt));width:calc(100vw - 100 * var(--pt));height:calc(100vh - 8 * var(--pt))}html.on-phone .ls-chalk,html.on-phone .ls-eraser{display:none}html.on-phone .ls-head{left:var(--safe-x);top:calc(10 * var(--pt));width:calc(100vw - 2 * var(--safe-x));height:calc(44 * var(--pt))}html.on-phone .ls-rule{left:var(--safe-x);top:calc(58 * var(--pt));width:calc(100vw - 2 * var(--safe-x))}html.on-phone .ls-grid,html.on-phone .al-grid{left:var(--safe-x);top:calc(64 * var(--pt));width:calc(100vw - 2 * var(--safe-x));height:calc(100vh - 76 * var(--pt));overflow-y:auto}html.on-phone .ls-paper{left:var(--safe-x);top:calc(60 * var(--pt));width:calc(100vw - 2 * var(--safe-x));height:calc(100vh - 122 * var(--pt));overscroll-behavior:contain;overflow-y:auto}html.on-phone .ls-paper>*{flex:none}html.on-phone .ls-read{gap:calc(12 * var(--pt));flex-direction:column;display:flex}html.on-phone .ls-read .ls-tbl{min-width:0;max-width:100%}html.on-phone .ls-qs{flex:none}html.on-phone .ls-foot{left:var(--safe-x);top:auto;bottom:calc(10 * var(--pt));width:calc(100vw - 2 * var(--safe-x));height:calc(48 * var(--pt))}html.on-phone .ls-foot-side{width:auto}html.on-phone .ls-btn{height:calc(44 * var(--pt));gap:calc(6 * var(--pt));font-size:calc(15 * var(--pt))!important;padding:0 calc(18 * var(--pt))!important}html.on-phone .ls-status{font-size:calc(13 * var(--pt))}html.on-phone .ls-round{width:calc(44 * var(--pt));height:calc(44 * var(--pt));font-size:calc(20 * var(--pt))}html.on-phone .ls-endwrap{left:var(--safe-x);top:calc(8 * var(--pt));width:calc(100vw - 2 * var(--safe-x));height:calc(100vh - 29 * var(--pt))}html.on-phone .ls-stamp{right:calc(-16 * var(--pt));top:calc(-18 * var(--pt));width:calc(66 * var(--pt));height:calc(66 * var(--pt))}html.on-phone .al-input{font-size:16px}html.on-phone .ls-paper,html.on-phone .ls-endwrap{--u:calc(.76 * var(--pt))}html.on-phone .ls-tbl th,html.on-phone .ls-read.dense .ls-tbl th,html.on-phone .ls-caps,html.on-phone .ls-chip{font-size:calc(11 * var(--pt))}html.on-phone .zs-tile .tr{font-size:calc(13 * var(--pt))}html.on-phone .zs-tile .ar{font-size:calc(21 * var(--pt))}html.on-phone .ls-opt .en,html.on-phone .ls-qs.q4 .ls-opt .en,html.on-phone .ls-qs.q6 .ls-opt .en{font-size:calc(14 * var(--pt))}html.on-phone .ls-opt{min-height:calc(40 * var(--pt))}html.on-phone .ls-match{grid-template-columns:minmax(0, 1fr) calc(56 * var(--pt)) minmax(0, 1fr);flex:none;max-height:none}html.on-phone .kl-legend{flex-wrap:wrap;gap:14px;width:560px;left:40px}html.on-phone .ft-body{grid-template-columns:calc(96 * var(--pt)) minmax(0, 1fr) calc(190 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .ft-canvas{padding:0}html.on-phone .ft-canvas .family-name{letter-spacing:0;font-size:27px}html.on-phone .ft-canvas .family-tag{font-size:19px}html.on-phone .ft-side{padding:calc(10 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .ft-chip{min-height:calc(50 * var(--pt));padding:0 calc(12 * var(--pt))}html.on-phone .ft-cards{gap:calc(8 * var(--pt))}html.on-phone .ft-cards li{border:1px solid var(--field-rim);border-radius:calc(12 * var(--pt));padding:calc(8 * var(--pt)) calc(10 * var(--pt))}html.on-phone .mg-tabs{width:calc(96 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .mg-tab{height:auto;min-height:calc(70 * var(--pt));padding:calc(6 * var(--pt)) calc(4 * var(--pt));border-radius:calc(14 * var(--pt))}html.on-phone .mg-tab .ar{font-size:calc(19 * var(--pt))}html.on-phone .mg-tab .en{font-size:calc(14 * var(--pt))}html.on-phone .mg-tab .meta{font-size:calc(11 * var(--pt));letter-spacing:.04em}html.on-phone .chapter-card.finale .chapter-title{font-size:calc(40 * var(--pt))}html.on-phone .jn-panel:has(.jn-lobby){overflow:hidden}html.on-phone .jn-lobby-head{min-height:calc(44 * var(--pt));margin-right:calc(54 * var(--pt))}html.on-phone .jn-lobby{gap:calc(10 * var(--pt));grid-template-columns:minmax(0,2fr) minmax(0,1fr)}html.on-phone .jn-lobby>section{gap:calc(6 * var(--pt))}html.on-phone .jn-section{height:auto}html.on-phone .jn-grid{gap:calc(8 * var(--pt));flex:1;grid-auto-rows:minmax(0,1fr)}html.on-phone .jn-grid.duels{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}html.on-phone .jn-grid.coops{grid-template-rows:1fr 1fr;grid-template-columns:1fr}html.on-phone .jn-card .rule,html.on-phone .jn-card .meta{display:none}html.on-phone .jn-card{padding:calc(8 * var(--pt)) calc(10 * var(--pt));gap:calc(4 * var(--pt));flex-direction:column;justify-content:space-between;display:flex}html.on-phone .jn-card .names .ar{font-size:calc(17 * var(--pt))}html.on-phone .jn-card .names .en{font-size:calc(13 * var(--pt))}html.on-phone .jn-card .actions{gap:calc(6 * var(--pt));flex-wrap:wrap;display:flex}html.on-phone .jn-card .jn-primary,html.on-phone .jn-card .jn-solo{min-height:calc(36 * var(--pt));height:calc(36 * var(--pt));padding:0 calc(12 * var(--pt));font-size:calc(13 * var(--pt))!important}html.on-phone .jn-card .jn-solo .disc{width:calc(22 * var(--pt));height:calc(22 * var(--pt))}html.on-phone .jn-card .tag{top:calc(8 * var(--pt));right:calc(8 * var(--pt));font-size:calc(11 * var(--pt));position:absolute}html.on-phone .jn-card{position:relative}html.on-phone .jn-item .answers button{min-height:calc(40 * var(--pt))}html.on-phone .jn-item .answers .en{font-size:calc(15 * var(--pt));line-height:1.2}html.on-phone .jn-item .answers .t-ar{font-size:calc(17 * var(--pt));line-height:1.2}html.on-phone .jn-item .answers .t-tr{font-size:calc(12 * var(--pt))}html.on-phone .jn-item .prompt{flex:1 0 calc(48 * var(--pt))}html.on-phone .jn-item .prompt .ar{font-size:calc(26 * var(--pt))}html.on-phone .jn-item .big-number{font-size:calc(40 * var(--pt))}html.on-phone .jn-rules p{font-size:calc(13 * var(--pt))}html.on-phone .hud-chat-lines .jn-invite{min-height:calc(56 * var(--pt));padding:calc(6 * var(--pt)) calc(8 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .hud-chat-lines .jn-invite .tag{font-size:calc(11 * var(--pt))}html.on-phone .hud-chat-lines .jn-invite .msg{font-size:calc(14 * var(--pt))}html.on-phone .hud-chat-lines .jn-invite .tile{width:calc(34 * var(--pt));height:calc(34 * var(--pt));font-size:calc(14 * var(--pt))}html.on-phone .hud-chat-lines .jn-invite button{height:calc(40 * var(--pt));padding:0 calc(14 * var(--pt));font-size:calc(14 * var(--pt))}html.on-phone .jn-card .actions{flex-flow:row;align-items:center}html.on-phone .jn-card .jn-primary,html.on-phone .jn-card .jn-solo{white-space:nowrap;padding:0 calc(10 * var(--pt));flex:none}html.on-phone .jn-lobby{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr)}html.on-phone .rs .mg-dot{width:calc(10 * var(--pt));height:calc(10 * var(--pt))}html.on-phone .rs-game{grid-template-columns:calc(200 * var(--pt)) 1fr;grid-template-rows:calc(170 * var(--pt)) 1fr;gap:calc(8 * var(--pt)) calc(12 * var(--pt))}html.on-phone .rs-customer{border-radius:calc(18 * var(--pt));gap:calc(18 * var(--pt))}html.on-phone .rs-stage{width:calc(164 * var(--pt));height:calc(164 * var(--pt))}html.on-phone .rs-ring circle{stroke-width:15px}html.on-phone .rs-disc{left:calc(9 * var(--pt));top:calc(9 * var(--pt));width:calc(146 * var(--pt));height:calc(146 * var(--pt))}html.on-phone .rs-figure{width:calc(70 * var(--pt));height:calc(100 * var(--pt));margin-bottom:calc(14 * var(--pt))}html.on-phone .rs-vein{left:calc(6 * var(--pt));top:calc(6 * var(--pt));width:calc(30 * var(--pt));height:calc(30 * var(--pt))}html.on-phone .rs-vein.big{width:calc(36 * var(--pt));height:calc(36 * var(--pt));top:0;left:0}html.on-phone .rs-steam i{width:calc(30 * var(--pt));height:calc(22 * var(--pt))}html.on-phone .rs-bubble{left:calc(116 * var(--pt));top:calc(-24 * var(--pt));min-width:calc(66 * var(--pt));height:calc(40 * var(--pt));padding:0 calc(10 * var(--pt));border-radius:calc(14 * var(--pt))}html.on-phone .rs-bubble:after{left:calc(10 * var(--pt));bottom:calc(-6 * var(--pt));width:calc(12 * var(--pt));height:calc(12 * var(--pt))}html.on-phone .rs-bubble .rs-bars{height:calc(20 * var(--pt));gap:calc(4 * var(--pt))}html.on-phone .rs-bubble .rs-bars i{width:calc(5 * var(--pt))}html.on-phone .rs-timeup{height:calc(26 * var(--pt));bottom:calc(-10 * var(--pt));padding:0 calc(12 * var(--pt));font-size:calc(11 * var(--pt));letter-spacing:.14em}html.on-phone .rs-again{height:calc(44 * var(--pt));padding:0 calc(16 * var(--pt)) 0 calc(13 * var(--pt));gap:calc(8 * var(--pt));font-size:calc(15 * var(--pt))!important}html.on-phone .rs-again .icon{font-size:calc(20 * var(--pt))}html.on-phone .rs-again .rs-bars{height:calc(14 * var(--pt));gap:calc(3 * var(--pt))}html.on-phone .rs-again .rs-bars i{width:calc(3 * var(--pt))}html.on-phone .rs-row{border-radius:calc(18 * var(--pt));padding:calc(8 * var(--pt)) calc(10 * var(--pt)) calc(10 * var(--pt));gap:calc(6 * var(--pt))}html.on-phone .rs-row.done.right{box-shadow:inset 0 0 0 calc(2 * var(--pt)) var(--success)}html.on-phone .rs-row.done.wrong{box-shadow:inset 0 0 0 calc(2 * var(--pt)) var(--error)}html.on-phone .rs-head{height:calc(26 * var(--pt));gap:calc(8 * var(--pt))}html.on-phone .rs-num{width:calc(22 * var(--pt));height:calc(22 * var(--pt));font-size:calc(13 * var(--pt))}html.on-phone .rs-label{font-size:calc(11 * var(--pt));letter-spacing:.2em}html.on-phone .rs-hint{font-size:calc(13 * var(--pt))}html.on-phone .rs-cards{gap:calc(8 * var(--pt))}html.on-phone .rs-card{border-radius:calc(14 * var(--pt))}html.on-phone .rs-card.picture{border-width:calc(1.5 * var(--pt))}html.on-phone .rs-object{width:calc(84 * var(--pt));height:calc(84 * var(--pt))}html.on-phone .rs-card.reply{gap:calc(2 * var(--pt));padding:0 calc(6 * var(--pt))}html.on-phone .rs-card.reply .ar{font-size:calc(19 * var(--pt))}html.on-phone .rs-card.reply .tr{font-size:calc(13 * var(--pt))}html.on-phone .rs-card.picked-right,html.on-phone .rs-card.right,html.on-phone .rs-card.picked-wrong{border-width:calc(2.5 * var(--pt))}html.on-phone .rs-mark{top:calc(6 * var(--pt));right:calc(6 * var(--pt));width:calc(22 * var(--pt));height:calc(22 * var(--pt));font-size:calc(13 * var(--pt))}html.on-phone .rs-row.active .rs-card:hover{transform:none}html.on-phone .rs-recap{grid-template-columns:calc(240 * var(--pt)) 1fr;gap:calc(12 * var(--pt))}html.on-phone .rs-side{gap:calc(8 * var(--pt));order:-1}html.on-phone .rs-tables{border-radius:calc(18 * var(--pt));padding:calc(6 * var(--pt))}html.on-phone .rs-tables-head{display:none}html.on-phone .rs-list{gap:calc(6 * var(--pt));-webkit-overflow-scrolling:touch}html.on-phone .rs-line{grid-template-columns:auto minmax(0, 1fr) calc(40 * var(--pt));row-gap:calc(7 * var(--pt));column-gap:calc(8 * var(--pt));min-height:0;padding:calc(8 * var(--pt)) calc(10 * var(--pt)) calc(9 * var(--pt));border-radius:calc(14 * var(--pt));grid-template-areas:"who said earned""req req req""rep rep rep"}html.on-phone .rs-line .who{gap:calc(6 * var(--pt));grid-area:who;align-self:start}html.on-phone .rs-line .said{grid-area:said}html.on-phone .rs-line .earned{font-size:calc(17 * var(--pt));grid-area:earned;align-self:start}html.on-phone .rs-line .req{gap:calc(8 * var(--pt));grid-area:req;padding-left:0}html.on-phone .rs-line .rep{gap:calc(6 * var(--pt));flex-flow:wrap;grid-area:rep}html.on-phone .rs-line .n{font-size:calc(17 * var(--pt))}html.on-phone .rs-line .face{width:calc(30 * var(--pt));height:calc(30 * var(--pt))}html.on-phone .rs-line .face img{width:calc(14 * var(--pt));height:calc(20 * var(--pt));margin-bottom:calc(3 * var(--pt))}html.on-phone .rs-line .said .ar{font-size:calc(17 * var(--pt))}html.on-phone .rs-line .said .tr{font-size:calc(13 * var(--pt))}html.on-phone .rs-line .said .en{font-size:calc(12 * var(--pt))}html.on-phone .rs-line .tile{width:calc(44 * var(--pt));height:calc(44 * var(--pt));border-radius:calc(10 * var(--pt));border-width:calc(2 * var(--pt))}html.on-phone .rs-line .tile .mg-picture{width:calc(36 * var(--pt));height:calc(36 * var(--pt))}html.on-phone .rs-line .tile.none,html.on-phone .rs-line .chip.none{width:auto;padding:0 calc(8 * var(--pt));font-size:calc(11 * var(--pt))}html.on-phone .rs-line .tick{top:calc(-6 * var(--pt));right:calc(-6 * var(--pt));width:calc(18 * var(--pt));height:calc(18 * var(--pt));font-size:calc(10 * var(--pt));box-shadow:0 0 0 calc(2 * var(--pt)) var(--panel)}html.on-phone .rs-line .chip{min-height:calc(44 * var(--pt));min-width:calc(150 * var(--pt));border-radius:calc(10 * var(--pt));border-width:calc(2 * var(--pt));padding:calc(2 * var(--pt)) calc(28 * var(--pt)) calc(2 * var(--pt)) calc(10 * var(--pt))}html.on-phone .rs-line .chip .ar{font-size:calc(17 * var(--pt))}html.on-phone .rs-line .chip .tr{font-size:calc(11 * var(--pt))}html.on-phone .rs-line .chip .tick{right:calc(5 * var(--pt))}html.on-phone .rs-rita{border-radius:calc(18 * var(--pt));padding:calc(8 * var(--pt)) calc(12 * var(--pt));gap:calc(2 * var(--pt))}html.on-phone .rs-rita .disc{width:calc(60 * var(--pt));height:calc(60 * var(--pt));box-shadow:0 0 0 calc(2 * var(--pt)) var(--accent)}html.on-phone .rs-rita .disc img{width:calc(54 * var(--pt));height:calc(54 * var(--pt))}html.on-phone .rs-rita .name{margin:calc(4 * var(--pt)) 0 calc(2 * var(--pt));font-size:calc(11 * var(--pt))}html.on-phone .rs-rita .ar{font-size:calc(19 * var(--pt))}html.on-phone .rs-rita .tr{font-size:calc(13 * var(--pt))}html.on-phone .rs-rita .en{font-size:calc(12 * var(--pt))}html.on-phone .rs-rita .en.alone{font-size:calc(13 * var(--pt))}html.on-phone .rs-earned{border-radius:calc(18 * var(--pt));padding:calc(9 * var(--pt)) calc(12 * var(--pt)) calc(10 * var(--pt));gap:calc(2 * var(--pt));flex:none}html.on-phone .rs-earned .label{font-size:calc(11 * var(--pt))}html.on-phone .rs-earned .amount{font-size:calc(34 * var(--pt))}html.on-phone .rs-earned .rule{display:none}html.on-phone .rs-earned .mg-primary{height:calc(44 * var(--pt));font-size:calc(15 * var(--pt));margin-top:calc(4 * var(--pt))}html.on-phone .rs-stamp{right:calc(12 * var(--pt));top:calc(30 * var(--pt));width:auto;height:calc(26 * var(--pt));padding:0 calc(10 * var(--pt));box-shadow:0 calc(4 * var(--pt)) calc(10 * var(--pt)) #140c0459;color:#2a1708;font-size:calc(11 * var(--pt));letter-spacing:.12em;background:#e7b64a;border:none;border-radius:999px;transform:rotate(-6deg)}html.on-phone .rs-stamp br{display:none}html.on-phone .menu-panel.achievements{overflow:hidden}html.on-phone .menu-panel.achievements .ach-grid{-webkit-overflow-scrolling:touch;min-height:0;padding:calc(10 * var(--pt)) calc(6 * var(--pt)) calc(6 * var(--pt));margin:calc(-10 * var(--pt)) calc(-6 * var(--pt)) 0;align-self:stretch;overflow-y:auto}.logo-title{--letters:#fff6ea;--paving:#e4d3ae;--band:#857766;--earth:#3e342b;--deep-earth:#2b231c;--mark:#f2a65a;--arabic:#fff6ea;font-family:"Baloo Bhaijaan 2",sans-serif;font-size:var(--s);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:inline-flex}.logo-title.floor{--band:#6e6a64;--earth:#6b4a35;--deep-earth:#4e3627;--mark:#b9553b;--arabic:#3b2f26}.logo-title.left{align-items:flex-start}.logo-title.right{align-items:flex-end}.logo-latin{flex-direction:column;align-items:stretch;display:inline-flex}.logo-lebanon{letter-spacing:-.01em;white-space:nowrap;color:var(--letters);text-shadow:0 .022em 0 var(--paving), 0 .044em 0 var(--paving), 0 .062em 0 var(--band), 0 .08em 0 var(--band), 0 .1em 0 var(--earth), 0 .12em 0 var(--earth), 0 .138em 0 var(--deep-earth);padding-bottom:.14em;font-size:1em;font-weight:800;line-height:.92}.logo-row{align-items:center;gap:.07em;margin-top:.04em;display:flex}.logo-row .rule{background:var(--mark);border-radius:2px;flex:1;min-width:.12em;height:max(2px,.026em)}.logo-row .word{letter-spacing:.3em;white-space:nowrap;color:var(--mark);margin-right:-.3em;font-size:.24em;font-weight:800;line-height:1.1}.logo-arabic{color:var(--arabic);margin-top:.138889em;font-size:.36em;font-weight:700;line-height:1.35}.game{position:fixed;inset:0;overflow:hidden}.birds{pointer-events:none;position:fixed;inset:0;overflow:hidden}.bird{image-rendering:pixelated;background-repeat:no-repeat;position:absolute}.scene{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.scene-slot{border:1px dashed;padding:.5rem 1rem;font-family:monospace}.scene-background{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-frame{touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.scene-layer{transform-origin:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene-art{aspect-ratio:16/9;width:min(100%,177.778vh);position:relative}.scene-art img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.scene-art{--spot-glow:#fff9;--spot-shimmer:#ffffff80;--spot-bright:1.12}.spot-area{pointer-events:none;position:absolute}.spot{cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;position:absolute;inset:0;overflow:hidden}.spot:disabled{cursor:default}.spot img{opacity:0;max-width:none;filter:brightness(var(--spot-bright));transition:opacity .15s;position:absolute}.spot:enabled:is(:hover,:focus-visible) img{opacity:1}.spot-area:has(.spot:enabled:is(:hover,:focus-visible)){filter:drop-shadow(0 0 calc(2px / var(--zoom,1)) var(--spot-glow))}.spot:enabled:after{content:"";background:linear-gradient(110deg, transparent 40%, var(--spot-shimmer) 50%, transparent 60%) no-repeat;animation:spot-shimmer 4s ease-in-out var(--delay,0s) infinite;background-position:100% 0;background-size:300% 100%;position:absolute;inset:0}@keyframes spot-shimmer{0%{background-position:100% 0}35%,to{background-position:0 0}}.scene-art img.scene-decor{pointer-events:none;height:auto;position:absolute;translate:-50% -100%}.scene-art img.scene-decor.float{animation:4.2s infinite plane-float}@keyframes plane-float{0%{animation-timing-function:step-end;transform:translateY(0)}7.857%{animation-timing-function:step-end;transform:translateY(-.8264%)}17.381%{animation-timing-function:step-end;transform:translateY(-1.6529%)}50%{animation-timing-function:step-end;transform:translateY(-.8264%)}57.857%{animation-timing-function:step-end;transform:translateY(0)}67.381%,to{animation-timing-function:step-end;transform:translateY(.8264%)}}@media (prefers-reduced-motion:reduce){.scene-art img.scene-decor.float{animation:none}}.prop-spot{translate:-50% -100%}.secret-spot{cursor:inherit;background:0 0;border:0;padding:0;display:block;position:absolute;translate:-50% -100%}.secret-spot img{width:100%;height:auto;display:block}.secret-spot:focus{outline:none}.prop-spot .spot{width:100%;display:block;position:relative}.scene-art .prop-spot img{opacity:1;filter:none;width:100%;height:auto;position:static}.prop-spot .spot{cursor:default}.prop-spot .spot:enabled.hit{cursor:pointer}.prop-spot .spot:enabled:is(.hit,:focus-visible) img{filter:brightness(var(--spot-bright))}.prop-spot:has(.spot:enabled:hover:not(.hit)){filter:none}.prop-spot.quiet .spot:after{display:none}.scene-art img.leaving-right{animation:2.4s ease-in forwards drive-off-right}@keyframes drive-off-right{0%{opacity:1;transform:translate(0)}8%{transform:translate(-1%,-.8%)}16%{transform:translate(.5%,.4%)}to{opacity:0;transform:translate(260%,217%)}}@media (prefers-reduced-motion:reduce){.scene-art img.leaving-right{animation:.6s forwards fade-out}}@keyframes fade-out{to{opacity:0}}.prop-spot .spot:after{-webkit-mask:var(--prop) center / 100% 100% no-repeat;mask:var(--prop) center / 100% 100% no-repeat}.scene-art{--sleep-color:#fffffff2;--sleep-size:13px}.sleep-marker{z-index:1100;pointer-events:none;width:0;height:0;position:absolute}.sleep-marker span{opacity:0;color:var(--sleep-color);font:bold var(--sleep-size) / 1 sans-serif;text-shadow:0 0 2px #0009;font-size:calc(var(--sleep-size) * (.8 + var(--i) * .12));animation:sleep-rise 3s ease-out calc(var(--i) * .5s) infinite;position:absolute;bottom:0;left:0}@keyframes sleep-rise{0%{opacity:0;translate:0}15%{opacity:1}to{opacity:0;translate:1.6em -2.4em}}@media (prefers-reduced-motion:reduce){.sleep-marker span{opacity:1;translate:calc(var(--i) * .5em) calc(var(--i) * -.4em);animation:none}}.spot-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.spot:enabled:after{background:var(--spot-shimmer);opacity:.4;animation:none}}.hotspots{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex;position:absolute;bottom:4rem;left:50%;translate:-50%}.corner{max-width:40vw;position:absolute}.top-left{top:1rem;left:1rem}.top-right{align-items:start;gap:.75rem;display:flex;top:1rem;right:1rem}.bottom-left{bottom:1rem;left:1rem}.bottom-right{width:min(40vw,32rem);bottom:1rem;right:1rem}.panel{color:canvastext;background:canvas;border:1px solid;padding:.75rem}.menu{z-index:5;flex-direction:column;gap:.25rem;display:flex;position:absolute;top:100%;right:0}.line-ar{font-size:1.25rem}.choices{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.choices button{text-align:start}.options{flex-direction:column;gap:.25rem;display:flex}.tiles{flex-wrap:wrap;gap:.25rem;min-height:2.5rem;display:flex}.tile{flex-direction:column;align-items:center;display:inline-flex}.shake{animation:.3s shake}@keyframes shake{0%,to{translate:0}25%{translate:-.5rem}75%{translate:.5rem}}.night{opacity:0;pointer-events:none;z-index:20;background:#000;transition:opacity 1.5s;position:fixed;inset:0}.night.out,.night.black,.night.morning{opacity:1;pointer-events:auto}.night{--morning-color:#d9b45a;justify-content:center;align-items:center;display:flex}.night-card{color:var(--morning-color);opacity:0;text-align:center;max-width:40rem;padding:0 1rem;font-size:2rem;font-style:italic;transition:opacity .4s}.night.morning .night-card{opacity:1}.message-text{white-space:pre-line;max-height:50vh;overflow-y:auto}.short{opacity:.6}.console{--console-body:#8b8b84;--console-screen:#c8d2a8;background:var(--console-body);border-radius:1.5rem 1.5rem 3rem;margin:0 auto;padding:1.5rem}.console-screen{background:var(--console-screen);color:#1d2412;border-radius:.5rem;min-height:22rem;padding:1rem}.console{max-width:60rem}.console-panes{grid-template-columns:minmax(10rem,1fr) 3fr;gap:1rem;display:grid}.console-panes:has(>.console-main:only-child){grid-template-columns:1fr}.number-levels{align-content:start;gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.number-levels button{text-align:left;width:100%}.number-levels button[aria-current=true]{font-weight:700}.console-waiting{text-align:center}.controller{margin:.5rem 0;font-size:6rem}.number-tiles{grid-template-columns:repeat(5,1fr);gap:.4rem;padding:0;list-style:none;display:grid}.number-tiles li{background:#fff6;border-radius:.3rem;flex-direction:column;align-items:center;padding:.4rem;display:flex}.tile-numeral{font-size:2rem}.run-score{text-align:center;font-size:2rem}@media (width<=40rem){.console-panes{grid-template-columns:1fr}.number-tiles{grid-template-columns:repeat(3,1fr)}}.numeral{text-align:center;margin:.5rem 0;font-size:4rem}.number-options{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.number-options button{flex-direction:column;align-items:center;gap:.2rem;padding:.6rem;display:flex}.number-options button span[lang=ar]{font-size:1.4rem}.number-options .right,.shift .right{background:#50aa5a80}.number-options .wrong,.shift .wrong{background:#c8463c73}.console{--countdown:#1d2412}.countdown{background:var(--countdown);width:100%;height:.5rem;animation:countdown var(--seconds,5s) linear forwards}@keyframes countdown{0%{width:100%}to{width:0%}}.run-count{text-align:right;margin:0}.run-perfect{font-weight:700}.shift{max-width:60rem;margin:0 auto}.customer{background:#fff9;border-radius:.6rem;padding:.8rem}.customer.right{animation:.9s ease-out pulse}.customer.wrong{animation:.45s ease-in-out 2 shake}@keyframes pulse{0%{box-shadow:0 0 #50aa5ae6}to{box-shadow:0 0 0 1.2rem #50aa5a00}}.counter{grid-template-columns:2fr 1fr;gap:1rem;margin-top:1rem;display:grid}.shelves{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.4rem;display:grid}.shelves button,.basket button{flex-direction:column;align-items:center;display:flex}.product{font-size:2rem}.basket{flex-direction:column;gap:.4rem;display:flex}@media (prefers-reduced-motion:reduce){.countdown,.customer.right,.customer.wrong{animation:none}}@media (width<=40rem){.counter{grid-template-columns:1fr}}.pharmacy-board{--pharmacy-bg:#e3ede4;--pharmacy-line:#2e6b47;background:var(--pharmacy-bg);border-radius:.6rem;max-width:56rem;margin:0 auto;padding:1rem}.pharmacy-columns{touch-action:none;grid-template-columns:1fr 1fr;gap:6rem;display:grid;position:relative}.pharmacy-columns ul{z-index:1;gap:.8rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.pharmacy-item{text-align:start;align-items:center;gap:.5rem;width:100%;display:flex}.pharmacy-item>span:not(.dot):not(.avatar){flex-direction:column;flex:1;display:flex}.pharmacy-item .dot{background:var(--pharmacy-line);border-radius:50%;flex:none;width:.9rem;height:.9rem}.pharmacy-item[aria-pressed=true]{outline:2px solid var(--pharmacy-line)}.avatar{font-size:1.6rem}.pharmacy-lines{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.pharmacy-lines line{stroke:var(--pharmacy-line);stroke-width:3px}.pharmacy-lines line.drawing{stroke-dasharray:6 4}.anna-rack .close{float:right}.rack{grid-template-columns:14rem 1fr;gap:1rem;display:grid}.rack-labels{align-content:start;gap:.4rem;padding:0;list-style:none;display:grid}.rack-labels button{flex-direction:column;width:100%;display:flex}.rack-labels button[aria-pressed=true]{outline:2px solid}.rack-garments{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.6rem;padding:0;list-style:none;display:grid}.rack-garments li{cursor:pointer;border:2px dashed #999;border-radius:.4rem;flex-direction:column;justify-content:space-between;min-height:5rem;padding:.4rem;display:flex}.rack-garments li.right{background:#50aa5a4d;border-style:solid}.rack-garments li.wrong{border-color:#c8463c;animation:.45s ease-in-out shake}.anna-articles{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.4rem;padding:0;list-style:none;display:grid}.anna-articles button{flex-direction:column;align-items:center;width:100%;display:flex}.swatch{border:1px solid #0003;border-radius:.3rem;width:2rem;height:2rem}.family-tree .close{float:right}.family-tabs{gap:.4rem;margin-bottom:.8rem;display:flex}.family-tabs [aria-selected=true]{outline:2px solid}.family-vocabulary{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.family-easy,.family-hard{grid-template-columns:14rem 1fr;align-items:start;gap:1rem;display:grid}.family-titles{gap:.4rem;padding:0;list-style:none;display:grid}.family-titles button{flex-direction:column;width:100%;display:flex}.family-titles button[aria-pressed=true]{outline:2px solid}.family-riddle .right{color:#28823c}.family-riddle .wrong{color:#be3c32}.family-svg{width:100%;height:auto;max-height:70vh}.family-marriage,.family-descent{stroke:currentColor;stroke-width:3px;fill:none;opacity:.6}.family-member{cursor:pointer}.family-mark{fill:#0000}.family-member.player{cursor:default}.family-member.right .family-mark{fill:#aad7af}.family-member.wrong .family-mark{fill:#e6a096}.family-member:focus-visible .family-mark,.family-member:hover .family-mark{stroke:currentColor;stroke-width:2px}.family-crown{font-size:26px}.family-ribbon{fill:#f4ecd8;stroke:#8a7a55}.family-name{font-size:14px}.family-tag{font-size:13px;font-style:italic}@media (width<=700px){.family-easy,.family-hard,.family-vocabulary{grid-template-columns:1fr}}.figure{image-rendering:pixelated}.customer-figure{margin:0 auto .4rem;display:block}.chat-corner{z-index:11}.chat-tab{color:canvastext;background:canvas;border:1px solid;padding:.5rem .75rem;position:relative}.chat-tab .chat-online{opacity:.7;font-size:.85em}.chat-tab.glow{animation:1.4s ease-in-out infinite chat-glow}@keyframes chat-glow{50%{box-shadow:0 0 .9rem .2rem #ffc83cd9}}@media (prefers-reduced-motion:reduce){.chat-tab.glow{animation:none;box-shadow:0 0 .6rem .15rem #ffc83cd9}}.chat-badge{color:#fff;background:#c82828;border-radius:1rem;min-width:1.3rem;padding:0 .3rem;font-size:.8rem;line-height:1.3rem;position:absolute;top:-.5rem;right:-.5rem}.chat{flex-direction:column;gap:.4rem;width:min(26rem,100vw - 2rem);display:flex}.chat-head{align-items:baseline;gap:.5rem;display:flex}.chat-head .close{margin-left:auto}.chat-head .chat-online{opacity:.7;font-size:.85em}.chat-list{overflow-wrap:anywhere;flex-direction:column;gap:.3rem;height:min(18rem,45vh);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chat-line.admin{background:#ffe6a059;border-left:3px solid #c8961e;padding-left:.3rem}.chat-admin{color:#966400}.chat-time,.chat-number{opacity:.6;font-size:.8em}.chat-quote{opacity:.75;margin:0;font-size:.8em}.chat-removed,.chat-note{opacity:.6}.chat-form{gap:.4rem;display:flex}.chat-form input{flex:1;min-width:0}.clock-game .close{float:right}.clock-learning{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.clock-easy{grid-template-columns:auto 1fr;align-items:center;gap:2rem;display:grid}.clock-shown{text-align:center}.clock-face{width:14rem;height:14rem}.clock-face>circle:first-child{fill:#fdfaf2;stroke:#333;stroke-width:4px}.clock-face text{font-size:16px}.clock-face .hand{stroke:#222;stroke-linecap:round}.clock-face .hand.hour{stroke-width:7px}.clock-face .hand.minute{stroke-width:4px}.clock-digital{font-variant-numeric:tabular-nums;margin:.3rem 0;font-size:1.8rem}.clock-options{gap:.5rem;padding:0;list-style:none;display:grid}.clock-options button{flex-direction:column;width:100%;padding:.4rem;display:flex}.clock-options button.right,.clock-hard .right{background:#aad7af}.clock-options button.wrong,.clock-hard .wrong{background:#e6a096}.clock-hard{text-align:center;max-width:30rem;margin:2rem auto}.clock-input{text-align:center;font-variant-numeric:tabular-nums;width:7rem;font-size:1.6rem}@media (width<=700px){.clock-learning,.clock-easy{grid-template-columns:1fr}}.clock-options button:disabled{color:inherit;opacity:1}.clock-options button .line-ar,.clock-options button [lang=ar]{font-size:1.25rem}.trophy{position:relative}.achievements .close{float:right}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem;padding:0;list-style:none;display:grid}.achievement{color:#777;filter:grayscale();background:#e6e6e6;border:2px solid #ccc;flex-direction:column;align-items:center;gap:.3rem;width:100%;min-height:8rem;padding:.5rem;display:flex}.achievement.unlocked{color:#5a4300;filter:none;background:#fff3c4;border-color:#d9b240}.achievement-icon{font-size:2rem}.achievement-title{text-align:center;font-weight:700}.achievement-progress{font-size:.85em}.achievement.new{animation:1.6s ease-in-out infinite achievement-shimmer}@keyframes achievement-shimmer{50%{box-shadow:0 0 1rem .3rem #ffd750e6}}@media (prefers-reduced-motion:reduce){.achievement.new{animation:none;box-shadow:0 0 .8rem .2rem #ffd750e6}}.achievement[aria-pressed=true]{outline:2px solid}.achievement-description{background:canvas;border-top:1px solid;padding:.5rem;position:sticky;bottom:0}.bug-report{flex-direction:column;gap:.8rem;max-width:36rem;margin:0 auto;display:flex}.bug-report .close{align-self:flex-end}.bug-report label{flex-direction:column;gap:.3rem;display:flex}.fishing{text-align:center;max-width:40rem;margin:0 auto}.fishing .close{float:right}.fishing-water{background:linear-gradient(#8fd3f4,#2e7bbf);border-radius:.6rem;height:14rem;margin:1rem 0;position:relative;overflow:hidden}.fishing-rod{font-size:3rem;transition:transform .3s;position:absolute;bottom:1rem;left:1rem}.fishing-float{opacity:0;background:#e33;border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;position:absolute;top:55%;left:60%}.fishing-water.casting .fishing-rod{transform:rotate(-35deg)}.fishing-water.waiting .fishing-float,.fishing-water.bar .fishing-float{opacity:1;animation:2.2s ease-in-out infinite bob}.fishing-water.bite .fishing-float{opacity:1;animation:.7s ease-in forwards dive}.fishing-water.bite .fishing-rod{animation:.12s linear infinite shake}@keyframes bob{50%{transform:translateY(6px)}}@keyframes dive{30%{transform:translateY(-4px)}to{opacity:.3;transform:translateY(24px)}}.fishing-cast{padding:.6rem 1.2rem;font-size:1.2rem}.fishing-hint{margin:.4rem;font-size:2rem}.fishing-hint.bite{color:#c22;font-weight:700}.strike{gap:.5rem;display:grid}.strike-bar{cursor:crosshair;touch-action:manipulation;background:#ddd;border:2px solid #555;width:100%;height:3rem;padding:0;position:relative}.strike-bar .zone{position:absolute;top:0;bottom:0}.zone.orange{background:#f0a03c}.zone.green{background:#5ab45a}.zone.gold{background:#f0c828}.strike-bar .cursor{background:#111;width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px}.strike-bar.flash-gold{box-shadow:0 0 1rem #f0c828}.strike-bar.flash-green{box-shadow:0 0 1rem #5ab45a}.strike-bar.flash-orange{box-shadow:0 0 1rem #f0a03c}.strike-bar.flash-miss{box-shadow:0 0 1rem #c83232}.strike-meter{background:#eee;border-radius:.3rem;height:.6rem;overflow:hidden}.strike-meter span{background:#5ab45a;height:100%;display:block}.fish-card{border:2px solid #999;border-radius:.6rem;padding:1rem}.fish-card.landed{border-color:#5ab45a}.fish-emoji{font-size:3rem}.table{text-align:center;max-width:56rem;margin:0 auto}.table .close{float:right}.table-games,.table-invitations{gap:.5rem;padding:0;list-style:none;display:grid}.table-game{border:1px solid #ccc;border-radius:.4rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .8rem;display:flex}.table-game button{margin-left:.3rem}.table-family{opacity:.7;font-size:.8rem}.match-head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.table-score,.table-turn,.table-time,.table-note{margin:.3rem 0}.table-big{margin:.8rem 0;font-size:1.6rem}.t-ar{margin:0 .3em;font-size:1.15em}.t-tr{opacity:.8;margin:0 .3em;font-style:italic}.table-options{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.table-options button{padding:.8rem;font-size:1.05rem}.table-options.frozen{opacity:.4}.table-options .wrong{background:#f3c4c4}.table-options .right{background:#bfe6bf}.table-options .chosen{outline:3px solid #555}.rush-progress{justify-content:center;gap:1.5rem;display:flex}.memory-board{grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:36rem;margin:0 auto;display:grid}.memory-card{aspect-ratio:3/2;background:#9ab;font-size:1rem}.memory-card.up{background:#f6f2e8}.memory-card.mine{background:#cfe8cf}.memory-card.theirs{background:#e8d4cf}.draw-canvas{aspect-ratio:16/9;touch-action:none;background:#fff;border:2px solid #555;width:100%;max-width:800px}.draw-canvas.drawing{cursor:crosshair}.draw-guess{justify-content:center;gap:.5rem;display:flex}.wbw-laid,.wbw-hand{flex-wrap:wrap;justify-content:center;gap:.4rem;min-height:2.5rem;margin:.6rem 0;display:flex}.wbw-tile{background:#f6f2e8;border:1px solid #999;border-radius:.3rem;padding:.4rem .6rem}.wbw-tile.next{opacity:.5}.chat-line.invitation button{margin-left:.3rem}.object-picture{object-fit:contain;text-align:center;vertical-align:middle;width:1.4em;height:1.4em;margin-right:.25em;display:inline-block}.object-picture.pixel{image-rendering:pixelated}.player-tag{white-space:nowrap}.memory-card .object-picture{width:3rem;height:3rem;margin:0;font-size:2.2rem}.sound-menu{border-bottom:1px solid #ccc;gap:.3rem;margin-bottom:.3rem;padding-bottom:.4rem;display:grid}.sound-row{white-space:nowrap;align-items:center;gap:.3rem;display:flex}.sound-row label{flex-direction:column;font-size:.8rem;display:flex}.sound-row input[type=range]{width:7rem}.scene-frame.entering{opacity:0;transition:opacity .35s ease-in}.scene-frame.entering .scene-layer{transition:transform .35s ease-in}.scene-frame.arriving{animation:.3s ease-out scene-arrive}@keyframes scene-arrive{0%{opacity:0}to{opacity:1}}.scene-art img.scene-still-hidden{visibility:hidden}.scene-loop{image-rendering:pixelated;pointer-events:none;background-repeat:no-repeat;position:absolute}.scene-eyes{pointer-events:none;z-index:2;position:absolute;inset:0}.scene-eyes .lid{height:50%;animation:eyes-open var(--eyes-time) ease-in-out var(--eyes-delay) forwards;background:#000;position:absolute;left:0;right:0}.scene-eyes .lid.top{transform-origin:top;top:0}.scene-eyes .lid.bottom{transform-origin:bottom;bottom:0}@keyframes eyes-open{0%{transform:scaleY(1)}25%{transform:scaleY(.8)}38%{transform:scaleY(1)}to{transform:scaleY(0)}}.scene-frame{cursor:grab}.scene-frame:active{cursor:grabbing}.scene-frame.springing .scene-layer{transition:transform .36s cubic-bezier(.2,.9,.3,1.15)}.scene-frame.leaving{opacity:0;transition:opacity .35s ease-in}.scene-frame.returning-start{opacity:0}.scene-frame.returning-run{opacity:1;transition:opacity .35s ease-out}.scene-frame.returning-run .scene-layer{transition:transform .35s ease-out}.prop-spot:not(.quiet) .spot:enabled:after{-webkit-mask:var(--prop) center / 100% 100% no-repeat;background-image:linear-gradient(110deg,#0000 35%,#ffffffd9 50%,#0000 65%)}@keyframes prop-glow{0%,to{filter:brightness()}50%{filter:brightness(1.25)drop-shadow(0 0 3px #ffdc96d9)}}.prop-spot:not(.quiet) .spot:enabled img{animation:2.4s ease-in-out infinite prop-glow}:root{--u:min(calc(100vw / 1920), calc(100vh / 1080));--private:#c9a7e8;--panel:#5f5244;--panel-rim:#7c6d5c;--panel-highlight:#786a5b;--text:#fff6ea;--text-2:#dccdbb;--muted:#b5a796;--accent:#f2a65a;--on-accent:#2a1708;--accent-text:#f8c48c;--rule:#b08050;--field:#6c5f50;--field-rim:#807262;--placeholder:#cbbba8;--selected:#7a6148;--inset:#574a3d;--deep:#2e2016;--success:#8ccb7a;--error:#e8705a;--danger:#7a4a40;--danger-rim:#a45a4a;--danger-icon:#ff9c86;--clock-text:#3b3027;--clock-label:#4a3e33;--avatar-ground:#a08a72;--scrim:#18100a9e;--floor:#b8b2a1;--shadow-panel:0 calc(18 * var(--u)) calc(50 * var(--u)) #28180a4d, inset 0 1px 0 var(--panel-highlight);--shadow-round:0 calc(14 * var(--u)) calc(36 * var(--u)) #28180a47, inset 0 1px 0 var(--panel-highlight);--shadow-modal:0 calc(30 * var(--u)) calc(80 * var(--u)) #140c0480, inset 0 1px 0 var(--panel-highlight);--latin:"Manrope", system-ui, sans-serif;--arabic:"IBM Plex Sans Arabic", "Manrope", sans-serif}body{background:var(--floor);margin:0}.game{font-family:var(--latin)}.game [lang=ar],.game .ar{font-family:var(--arabic)}.game :focus-visible{outline:calc(2 * var(--u)) solid var(--accent);outline-offset:calc(2 * var(--u))}.hud-panel{background:var(--panel);border:1px solid var(--panel-rim);box-shadow:var(--shadow-panel);color:var(--text);box-sizing:border-box}.hud-caps{font-size:calc(12 * var(--u));letter-spacing:.24em;color:var(--accent-text);text-transform:uppercase;font-weight:700}:where(.game) button{font:inherit;color:inherit}.icon{flex:none;width:1em;height:1em}.hud-place{left:calc(32 * var(--u));top:calc(28 * var(--u));width:calc(480 * var(--u));height:calc(88 * var(--u));border-radius:calc(24 * var(--u));padding:0 calc(26 * var(--u));align-items:center;gap:calc(18 * var(--u));font-weight:inherit;margin:0;display:flex;position:absolute}.hud-place-names{gap:calc(2 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.hud-place-name{font-size:calc(30 * var(--u));letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.05;overflow:hidden}.hud-place .hud-caps{font-weight:600}.hud-place-ar{font-size:calc(28 * var(--u));white-space:nowrap;font-weight:400}.hud-clocks{left:calc(36 * var(--u));top:calc(128 * var(--u));align-items:baseline;gap:calc(10 * var(--u));color:var(--clock-text);font-variant-numeric:tabular-nums;pointer-events:none;display:flex;position:absolute}.hud-time{font-size:calc(22 * var(--u));letter-spacing:.01em;font-weight:300}.hud-where{font-size:calc(11 * var(--u));letter-spacing:.22em;color:var(--clock-label);font-weight:600}.hud-dot{width:calc(3 * var(--u));height:calc(3 * var(--u));background:var(--clock-label);margin:0 calc(8 * var(--u));border-radius:50%;align-self:center}.hud-menu-bar{right:calc(32 * var(--u));top:calc(28 * var(--u));width:calc(480 * var(--u));height:calc(88 * var(--u));justify-content:flex-end;align-items:center;gap:calc(12 * var(--u));display:flex;position:absolute}.hud-money{height:calc(64 * var(--u));padding:0 calc(22 * var(--u));align-items:center;gap:calc(8 * var(--u));box-shadow:var(--shadow-round);border-radius:999px;display:flex}.hud-amount{font-size:calc(26 * var(--u));letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:500}.hud-unit{font-size:calc(12 * var(--u));letter-spacing:.18em;color:var(--accent-text);font-weight:700}.hud-round{width:calc(64 * var(--u));height:calc(64 * var(--u));box-shadow:var(--shadow-round);cursor:pointer;font-size:calc(26 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.hud-round:disabled{cursor:default;color:var(--muted)}.hud-round .icon{stroke-width:1.5px}.hud-badge{top:calc(-6 * var(--u));right:calc(-6 * var(--u));min-width:calc(26 * var(--u));height:calc(26 * var(--u));padding:0 calc(7 * var(--u));box-sizing:border-box;background:var(--accent);color:var(--on-accent);font-size:calc(13 * var(--u));border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute}.hud-chat-button{left:calc(32 * var(--u));bottom:calc(28 * var(--u));height:calc(60 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(20 * var(--u));align-items:center;gap:calc(12 * var(--u));box-shadow:var(--shadow-round);cursor:pointer;font-size:calc(22 * var(--u));border-radius:999px;display:flex;position:absolute}.hud-chat-button .label{font-size:calc(16 * var(--u));font-weight:700}.hud-chat-button .count{min-width:calc(30 * var(--u));height:calc(30 * var(--u));padding:0 calc(8 * var(--u));box-sizing:border-box;background:var(--accent);color:var(--on-accent);font-size:calc(14 * var(--u));border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:flex}.hud-chat-button .online{font-size:calc(13 * var(--u));color:var(--text-2)}.hud-chat{left:calc(32 * var(--u));bottom:calc(28 * var(--u));width:calc(600 * var(--u));height:calc(340 * var(--u));border-radius:calc(28 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(18 * var(--u)) calc(24 * var(--u));gap:calc(12 * var(--u));z-index:11;flex-direction:column;display:flex;position:absolute}.hud-chat-head{padding-bottom:calc(6 * var(--u));border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;display:flex}.hud-chat-head .online{font-size:calc(12 * var(--u));color:var(--text-2);margin-left:calc(10 * var(--u));letter-spacing:0;text-transform:none;font-weight:600}.hud-chat-close{width:calc(44 * var(--u));height:calc(32 * var(--u));color:var(--accent-text);cursor:pointer;font-size:calc(20 * var(--u));background:0 0;border:none;justify-content:flex-end;align-items:center;padding:0;display:flex}.hud-chat-lines{gap:calc(6 * var(--u));min-height:0;font-size:calc(15 * var(--u));overflow-wrap:anywhere;flex-direction:column;flex:1;margin:0;padding:0;line-height:1.4;list-style:none;display:flex;overflow-y:auto}.hud-chat-lines>:first-child{margin-top:auto}.hud-chat-lines .old{color:var(--text-2)}.hud-chat-lines .who{color:var(--accent-text);margin-right:calc(10 * var(--u));font-weight:800}.hud-chat-lines .who.me{color:var(--text)}.hud-chat-lines .who-open{font:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}.hud-chat-lines .who-open:hover strong,.hud-chat-lines .who-open:focus-visible strong{text-decoration:underline}.hud-chat-lines .system{color:var(--text-2);font-style:italic}.hud-chat-lines .admin{border-left:calc(3 * var(--u)) solid var(--accent);padding-left:calc(8 * var(--u))}.hud-chat-lines .chat-admin{color:var(--accent);margin-right:calc(10 * var(--u));font-weight:800}.hud-chat-lines .quote{font-size:calc(12 * var(--u));color:var(--muted);display:block}.hud-chat-lines li{position:relative}.hud-chat-lines .chat-acts{align-items:center;gap:calc(4 * var(--u));display:none;position:absolute;bottom:0;right:0}.hud-chat-lines li:hover>.chat-acts,.hud-chat-lines .chat-acts:focus-within{display:inline-flex}.hud-chat-lines .chat-thumb{height:calc(26 * var(--u));min-width:calc(32 * var(--u));padding:0 calc(6 * var(--u));border:1px solid var(--field-rim);background:var(--panel);font-size:calc(14 * var(--u));cursor:pointer;border-radius:999px}.hud-chat-lines .chat-thumb.on{border-color:var(--accent-text);background:var(--field)}.hud-chat-lines .chat-thumbs{gap:calc(4 * var(--u));margin-left:calc(8 * var(--u));vertical-align:middle;display:inline-flex}.hud-chat-lines .chat-thumbs button{height:calc(22 * var(--u));padding:0 calc(7 * var(--u));border:1px solid var(--field-rim);background:var(--field);color:var(--text-2);font-size:calc(12 * var(--u));cursor:pointer;border-radius:999px;font-weight:700}.hud-chat-lines .chat-thumbs button.on{border-color:var(--accent-text);color:var(--text)}.hud-chat-lines .chat-thumbs button:disabled{cursor:default}.hud-chat-lines .private{color:var(--private);border-left:calc(3 * var(--u)) solid var(--private);padding-left:calc(8 * var(--u))}.hud-chat-lines .chat-private-tag,.hud-chat-replying .chat-private-tag{font-size:calc(11 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--private);margin-right:calc(8 * var(--u));font-weight:800}.hud-chat-replying.hud-chat-private{border-left-color:var(--private)}.hud-chat-picker{padding:calc(6 * var(--u));max-height:calc(200 * var(--u));border-radius:calc(12 * var(--u));background:var(--inset);gap:calc(2 * var(--u));font-size:calc(14 * var(--u));flex-direction:column;flex:none;margin:0;list-style:none;display:flex;overflow-y:auto}.hud-chat-picker button{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));width:100%;padding:calc(5 * var(--u)) calc(8 * var(--u));border-radius:calc(8 * var(--u));color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.hud-chat-picker button:hover,.hud-chat-picker button:focus-visible{background:var(--field)}.hud-chat-picker .online{font-size:calc(11 * var(--u));color:var(--success)}.hud-chat-picker .none{padding:calc(5 * var(--u)) calc(8 * var(--u));color:var(--text-2)}.hud-chat-resize{top:calc(6 * var(--u));right:calc(6 * var(--u));width:calc(14 * var(--u));height:calc(14 * var(--u));cursor:nesw-resize;touch-action:none;z-index:1;background:0 0;border:0;padding:0;position:absolute}.hud-chat-resize:after{content:"";top:calc(2 * var(--u));right:calc(2 * var(--u));width:calc(9 * var(--u));height:calc(9 * var(--u));border-top:calc(2 * var(--u)) solid var(--text-2);border-right:calc(2 * var(--u)) solid var(--text-2);border-top-right-radius:calc(4 * var(--u));opacity:.6;position:absolute}.hud-chat-resize:hover:after{opacity:1}.hud-chat-lines .chat-reply{align-items:center;gap:calc(4 * var(--u));height:calc(26 * var(--u));padding:0 calc(10 * var(--u));border:1px solid var(--accent-text);background:var(--panel);color:var(--accent-text);font-size:calc(12 * var(--u));cursor:pointer;border-radius:999px;font-weight:800;display:inline-flex}.hud-chat-lines .chat-reply .icon{font-size:calc(14 * var(--u))}.hud-chat-replying{align-items:center;gap:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u)) calc(6 * var(--u)) calc(14 * var(--u));border-radius:calc(12 * var(--u));background:var(--inset);border-left:calc(3 * var(--u)) solid var(--accent);font-size:calc(13 * var(--u));color:var(--text-2);flex:none;display:flex}.hud-chat-replying .text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hud-chat-replying .excerpt{color:var(--muted)}.hud-chat-replying button{width:calc(26 * var(--u));height:calc(26 * var(--u));background:var(--field);color:var(--text);cursor:pointer;font-size:calc(14 * var(--u));border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.hud-chat-lines .chat-report{height:calc(26 * var(--u));padding:0 calc(10 * var(--u));border:1px solid var(--field-rim);background:var(--panel);color:var(--muted);font-size:calc(12 * var(--u));cursor:pointer;border-radius:999px;font-weight:700}.hud-chat-report .text{white-space:normal}.hud-chat-replying button.act{width:auto;height:calc(28 * var(--u));padding:0 calc(12 * var(--u));font-size:calc(12 * var(--u));white-space:nowrap;border-radius:999px;font-weight:800}.hud-chat-lines .time{font-size:calc(11 * var(--u));color:var(--muted);margin-right:calc(8 * var(--u));font-variant-numeric:tabular-nums}.hud-chat-lines .removed{color:var(--muted);font-style:italic}.hud-chat-lines .flag{margin-right:calc(4 * var(--u))}.hud-chat-lines .invitation{color:var(--accent-text)}.hud-chat-lines .invitation button,.hud-chat-earlier{margin-left:calc(8 * var(--u));height:calc(28 * var(--u));padding:0 calc(12 * var(--u));background:var(--accent);color:var(--on-accent);font-size:calc(13 * var(--u));cursor:pointer;border:none;border-radius:999px;font-weight:800}.hud-chat-earlier{background:var(--field);color:var(--text);margin:0 auto}.hud-chat-say{height:calc(52 * var(--u));align-items:center;gap:calc(10 * var(--u));padding:0 calc(6 * var(--u)) 0 calc(18 * var(--u));border-radius:calc(16 * var(--u));background:var(--field);border:1px solid var(--field-rim);box-sizing:border-box;flex:none;display:flex}.hud-chat-say input{min-width:0;height:calc(44 * var(--u));color:var(--text);font-family:var(--latin);font-size:calc(16 * var(--u));background:0 0;border:none;outline:none;flex:1;padding:0}.hud-chat-say input::placeholder{color:var(--placeholder)}.hud-send{width:calc(42 * var(--u));height:calc(42 * var(--u));border-radius:calc(12 * var(--u));background:var(--accent);color:var(--on-accent);cursor:pointer;font-size:calc(20 * var(--u));border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.hud-send:disabled{opacity:.6;cursor:default}.hud-chat .note,.hud-chat [role=alert]{font-size:calc(13 * var(--u));color:var(--text-2);margin:0}.hud-chat [role=alert]{color:var(--error)}.player-tag .object-picture{width:calc(22 * var(--u));height:calc(22 * var(--u));margin-right:calc(6 * var(--u))}.hud-chat-lines .chat-number{font-size:calc(11 * var(--u));color:var(--muted);font-weight:600}.hud-corner{right:calc(32 * var(--u));bottom:calc(28 * var(--u));width:calc(848 * var(--u));align-items:flex-end;gap:calc(12 * var(--u));flex-direction:column;display:flex;position:absolute}.hud-box{border-radius:calc(28 * var(--u));width:100%;padding:calc(18 * var(--u)) calc(28 * var(--u)) calc(20 * var(--u));gap:calc(4 * var(--u));font-size:calc(17 * var(--u));flex-direction:column;display:flex}.hud-box p{margin:0}.hud-dialogue{min-height:calc(300 * var(--u))}.hud-dialogue-head{align-items:center;gap:calc(14 * var(--u));padding-bottom:calc(8 * var(--u));border-bottom:1px solid var(--rule);margin-bottom:calc(6 * var(--u));display:flex}.hud-avatar{width:calc(32 * var(--u));height:calc(32 * var(--u));box-sizing:border-box;background-color:var(--avatar-ground);box-shadow:0 0 0 calc(1.5 * var(--u)) var(--accent);font-size:calc(16 * var(--u));color:var(--on-accent);background-repeat:no-repeat;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.hud-avatar.portrait{image-rendering:pixelated}.hud-who{gap:calc(2 * var(--u));flex-direction:column;flex:1;display:flex}.hud-who .hud-caps{font-size:calc(13 * var(--u))}.hud-who .ar{font-size:calc(15 * var(--u));color:var(--text-2)}.hud-close-small{width:calc(44 * var(--u));height:calc(44 * var(--u));border:1px solid var(--field-rim);background:var(--field);cursor:pointer;font-size:calc(18 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.hud-line-ar{font-size:calc(38 * var(--u));font-weight:400;line-height:1.3}.hud-line-tr{font-size:calc(18 * var(--u));color:var(--accent-text);font-weight:600;line-height:1.3}.hud-line-en{font-size:calc(15 * var(--u));color:var(--text-2);line-height:1.3}.hud-line-en.alone{font-size:calc(22 * var(--u));color:var(--text)}.hud-dialogue.typing{cursor:pointer}.hud-speech{max-height:calc(460 * var(--u));gap:calc(14 * var(--u));flex-direction:column;display:flex;position:relative;overflow:hidden}.hud-dialogue{position:relative}.hud-speech.hud-measure{visibility:hidden;pointer-events:none;left:calc(28 * var(--u));right:calc(28 * var(--u));position:absolute;top:0;overflow:visible}.hud-said{gap:calc(4 * var(--u));flex-direction:column;display:flex}.hud-unsaid{color:#0000}.hud-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud-answers{gap:calc(10 * var(--u));padding-top:calc(10 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;display:grid}.hud-answers:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.hud-answer{min-height:calc(76 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u));border-radius:calc(18 * var(--u));border:1px solid var(--field-rim);background:var(--field);text-align:left;cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;display:flex}.hud-answer:hover:enabled{background:var(--selected)}.hud-answer[aria-pressed=true]{border:1.5px solid var(--accent);background:var(--selected)}.hud-answer:disabled{opacity:.5;cursor:default}.hud-answer .ar{font-size:calc(17 * var(--u));align-self:flex-end;font-weight:500;line-height:1.3}.hud-answer .tr{font-size:calc(13 * var(--u));color:var(--accent-text);font-weight:600}.hud-answer .en{font-size:calc(12 * var(--u));color:var(--text-2)}.hud-answer .en.alone{font-size:calc(15 * var(--u));color:var(--text)}.hud-actions{gap:calc(10 * var(--u));padding-top:calc(10 * var(--u));justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.hud-button{height:calc(48 * var(--u));padding:0 calc(24 * var(--u));border:1px solid var(--field-rim);background:var(--field);font-size:calc(15 * var(--u));cursor:pointer;justify-content:center;align-items:center;gap:calc(10 * var(--u));border-radius:999px;font-weight:700;display:inline-flex}.hud-button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.hud-button:disabled{opacity:.55;cursor:default}.hud-box [role=alert],.hud-error{color:var(--error);font-size:calc(14 * var(--u))}.hud-status{color:var(--accent-text);font-size:calc(14 * var(--u))}.hud-message{font-size:calc(18 * var(--u));white-space:pre-line;max-height:calc(420 * var(--u));line-height:1.5;overflow-y:auto}.hud-price.short{color:var(--error)}.menu-scrim{background:var(--scrim);z-index:30;font-family:var(--latin);color:var(--text);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-panel{background:var(--panel);border:1px solid var(--panel-rim);border-radius:calc(32 * var(--u));box-shadow:var(--shadow-modal);box-sizing:border-box;max-height:calc(100vh - 32 * var(--u));flex-direction:column;display:flex;position:relative;overflow-y:auto}.menu-panel.main{width:calc(600 * var(--u));min-height:calc(800 * var(--u));padding:calc(28 * var(--u)) calc(32 * var(--u)) calc(24 * var(--u));gap:calc(20 * var(--u))}.menu-panel.achievements{width:calc(780 * var(--u));min-height:calc(740 * var(--u));padding:calc(24 * var(--u)) calc(40 * var(--u)) calc(30 * var(--u));gap:calc(16 * var(--u))}.menu-panel.profile{width:calc(600 * var(--u));min-height:calc(608 * var(--u));padding:calc(24 * var(--u)) calc(32 * var(--u)) calc(26 * var(--u));gap:calc(20 * var(--u))}.menu-panel.help{width:calc(520 * var(--u));min-height:calc(280 * var(--u));padding:calc(20 * var(--u)) calc(32 * var(--u)) calc(30 * var(--u));gap:calc(12 * var(--u))}.menu-panel.contact{width:calc(640 * var(--u));min-height:calc(740 * var(--u));padding:calc(24 * var(--u)) calc(32 * var(--u)) calc(28 * var(--u));gap:calc(18 * var(--u))}.menu-close{width:calc(44 * var(--u));height:calc(44 * var(--u));box-sizing:border-box;border:1px solid var(--field-rim);background:var(--field);color:var(--text);cursor:pointer;font-size:calc(20 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.menu-panel.main>.menu-close{right:calc(20 * var(--u));top:calc(20 * var(--u));position:absolute}.menu-header{height:calc(44 * var(--u));flex:none;justify-content:space-between;align-items:center;display:flex}.menu-back{height:calc(44 * var(--u));align-items:center;gap:calc(6 * var(--u));color:var(--accent-text);font-size:calc(14 * var(--u));letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;display:flex}.menu-back .icon{font-size:calc(18 * var(--u))}.menu-title{font-size:calc(30 * var(--u));letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.1}.menu-caps{font-size:calc(12 * var(--u));letter-spacing:.2em;color:var(--accent-text);text-transform:uppercase;font-weight:700}.menu-wordmark{height:calc(96 * var(--u));flex:none;justify-content:center;align-items:center;display:flex}.menu-nav{gap:calc(4 * var(--u));flex-direction:column;display:flex}.menu-row{height:calc(60 * var(--u));box-sizing:border-box;padding:0 calc(14 * var(--u)) 0 calc(10 * var(--u));align-items:center;gap:calc(16 * var(--u));border-radius:calc(16 * var(--u));color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;display:flex}.menu-row:hover:enabled{background:var(--field)}.menu-row:disabled{opacity:.5;cursor:default}.menu-tile{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(12 * var(--u));background:var(--field);font-size:calc(22 * var(--u));flex:none;justify-content:center;align-items:center;display:flex;position:relative}.menu-tile.accent{background:var(--accent);color:var(--on-accent)}.menu-row .label{font-size:calc(17 * var(--u));flex:1;font-weight:600}.menu-row .count{font-size:calc(14 * var(--u));color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:600}.menu-row .chevron{font-size:calc(18 * var(--u));color:var(--text-2)}.menu-row .new{font-size:calc(11 * var(--u));letter-spacing:.12em;background:var(--accent);color:var(--on-accent);padding:calc(3 * var(--u)) calc(9 * var(--u));border-radius:999px;font-weight:800}.menu-divider{background:var(--field);height:1px;margin:calc(6 * var(--u)) calc(10 * var(--u))}.menu-signout{height:calc(56 * var(--u));box-sizing:border-box;padding:0 calc(14 * var(--u)) 0 calc(10 * var(--u));align-items:center;gap:calc(16 * var(--u));border:1px solid var(--danger-rim);border-radius:calc(16 * var(--u));background:var(--danger);color:var(--text);text-align:left;cursor:pointer;width:100%;display:flex}.menu-signout .tile{width:calc(36 * var(--u));height:calc(36 * var(--u));color:var(--danger-icon);font-size:calc(22 * var(--u));justify-content:center;align-items:center;display:flex}.menu-signout .label{font-size:calc(17 * var(--u));flex:1;font-weight:700}.menu-sound{gap:calc(6 * var(--u));padding-top:calc(4 * var(--u));flex-direction:column;display:flex}.menu-sound .menu-caps{letter-spacing:.24em;padding:0 calc(10 * var(--u)) calc(6 * var(--u));border-bottom:1px solid var(--rule)}.menu-sound-row{height:calc(52 * var(--u));align-items:center;gap:calc(14 * var(--u));padding:0 calc(10 * var(--u));display:flex}.menu-sound-row .mute{width:calc(36 * var(--u));height:calc(36 * var(--u));cursor:pointer;font-size:calc(22 * var(--u));color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.menu-sound-row .mute[aria-pressed=true]{color:var(--muted)}.menu-sound-row label{width:calc(100 * var(--u));font-size:calc(16 * var(--u));font-weight:600}.menu-sound-row .value{width:calc(48 * var(--u));text-align:right;font-size:calc(14 * var(--u));color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:600}.menu-slider{appearance:none;height:calc(6 * var(--u));cursor:pointer;background:linear-gradient(to right, var(--accent) 0 var(--value), var(--field) var(--value) 100%);border-radius:999px;outline:none;flex:1;margin:0}.menu-slider.muted{background:var(--field)}.menu-slider::-webkit-slider-thumb{appearance:none;width:calc(22 * var(--u));height:calc(22 * var(--u));background:var(--text);border:calc(3 * var(--u)) solid var(--accent);box-sizing:border-box;border-radius:50%}.menu-slider::-moz-range-thumb{width:calc(22 * var(--u));height:calc(22 * var(--u));background:var(--text);border:calc(3 * var(--u)) solid var(--accent);box-sizing:border-box;border-radius:50%}.menu-link{height:calc(44 * var(--u));align-self:center;align-items:center;gap:calc(10 * var(--u));font-size:calc(15 * var(--u));color:var(--accent-text);margin-top:auto;font-weight:600;text-decoration:none;display:flex}.menu-link:hover{color:var(--text)}.menu-link .icon{font-size:calc(16 * var(--u))}.ach-head{justify-content:space-between;align-items:baseline;display:flex}.ach-count{align-items:baseline;gap:calc(6 * var(--u));font-variant-numeric:tabular-nums;display:flex}.ach-count .n{font-size:calc(36 * var(--u));color:var(--accent-text);font-weight:700}.ach-count .of{font-size:calc(22 * var(--u));color:var(--text-2)}.ach-grid{gap:calc(14 * var(--u));grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.ach-tile{width:100%;height:calc(128 * var(--u));box-sizing:border-box;border-radius:calc(20 * var(--u));padding:calc(10 * var(--u)) calc(8 * var(--u));justify-content:center;align-items:center;gap:calc(6 * var(--u));cursor:pointer;color:#a89a88;outline:calc(2 * var(--u)) solid transparent;outline-offset:calc(3 * var(--u));background:#54483c;border:1px solid #665949;flex-direction:column;display:flex;position:relative}.ach-tile.earned{background:var(--selected);color:var(--text);border-color:#9a7a5a}.ach-tile.new{background:var(--accent);border-color:var(--accent-text);color:var(--on-accent);animation:2.4s ease-in-out infinite newGlow}.ach-tile[aria-pressed=true]{outline-color:var(--text)}.ach-tile img{width:calc(56 * var(--u));height:calc(56 * var(--u));object-fit:contain}.ach-tile .title{font-size:calc(12 * var(--u));text-align:center;font-weight:700;line-height:1.25}.ach-tile .progress{font-size:calc(11 * var(--u));color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:700}.ach-tile .bar{left:calc(16 * var(--u));right:calc(16 * var(--u));bottom:calc(8 * var(--u));height:calc(4 * var(--u));background:var(--field);border-radius:999px;position:absolute;overflow:hidden}.ach-tile .bar span{background:var(--accent);height:100%;display:block}.ach-tile .badge{top:calc(-10 * var(--u));right:calc(-8 * var(--u));height:calc(24 * var(--u));padding:0 calc(9 * var(--u));background:var(--text);color:var(--on-accent);font-size:calc(11 * var(--u));letter-spacing:.12em;box-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) #140c0459;border-radius:999px;align-items:center;font-weight:800;display:flex;position:absolute}@keyframes newGlow{0%,to{box-shadow:0 0 0 0 #f2a65a99, 0 0 calc(22 * var(--u)) #f2a65a59}50%{box-shadow:0 0 0 calc(9 * var(--u)) #f2a65a00, 0 0 calc(38 * var(--u)) #f2a65a99}}@media (prefers-reduced-motion:reduce){.ach-tile.new{box-shadow:0 0 calc(22 * var(--u)) #f2a65a80;animation:none}}.ach-detail{min-height:calc(120 * var(--u));box-sizing:border-box;border-radius:calc(22 * var(--u));background:var(--field);border:1px solid var(--field-rim);padding:calc(12 * var(--u)) calc(20 * var(--u));align-items:center;gap:calc(20 * var(--u));margin-top:auto;display:flex}.ach-detail .picture{width:calc(76 * var(--u));height:calc(76 * var(--u));border-radius:calc(18 * var(--u));flex:none;justify-content:center;align-items:center;display:flex}.ach-detail .picture img{width:calc(64 * var(--u));height:calc(64 * var(--u));object-fit:contain}.ach-detail .text{gap:calc(4 * var(--u));flex-direction:column;display:flex}.ach-detail .status{font-size:calc(12 * var(--u));letter-spacing:.2em;color:var(--accent-text);font-weight:700}.ach-detail .title{font-size:calc(22 * var(--u));font-weight:600;line-height:1.2}.ach-detail .how{font-size:calc(15 * var(--u));color:var(--text-2)}.profile-rows{flex-direction:column;margin:0;display:flex}.profile-row{min-height:calc(56 * var(--u));justify-content:space-between;align-items:center;gap:calc(16 * var(--u));border-bottom:1px solid var(--field);display:flex}.profile-row:last-child{border-bottom:none}.profile-row dd{margin:0}.profile-name{font-size:calc(18 * var(--u));font-weight:600}.profile-name-ar{font-size:calc(22 * var(--u));font-weight:500}.profile-name-ar input{width:calc(220 * var(--u));height:calc(40 * var(--u));box-sizing:border-box;border-radius:calc(12 * var(--u));border:1px solid var(--field-rim);background:var(--field);color:var(--text);font:inherit;padding:0 calc(12 * var(--u));text-align:right}.profile-name-ar input::placeholder{color:var(--placeholder)}.profile-number{height:calc(34 * var(--u));padding:0 calc(14 * var(--u));background:var(--field);border:1px solid var(--field-rim);font-size:calc(17 * var(--u));letter-spacing:.08em;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.profile-switches{border-top:1px solid var(--rule);border-bottom:1px solid var(--field);padding:calc(6 * var(--u)) 0;gap:calc(4 * var(--u));flex-direction:column;display:flex}.profile-switch-row{min-height:calc(64 * var(--u));justify-content:space-between;align-items:center;gap:calc(16 * var(--u));display:flex}.profile-switch-row .label{font-size:calc(16 * var(--u));font-weight:600}.profile-switch-row .sub{font-size:calc(13 * var(--u));color:var(--text-2);margin-top:calc(3 * var(--u));font-weight:400;display:block}.switch{width:calc(56 * var(--u));height:calc(32 * var(--u));box-sizing:border-box;padding:0 calc(3 * var(--u));border:1px solid var(--field-rim);background:var(--field);cursor:pointer;border-radius:999px;flex:none;align-items:center;display:flex}.switch:after{content:"";width:calc(24 * var(--u));height:calc(24 * var(--u));background:var(--text-2);box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #140c0459;border-radius:50%;transition:margin .15s}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true]:after{background:var(--text);margin-left:auto}.profile-section{gap:calc(10 * var(--u));flex-direction:column;display:flex}.profile-blocked{gap:calc(8 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-blocked li{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));font-weight:700;display:flex}.profile-blocked-number{color:var(--muted);font-weight:500}.menu-primary.profile-unblock{width:auto;height:calc(36 * var(--u));padding:0 calc(16 * var(--u))}.profile-quiet{height:calc(32 * var(--u));font-size:calc(13 * var(--u));color:var(--text-2);text-underline-offset:calc(3 * var(--u));cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:500;text-decoration:underline}.profile-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.menu-field{gap:calc(8 * var(--u));flex-direction:column;display:flex}.menu-input,.menu-textarea{box-sizing:border-box;border-radius:calc(16 * var(--u));background:var(--field);border:1px solid var(--field-rim);width:100%;color:var(--text);font-family:var(--latin);font-size:calc(16 * var(--u));outline:none}.menu-input{height:calc(52 * var(--u));padding:0 calc(18 * var(--u))}.menu-textarea{height:calc(170 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u));resize:none;line-height:1.5}.menu-input::placeholder,.menu-textarea::placeholder{color:var(--placeholder)}.menu-input:focus-visible,.menu-textarea:focus-visible{outline:calc(2 * var(--u)) solid var(--accent)}.menu-text{font-size:calc(15 * var(--u));color:var(--text-2);margin:0;line-height:1.5}.menu-error{font-size:calc(14 * var(--u));color:var(--error);margin:0}.menu-primary{height:calc(56 * var(--u));background:var(--accent);width:100%;color:var(--on-accent);font-size:calc(16 * var(--u));justify-content:center;align-items:center;gap:calc(10 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) #140c044d;cursor:pointer;border:none;border-radius:999px;font-weight:800;display:flex}.menu-primary .icon{font-size:calc(18 * var(--u))}.menu-primary:disabled{opacity:.55;cursor:default}.menu-primary.danger{background:var(--danger);color:var(--text);border:1px solid var(--danger-rim);box-shadow:none}.menu-secondary{height:calc(48 * var(--u));padding:0 calc(26 * var(--u));background:var(--field);border:1px solid var(--field-rim);color:var(--text);font-size:calc(15 * var(--u));cursor:pointer;border-radius:999px;font-weight:700}.menu-help-text{font-size:calc(22 * var(--u));white-space:pre-line;margin:0;line-height:1.5}.contact-files{gap:calc(10 * var(--u));flex-wrap:wrap;align-items:center;display:flex}.contact-add{height:calc(48 * var(--u));padding:0 calc(18 * var(--u)) 0 calc(14 * var(--u));border-radius:calc(14 * var(--u));border:1.5px dashed var(--rule);color:var(--accent-text);font-size:calc(14 * var(--u));align-items:center;gap:calc(9 * var(--u));cursor:pointer;background:#6a5848;font-weight:700;display:inline-flex}.contact-add .icon{font-size:calc(18 * var(--u))}.contact-add input{opacity:0;width:1px;height:1px;position:absolute}.contact-chip{height:calc(40 * var(--u));padding:0 calc(6 * var(--u)) 0 calc(12 * var(--u));background:var(--field);border:1px solid var(--field-rim);align-items:center;gap:calc(8 * var(--u));font-size:calc(13 * var(--u));border-radius:999px;font-weight:600;display:inline-flex}.contact-chip .icon{font-size:calc(16 * var(--u));color:var(--accent-text)}.contact-chip .size{color:var(--text-2);font-weight:500}.contact-chip button{width:calc(28 * var(--u));height:calc(28 * var(--u));background:var(--panel);color:var(--text-2);cursor:pointer;font-size:calc(12 * var(--u));border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.contact-sent{justify-content:center;align-items:center;gap:calc(14 * var(--u));text-align:center;flex-direction:column;flex:1;display:flex}.contact-sent .check{width:calc(72 * var(--u));height:calc(72 * var(--u));background:var(--accent);color:var(--on-accent);font-size:calc(34 * var(--u));border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-sent strong{font-size:calc(22 * var(--u));font-weight:700}.chapter-card{z-index:25;-webkit-backdrop-filter:blur(calc(10 * var(--u)));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chapter-card-box{pointer-events:auto;min-width:calc(520 * var(--u));box-sizing:border-box;padding:calc(36 * var(--u)) calc(48 * var(--u)) calc(32 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);border-radius:calc(32 * var(--u));box-shadow:var(--shadow-modal);color:var(--text);text-align:center;align-items:center;gap:calc(10 * var(--u));flex-direction:column;display:flex}.chapter-title{font-size:calc(44 * var(--u));letter-spacing:.18em;text-transform:uppercase;margin:0;font-weight:300}.chapter-subtitle{margin:0 0 calc(14 * var(--u));font-size:calc(14 * var(--u));letter-spacing:.24em;text-transform:uppercase;color:var(--accent-text);font-weight:700}.chapter-card-box .menu-primary{width:auto;padding:0 calc(40 * var(--u))}.hud-chat-say input:focus-visible{outline:none}.hud-chat-say:focus-within{outline:calc(2 * var(--u)) solid var(--accent)}.hud-chat-lines .jn-invite{padding:calc(10 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));border-radius:calc(18 * var(--u));box-shadow:0 calc(8 * var(--u)) calc(22 * var(--u)) #040a1266;align-items:center;gap:calc(12 * var(--u));color:#f3f8fc;background:#2f4a63;border:1.5px solid #62c6e6;font-style:normal;display:flex}.hud-chat-lines .jn-invite.mine{box-shadow:none;border-style:dashed}.hud-chat-lines .jn-invite .tile{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(14 * var(--u));color:#04202d;font-weight:800;font-size:calc(15 * var(--u));background:#62c6e6;flex:none;justify-content:center;align-items:center;display:flex}.hud-chat-lines .jn-invite.mine .tile{color:#9ee0f5;box-sizing:border-box;background:#62c6e62e;border:1.5px solid #62c6e6}.hud-chat-lines .jn-invite .text{gap:calc(3 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.hud-chat-lines .jn-invite .tag{font-size:calc(11 * var(--u));letter-spacing:.18em;color:#9ee0f5;font-weight:800}.hud-chat-lines .jn-invite .msg{font-size:calc(15 * var(--u));line-height:1.35}.hud-chat-lines .jn-invite .ar{font-size:calc(17 * var(--u));color:#c6d6e4}.hud-chat-lines .jn-invite button{height:calc(40 * var(--u));padding:0 calc(18 * var(--u));color:#04202d;font-size:calc(14 * var(--u));cursor:pointer;background:#62c6e6;border:none;border-radius:999px;flex:none;margin:0;font-weight:800}.hud-chat-lines .jn-invite button.cancel{color:#9ee0f5;background:0 0;border:1.5px solid #9ee0f5}.hud-map{display:flex;position:relative}.hud-round.off{color:var(--muted);cursor:default}.hud-round.shine{box-shadow:var(--shadow-round), 0 0 calc(14 * var(--u)) #ffdca08c;overflow:hidden}.hud-round.shine:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%) 0 0/250% 100%;border-radius:50%;animation:2.4s ease-in-out infinite hud-shine;position:absolute;inset:0}@keyframes hud-shine{0%{background-position:120% 0}60%,to{background-position:-120% 0}}.hud-round.no{animation:.4s ease-in-out hud-no}@keyframes hud-no{0%,to{transform:translate(0)}20%{transform:translateX(calc(-5 * var(--u)))}40%{transform:translateX(calc(5 * var(--u)))}60%{transform:translateX(calc(-3 * var(--u)))}80%{transform:translateX(calc(3 * var(--u)))}}.hud-map-note{top:calc(100% + 8 * var(--u));white-space:nowrap;font-size:calc(13 * var(--u));color:var(--error);pointer-events:none;animation:2.6s ease-out forwards hud-note;position:absolute;right:0}@keyframes hud-note{0%{opacity:0;transform:translateY(calc(-4 * var(--u)))}10%,80%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hud-round.shine:after,.hud-round.no{animation:none}}.thought{z-index:24;padding:0 calc(240 * var(--u));justify-content:center;align-items:center;gap:calc(40 * var(--u));cursor:pointer;color:#fff;font-family:var(--latin);background:linear-gradient(#140e0859,#140e0826 45%,#140e0859);border:none;flex-direction:column;animation:1.2s ease-out thought-in;display:flex;position:fixed;inset:0}.thought.closing{animation:.6s ease-in forwards thought-out}.thought-text{gap:calc(22 * var(--u));max-width:calc(1100 * var(--u));padding:calc(48 * var(--u)) calc(90 * var(--u));text-align:center;background:radial-gradient(closest-side,#1810089e,#18100861 60%,#0000);flex-direction:column;display:flex}.thought-line{font-size:calc(34 * var(--u));text-shadow:0 calc(2 * var(--u)) calc(14 * var(--u)) #0000008c;font-style:italic;font-weight:500;line-height:1.45}.thought-hint{font-size:calc(14 * var(--u));letter-spacing:.2em;text-transform:uppercase;opacity:.75;text-shadow:0 1px calc(8 * var(--u)) #0009;font-weight:700}@keyframes thought-in{0%{opacity:0}to{opacity:1}}@keyframes thought-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.thought,.thought.closing{animation:none}}.hud-wallet{align-items:flex-end;gap:calc(2 * var(--u));margin-right:calc(10 * var(--u));color:var(--clock-text);font-variant-numeric:tabular-nums;flex-direction:column;display:flex;position:relative}.hud-wallet .hud-time{line-height:1;font-size:calc(26 * var(--u))}.hud-money-delta{right:0;top:calc(100% + 4 * var(--u));font-size:calc(18 * var(--u));white-space:nowrap;pointer-events:none;font-weight:700;animation:2.2s ease-out forwards hud-delta;position:absolute}.hud-money-delta.gain{color:#3f8f4f}.hud-money-delta.loss{color:#c4483c}@keyframes hud-delta{0%{opacity:0;transform:translateY(calc(-6 * var(--u)))}12%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(calc(6 * var(--u)))}}@media (prefers-reduced-motion:reduce){.hud-money-delta{animation:2.2s forwards hud-delta-still}@keyframes hud-delta-still{0%,80%{opacity:1}to{opacity:0}}}.profile-avatar-row{margin-bottom:calc(8 * var(--u));justify-content:center;display:flex}.profile-avatar{width:calc(112 * var(--u));height:calc(112 * var(--u));border:1px solid var(--field-rim);background:var(--field);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.profile-avatar:hover{border-color:var(--accent)}.profile-avatar .object-picture{width:calc(76 * var(--u));height:calc(76 * var(--u));font-size:calc(56 * var(--u));margin:0}.profile-avatar .edit{right:calc(-2 * var(--u));bottom:calc(2 * var(--u));width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--accent);color:var(--on-accent);font-size:calc(16 * var(--u));border:calc(3 * var(--u)) solid var(--panel);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.profile-number-row{align-items:center;gap:calc(12 * var(--u));display:flex}.profile-colour{width:calc(34 * var(--u));height:calc(34 * var(--u));border:calc(3 * var(--u)) solid var(--panel);box-shadow:0 0 0 1px var(--field-rim);cursor:pointer;border-radius:50%;padding:0}.profile-colour:hover{box-shadow:0 0 0 calc(2 * var(--u)) var(--accent)}.profile-pop-scrim{z-index:40;background:#140e0873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-pop{width:calc(640 * var(--u));max-height:calc(760 * var(--u));box-sizing:border-box;padding:calc(24 * var(--u)) calc(28 * var(--u)) calc(28 * var(--u));border-radius:calc(28 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);box-shadow:var(--shadow-modal);gap:calc(16 * var(--u));color:var(--text);flex-direction:column;animation:.2s ease-out profile-pop;display:flex}@keyframes profile-pop{0%{transform:translateY(calc(10 * var(--u))) scale(.95);opacity:0}to{opacity:1;transform:none}}.profile-pop header{justify-content:space-between;align-items:center;display:flex}.profile-pop h2{font-size:calc(24 * var(--u));margin:0;font-weight:700}.profile-pop-close{width:calc(40 * var(--u));height:calc(40 * var(--u));border:1px solid var(--field-rim);background:var(--field);color:var(--text);cursor:pointer;font-size:calc(16 * var(--u));border-radius:50%;padding:0}.profile-families{gap:calc(8 * var(--u));flex-wrap:wrap;display:flex}.profile-families button{height:calc(34 * var(--u));padding:0 calc(14 * var(--u));border:1px solid var(--field-rim);color:var(--text-2);font-size:calc(14 * var(--u));cursor:pointer;background:0 0;border-radius:999px;font-weight:700}.profile-families button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.profile-avatars{gap:calc(8 * var(--u));grid-template-columns:repeat(6,1fr);min-height:0;display:grid;overflow-y:auto}.profile-avatars button{aspect-ratio:1;border-radius:calc(18 * var(--u));border:calc(2 * var(--u)) solid transparent;padding:calc(8 * var(--u));cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.profile-avatars button:hover{background:var(--field)}.profile-avatars button.on{border-color:var(--accent);background:var(--field)}.profile-avatars .object-picture{width:100%;height:100%;font-size:calc(40 * var(--u));margin:0}.profile-palette{gap:calc(14 * var(--u));grid-template-columns:repeat(6,1fr);justify-items:center;display:grid}.profile-palette button{width:calc(64 * var(--u));height:calc(64 * var(--u));border:calc(4 * var(--u)) solid var(--panel);box-shadow:0 0 0 1px var(--field-rim);cursor:pointer;border-radius:50%;padding:0}.profile-palette button.on,.profile-palette button:hover{box-shadow:0 0 0 calc(3 * var(--u)) var(--text)}.buy-scrim{z-index:26;background:#18100a6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.buy-card{width:calc(960 * var(--u));box-sizing:border-box;padding:calc(36 * var(--u)) calc(40 * var(--u)) calc(32 * var(--u));border-radius:calc(32 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);box-shadow:var(--shadow-modal);color:var(--text);gap:calc(24 * var(--u));flex-direction:column;animation:.2s ease-out profile-pop;display:flex;position:relative}.buy-close{right:calc(24 * var(--u));top:calc(24 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u));border:1px solid var(--field-rim);background:var(--field);color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.buy-close svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.buy-top{grid-template-columns:1fr calc(340 * var(--u));gap:calc(32 * var(--u));align-items:stretch;display:grid}.buy-info{gap:calc(10 * var(--u));padding-top:calc(8 * var(--u));flex-direction:column;display:flex}.buy-name{font-size:calc(40 * var(--u));letter-spacing:-.01em;margin:0;font-weight:700}.buy-name-ar{font-size:calc(30 * var(--u));color:var(--text-2);align-self:flex-start;margin:0}.buy-desc{margin:calc(6 * var(--u)) 0 0;font-size:calc(18 * var(--u));color:var(--text-2);line-height:1.5}.buy-figures{align-items:baseline;gap:calc(18 * var(--u));padding-top:calc(14 * var(--u));margin-top:auto;display:flex}.buy-price{font-size:calc(36 * var(--u));color:var(--accent-text);font-variant-numeric:tabular-nums;font-weight:800}.buy-balance{font-size:calc(15 * var(--u));color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:700}.buy-balance.short{color:var(--danger-icon)}.buy-art{margin-top:calc(48 * var(--u));height:calc(280 * var(--u));border-radius:calc(24 * var(--u));background:var(--inset);border:1px solid var(--field);justify-content:center;align-items:center;display:flex;overflow:hidden}.buy-art img{object-fit:contain;max-width:78%;max-height:78%;image-rendering:pixelated}.buy-vendor{align-items:flex-start;gap:calc(16 * var(--u));display:flex}.buy-vendor .hud-avatar{width:calc(72 * var(--u));height:calc(72 * var(--u));font-size:calc(28 * var(--u));flex:none}.buy-bubble{padding:calc(14 * var(--u)) calc(20 * var(--u)) calc(16 * var(--u));border-radius:calc(20 * var(--u));background:var(--field);border:1px solid var(--field-rim);flex:1;position:relative}.buy-bubble:before{content:"";left:calc(-9 * var(--u));top:calc(24 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--field);border-left:1px solid var(--field-rim);border-bottom:1px solid var(--field-rim);position:absolute;transform:rotate(45deg)}.buy-bubble .who{font-size:calc(12 * var(--u));letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);font-weight:800}.buy-bubble p{margin:calc(6 * var(--u)) 0 0;font-size:calc(18 * var(--u));font-style:italic;line-height:1.5}.buy-actions{justify-content:flex-end;gap:calc(14 * var(--u));display:flex}.buy-secondary{height:calc(56 * var(--u));padding:0 calc(26 * var(--u));border:1px solid var(--field-rim);color:var(--text);font-size:calc(17 * var(--u));cursor:pointer;background:0 0;border-radius:999px;font-weight:700}.buy-secondary:hover{background:var(--field)}.buy-primary{min-width:calc(240 * var(--u));height:calc(56 * var(--u));padding:0 calc(28 * var(--u));background:var(--accent);color:var(--on-accent);font-size:calc(17 * var(--u));cursor:pointer;box-shadow:var(--shadow-round);border:none;border-radius:999px;font-weight:800}.buy-primary:disabled{background:var(--field);color:var(--text-2);box-shadow:none;cursor:default}.player-tag{align-items:center;gap:calc(8 * var(--u));vertical-align:middle;display:inline-flex}.player-badge{width:calc(30 * var(--u));height:calc(30 * var(--u));background:var(--avatar-ground);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.player-badge .object-picture{width:calc(20 * var(--u));height:calc(20 * var(--u));font-size:calc(15 * var(--u));margin:0}.player-flag{right:calc(-5 * var(--u));bottom:calc(-4 * var(--u));font-size:calc(13 * var(--u));filter:drop-shadow(0 0 calc(1.5 * var(--u)) #00000073);line-height:1;position:absolute}.menu-instagram{right:calc(24 * var(--u));bottom:calc(22 * var(--u));width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:calc(14 * var(--u));color:var(--accent-text);background:var(--field);border:1px solid var(--field-rim);justify-content:center;align-items:center;display:flex;position:absolute}.menu-instagram svg{width:calc(26 * var(--u));height:calc(26 * var(--u))}.menu-instagram:hover{color:var(--text)}.chapter-card.finale{-webkit-backdrop-filter:none;background:#000;animation:1.6s ease-out both finale-in}.chapter-card.finale .chapter-card-box{box-shadow:none;background:0 0;border:none;animation:2.4s ease-out .8s both finale-text}.chapter-card.finale .chapter-title{font-size:calc(72 * var(--u));letter-spacing:.32em;color:#fff6ea}.chapter-card.finale .menu-primary{margin-top:calc(28 * var(--u))}@keyframes finale-in{0%{opacity:0}to{opacity:1}}@keyframes finale-text{0%{opacity:0;letter-spacing:.6em}to{opacity:1}}@media (prefers-reduced-motion:reduce){.chapter-card.finale,.chapter-card.finale .chapter-card-box{animation:none}}.menu-panel.achievements{overflow:hidden}.menu-panel.achievements .ach-grid{overscroll-behavior:contain;min-height:0;padding:calc(12 * var(--u)) calc(8 * var(--u)) calc(6 * var(--u));margin:calc(-12 * var(--u)) calc(-8 * var(--u)) 0;scrollbar-width:thin;scrollbar-color:#807262 transparent;flex:0 auto;overflow-y:auto}.op{--u:max(.7px, min(calc(100vw / 1920), calc(100vh / 1080)));background:var(--floor);font-family:var(--latin);color:var(--text);position:fixed;inset:0;overflow:hidden}.op [lang=ar]{font-family:var(--arabic)}.op :where(button){font:inherit;color:inherit}.op :focus-visible{outline:calc(2 * var(--u)) solid var(--accent);outline-offset:calc(2 * var(--u))}.op-floor{object-fit:cover;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.op-strip{width:200vw;height:100%;transition:transform 1s cubic-bezier(.65,0,.35,1);display:flex;position:absolute;top:0;left:0}.op-signup .op-strip,.op-opening .op-strip{transform:translate(-100vw)}.op-half,.op-panel{flex:none;width:50vw;height:100%;position:relative}.op-sky{flex:none;width:100vw;height:100%;position:relative}.op-terrace{justify-content:center;align-items:center;display:flex;overflow:hidden}.op-terrace img{width:calc(960 * var(--u));height:calc(1080 * var(--u));image-rendering:pixelated}.op-plane{width:calc(1920 * var(--u));height:calc(1080 * var(--u));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.op-plane img{width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;left:0}.op-plane .op-plane-sprite{left:calc(1131 * var(--u));top:calc(285 * var(--u));width:calc(696 * var(--u));height:auto;animation:4.2s infinite plane-float}.op-create{transition:transform 1.1s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0}.op-opening .op-create{pointer-events:none;transform:translate(-50vw)}.op-panel{background:var(--panel);justify-content:center;align-items:center;display:flex;overflow-y:auto}.op-signin{border-left:1px solid var(--panel-rim);box-shadow:calc(-18 * var(--u)) 0 calc(50 * var(--u)) #28180a52, inset 1px 0 0 var(--panel-highlight);z-index:1}.op-create{border-right:1px solid var(--panel-rim);box-shadow:calc(18 * var(--u)) 0 calc(50 * var(--u)) #28180a52, inset -1px 0 0 var(--panel-highlight)}.op-form{box-sizing:border-box;padding:calc(40 * var(--u)) 0;flex-direction:column;display:flex}.op-signin-form{width:calc(520 * var(--u));gap:calc(30 * var(--u))}.op-create-form{width:calc(660 * var(--u));gap:calc(22 * var(--u))}.op-shake-0{animation:.45s op-shake-0}.op-shake-1{animation:.45s op-shake-1}@keyframes op-shake-0{0%,to{transform:none}20%{transform:translateX(calc(-10 * var(--u)))}40%{transform:translateX(calc(10 * var(--u)))}60%{transform:translateX(calc(-6 * var(--u)))}80%{transform:translateX(calc(6 * var(--u)))}}@keyframes op-shake-1{0%,to{transform:none}20%{transform:translateX(calc(-10 * var(--u)))}40%{transform:translateX(calc(10 * var(--u)))}60%{transform:translateX(calc(-6 * var(--u)))}80%{transform:translateX(calc(6 * var(--u)))}}.op-logo{margin-bottom:calc(10 * var(--u));align-self:center}.op-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.op-title{font-size:calc(34 * var(--u));letter-spacing:-.02em;margin:0;font-weight:500}.op-sub{margin:calc(6 * var(--u)) 0 0;font-size:calc(16 * var(--u));color:var(--text-2)}.op-head{justify-content:space-between;align-items:flex-start;display:flex}.op-field{gap:calc(8 * var(--u));flex-direction:column;min-width:0;display:flex}.op-caps{font-size:calc(12 * var(--u));letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);font-weight:700}.op-input{box-sizing:border-box;width:100%;height:calc(56 * var(--u));padding:0 calc(18 * var(--u));border-radius:calc(16 * var(--u));background:var(--field);border:1px solid var(--field-rim);color:var(--text);font:inherit;font-size:calc(17 * var(--u));outline:none;transition:border-color .15s,box-shadow .15s}.op-signin-form .op-input{height:calc(60 * var(--u));font-size:calc(18 * var(--u))}.op-input::placeholder{color:var(--placeholder)}.op-input:focus{border-color:var(--accent);box-shadow:0 0 0 calc(3 * var(--u)) #f2a65a38}.op-input.bad{border-color:var(--error)}.op-input:disabled{opacity:.7}.op-msg{font-size:calc(13 * var(--u));color:#ffb4a2;margin:0;font-weight:600}.op-hint{font-size:calc(13 * var(--u));color:var(--text-2);font-weight:600}.op-link{cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline;color:#ffd9cf!important}.op-password{position:relative}.op-password .op-input{padding-right:calc(60 * var(--u))}.op-eye{right:calc(8 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u));cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%);color:var(--text-2)!important}.op-eye svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.op-under{min-height:calc(20 * var(--u));justify-content:space-between;align-items:center;display:flex}.op-forgot{font-size:calc(14 * var(--u));cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;color:var(--text-2)!important}.op-forgot:hover{text-decoration:underline;color:var(--text)!important}.op-two{gap:calc(18 * var(--u));grid-template-columns:1fr 1fr;display:grid}.op-age-row{grid-template-columns:calc(170 * var(--u)) 1fr;gap:calc(18 * var(--u));display:grid}.op-banner{align-items:center;gap:calc(12 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u));border-radius:calc(14 * var(--u));border:1px solid var(--error);font-size:calc(15 * var(--u));color:#ffd9cf;background:#e8705a24;display:flex}.op-banner .mark{width:calc(20 * var(--u));height:calc(20 * var(--u));border:calc(2 * var(--u)) solid var(--error);color:var(--error);font-size:calc(12 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.op-primary{height:calc(64 * var(--u));border-radius:calc(18 * var(--u));background:var(--accent);box-shadow:0 calc(14 * var(--u)) calc(36 * var(--u)) #28180a47;cursor:pointer;justify-content:center;align-items:center;gap:calc(12 * var(--u));border:none;font-weight:800;display:flex;color:var(--on-accent)!important;font-size:calc(18 * var(--u))!important}.op-primary[aria-disabled=true],.op-primary:disabled{cursor:default;opacity:.85}.op-spinner{width:calc(20 * var(--u));height:calc(20 * var(--u));border:calc(3 * var(--u)) solid #2a170840;border-top-color:var(--on-accent);border-radius:50%;animation:.9s linear infinite op-spin}@keyframes op-spin{to{transform:rotate(360deg)}}.op-switch{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));padding-top:calc(22 * var(--u));border-top:1px solid var(--field);font-size:calc(16 * var(--u));color:var(--text-2);display:flex}.op-pill{height:calc(52 * var(--u));padding:0 calc(20 * var(--u));border:1px solid var(--field-rim);align-items:center;gap:calc(10 * var(--u));cursor:pointer;background:0 0;border-radius:999px;font-weight:700;display:flex;color:var(--text)!important;font-size:calc(16 * var(--u))!important}.op-pill:hover{background:var(--field)}.op-pill svg{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--accent-text)}.op-rules{margin-top:calc(4 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));background:var(--inset);border:1px solid var(--field);gap:calc(12 * var(--u));flex-direction:column;display:flex}.op-rules.failed{border-color:#e8705a99}.op-rules .top{align-items:center;gap:calc(14 * var(--u));display:flex}.op-rules .kicker{font-size:calc(11 * var(--u));letter-spacing:.2em;color:var(--accent-text);white-space:nowrap;font-weight:800}.op-rules .bar{gap:calc(6 * var(--u));flex:1;display:flex}.op-rules .bar i{height:calc(6 * var(--u));background:var(--field);border-radius:999px;flex:1;transition:background .25s}.op-rules .bar i.on{background:var(--success)}.op-rules .bar i.failed{background:#e8705a8c}.op-rules .count{font-size:calc(13 * var(--u));font-variant-numeric:tabular-nums;color:var(--text-2);white-space:nowrap;font-weight:800}.op-rules .count.all{color:var(--success)}.op-rules ul{gap:calc(10 * var(--u)) calc(18 * var(--u));grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.op-rules li{align-items:center;gap:calc(10 * var(--u));font-size:calc(15 * var(--u));color:var(--text-2);font-weight:600;display:flex}.op-rules li .dot{width:calc(24 * var(--u));height:calc(24 * var(--u));box-sizing:border-box;border:1.5px solid var(--field-rim);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.op-rules li .dot svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.op-rules li.met{color:var(--text)}.op-rules li.met .dot{background:var(--success);border-color:var(--success);color:#1f3a16;animation:.28s ease-out op-pop}.op-rules li.failed{color:#ffb4a2}.op-rules li.failed .dot{border-color:var(--error);color:var(--error)}@keyframes op-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.op-segments{height:calc(56 * var(--u));box-sizing:border-box;padding:calc(5 * var(--u));border-radius:calc(16 * var(--u));background:var(--field);border:1px solid var(--field-rim);gap:calc(4 * var(--u));grid-template-columns:1fr 1fr 1.6fr;display:grid}.op-segments.bad{border-color:var(--error)}.op-segments button{border-radius:calc(11 * var(--u));cursor:pointer;background:0 0;border:none;font-weight:600;font-size:calc(15 * var(--u))!important}.op-segments button[aria-checked=true]{background:var(--accent);font-weight:800;color:var(--on-accent)!important}.op-country{position:relative}.op-country-button{align-items:center;gap:calc(14 * var(--u));text-align:left;cursor:pointer;display:flex}.op-country-button .placeholder{color:var(--placeholder);flex:1}.op-country-button .name{flex:1}.op-country-button .globe{width:calc(20 * var(--u));height:calc(20 * var(--u));color:var(--text-2)}.op-country-button .chevron{width:calc(20 * var(--u));height:calc(20 * var(--u));color:var(--accent-text);transition:transform .2s}.op-country-button .chevron.open{transform:rotate(180deg)}.op-flag{width:calc(32 * var(--u));height:calc(24 * var(--u));border-radius:calc(4 * var(--u));font-size:calc(26 * var(--u));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #0000002e}.op-country-pop{left:0;right:0;bottom:calc(64 * var(--u));z-index:5;padding:calc(12 * var(--u));border-radius:calc(20 * var(--u));background:var(--inset);border:1px solid var(--field-rim);box-shadow:0 calc(24 * var(--u)) calc(60 * var(--u)) #140c0480;gap:calc(8 * var(--u));flex-direction:column;display:flex;position:absolute}.op-country-search{position:relative}.op-country-search svg{left:calc(14 * var(--u));width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--text-2);position:absolute;top:50%;transform:translateY(-50%)}.op-country-search input{box-sizing:border-box;width:100%;height:calc(50 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(42 * var(--u));border-radius:calc(14 * var(--u));background:var(--field);border:1px solid var(--field-rim);color:var(--text);font:inherit;font-size:calc(16 * var(--u));outline:none}.op-country-search input:focus{border-color:var(--accent)}.op-country-pop ul{max-height:calc(294 * var(--u));margin:0;padding:0;list-style:none;overflow-y:auto}.op-country-pop li{height:calc(48 * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(12 * var(--u));align-items:center;gap:calc(14 * var(--u));font-size:calc(16 * var(--u));cursor:pointer;display:flex}.op-country-pop li .op-flag{width:calc(30 * var(--u));height:calc(22.5 * var(--u));font-size:calc(24 * var(--u))}.op-country-pop li .name{flex:1}.op-country-pop li:hover,.op-country-pop li.active{background:var(--field)}.op-country-pop li[aria-selected=true]{background:var(--selected);font-weight:700}.op-country-pop li .tick{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--accent)}.op-country-pop li.none{cursor:default;color:var(--text-2)}.op-country-pop li.none:hover{background:0 0}.op-captcha{width:calc(304 * var(--u));height:calc(78 * var(--u))}@media (prefers-reduced-motion:reduce){.op-strip,.op-create{transition:none}.op-plane .op-plane-sprite,.op-shake-0,.op-shake-1,.op-spinner,.op-rules li.met .dot{animation:none}}.password-rules{margin:calc(-6 * var(--u)) 0 0;padding:calc(10 * var(--u)) calc(14 * var(--u));border-radius:calc(14 * var(--u));background:var(--inset);gap:calc(6 * var(--u)) calc(14 * var(--u));font-size:calc(13 * var(--u));color:var(--text-2);grid-template-columns:1fr 1fr;list-style:none;display:grid}.password-rules li{align-items:center;gap:calc(8 * var(--u));transition:color .15s;display:flex}.password-rules .mark{width:calc(18 * var(--u));height:calc(18 * var(--u));border:1.5px solid var(--field-rim);box-sizing:border-box;font-size:calc(12 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.password-rules li.met{color:var(--text)}.password-rules li.met .mark{background:var(--success);border-color:var(--success);color:var(--on-accent)}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.menu-panel .password-rules{margin-top:0}.mg-scrim{z-index:10;background:var(--scrim);font-family:var(--latin);color:var(--text);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mg-panel{width:calc(1728 * var(--u));height:calc(972 * var(--u));box-sizing:border-box;padding:calc(26 * var(--u)) calc(36 * var(--u)) calc(28 * var(--u));gap:calc(20 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);border-radius:calc(36 * var(--u));box-shadow:0 calc(30 * var(--u)) calc(90 * var(--u)) #140c048c, inset 0 1px 0 var(--panel-highlight);font-size:calc(16 * var(--u));flex-direction:column;display:flex;position:relative}.mg-panel [lang=ar]{font-family:var(--arabic)}:where(.mg-panel) button{font:inherit;color:inherit}.mg-panel :focus-visible{outline:calc(2 * var(--u)) solid var(--accent);outline-offset:calc(2 * var(--u))}.mg-header{height:calc(56 * var(--u));justify-content:space-between;align-items:center;gap:calc(24 * var(--u));flex:none;display:flex}.mg-names{align-items:baseline;gap:calc(16 * var(--u));min-width:0;display:flex}.mg-title-ar{font-size:calc(32 * var(--u));white-space:nowrap;margin:0;font-weight:700;line-height:1.2}.mg-title-en{font-size:calc(20 * var(--u));color:var(--text-2);white-space:nowrap;font-weight:600}.mg-right{align-items:center;gap:calc(24 * var(--u));display:flex}.mg-hint{font-size:calc(15 * var(--u));color:var(--text-2)}.mg-counter{align-items:baseline;gap:calc(10 * var(--u));font-variant-numeric:tabular-nums;white-space:nowrap;display:flex}.mg-counter .label{font-size:calc(12 * var(--u));letter-spacing:.2em;color:var(--accent-text);font-weight:800}.mg-counter .n{font-size:calc(26 * var(--u));font-weight:700}.mg-counter .of{font-size:calc(18 * var(--u));color:var(--text-2);margin-left:calc(-6 * var(--u));font-weight:500}.mg-dots{gap:calc(6 * var(--u));display:flex}.mg-dot{width:calc(14 * var(--u));height:calc(14 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid var(--field-rim);border-radius:50%}.mg-dot.current{border-color:var(--accent)}.mg-dot.right{background:var(--success);border:none}.mg-dot.wrong{background:var(--error);border:none}.mg-close{width:calc(44 * var(--u));height:calc(44 * var(--u));border:1px solid var(--field-rim);background:var(--field);color:var(--text);cursor:pointer;font-size:calc(18 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.mg-body{gap:calc(20 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.mg-inset{background:var(--inset);border:1px solid var(--field);border-radius:calc(26 * var(--u));box-sizing:border-box}.mg-tile{background:var(--field);border:1px solid var(--field-rim);border-radius:calc(18 * var(--u));box-sizing:border-box}.mg-section{font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--accent-text);text-transform:uppercase;padding-bottom:calc(8 * var(--u));border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;font-weight:800;display:flex}.mg-section .aside{font-size:calc(13 * var(--u));letter-spacing:0;text-transform:none;color:var(--text-2);font-weight:500}.mg-primary{height:calc(60 * var(--u));padding:0 calc(32 * var(--u));background:var(--accent);font-size:calc(17 * var(--u));justify-content:center;align-items:center;gap:calc(10 * var(--u));cursor:pointer;border:none;border-radius:999px;flex:none;font-weight:800;display:inline-flex;color:var(--on-accent)!important}.mg-primary .icon{font-size:calc(18 * var(--u))}.mg-primary:disabled{opacity:.55;cursor:default}.mg-secondary{height:calc(52 * var(--u));padding:0 calc(26 * var(--u));background:var(--field);border:1px solid var(--field-rim);font-size:calc(15 * var(--u));cursor:pointer;border-radius:999px;font-weight:700}.mg-secondary:disabled{opacity:.5;cursor:default}.mg-paper{background:var(--text);color:var(--deep);border:1px solid #e6d6c2}.mg-paper .tr,.mg-tr-paper{color:#6e5e4c;font-style:italic}.mg-tr{color:var(--text-2);font-style:italic}.mg-en{color:var(--muted)}.mg-error{color:var(--error);font-size:calc(15 * var(--u));margin:0}.mg-center{justify-content:center;align-items:center;gap:calc(16 * var(--u));text-align:center;flex-direction:column;flex:1;display:flex}.mg-picture{justify-content:center;align-items:center;display:flex}.mg-picture img{object-fit:contain;width:100%;height:100%}.mg-picture-fallback{font-size:calc(48 * var(--u));line-height:1}.mg-scroll{scrollbar-width:thin;scrollbar-color:#807262 transparent;overflow-y:auto}.mg-scroll::-webkit-scrollbar{width:10px}.mg-scroll::-webkit-scrollbar-thumb{background:#807262;border:3px solid #574a3d;border-radius:999px}.mg-customer{height:calc(196 * var(--u));align-items:center;gap:calc(28 * var(--u));flex:none;display:flex}.mg-customer.wrong{animation:.45s ease-in-out mgShake}.mg-ring{width:calc(156 * var(--u));height:calc(156 * var(--u));box-sizing:border-box;border:calc(4 * var(--u)) solid var(--field-rim);background:var(--inset);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.mg-customer.right .mg-ring{border-color:var(--success);animation:.9s ease-out mgGreen}.mg-customer.wrong .mg-ring{border-color:var(--error)}.mg-ring .figure{display:block}.mg-bubble{min-height:calc(132 * var(--u));box-sizing:border-box;padding:calc(22 * var(--u)) calc(30 * var(--u));border-radius:calc(28 * var(--u));background:var(--text);color:var(--deep);border:calc(3 * var(--u)) solid var(--text);justify-content:center;gap:calc(6 * var(--u));flex-direction:column;flex:1;display:flex;position:relative}.mg-bubble:before{content:"";left:calc(-16 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));background:var(--text);border-left:calc(3 * var(--u)) solid var(--text);border-bottom:calc(3 * var(--u)) solid var(--text);position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.mg-customer.right .mg-bubble,.mg-customer.right .mg-bubble:before{border-color:var(--success)}.mg-customer.wrong .mg-bubble,.mg-customer.wrong .mg-bubble:before{border-color:var(--error)}.mg-bubble .ar{font-size:calc(40 * var(--u));font-weight:600;line-height:1.3}.mg-bubble .tr{font-size:calc(21 * var(--u));color:#6e5e4c;font-style:italic;font-weight:500}.mg-tabs{width:calc(210 * var(--u));gap:calc(12 * var(--u));flex-direction:column;flex:none;display:flex}.mg-tab{height:calc(128 * var(--u));border-radius:calc(22 * var(--u));background:var(--field);border:1px solid var(--field-rim);color:var(--text);justify-content:center;align-items:center;gap:calc(4 * var(--u));cursor:pointer;padding:0 calc(10 * var(--u));flex-direction:column;display:flex}.mg-tab .ar{font-size:calc(28 * var(--u));font-weight:700}.mg-tab .en{font-size:calc(16 * var(--u));font-weight:800}.mg-tab .meta{font-size:calc(12 * var(--u));letter-spacing:.08em;color:var(--muted);font-weight:700}.mg-tab[aria-selected=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent-text);box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) #f2a65a47}.mg-tab[aria-selected=true] .meta{color:#5a3612}@keyframes mgShake{0%,to{transform:translate(0)}20%{transform:translateX(calc(-12 * var(--u)))}40%{transform:translateX(calc(12 * var(--u)))}60%{transform:translateX(calc(-7 * var(--u)))}80%{transform:translateX(calc(7 * var(--u)))}}@keyframes mgGreen{0%{box-shadow:0 0 #8ccb7abf}to{box-shadow:0 0 0 calc(28 * var(--u)) #8ccb7a00}}.mg-shake{animation:.45s ease-in-out mgShake}.mg-pulse{animation:.9s ease-out mgGreen}@media (prefers-reduced-motion:reduce){.mg-customer.wrong,.mg-customer.right .mg-ring,.mg-shake,.mg-pulse{animation:none}}.mg-recap{grid-template-columns:minmax(0, 1fr) calc(460 * var(--u));gap:calc(24 * var(--u));flex:1;min-height:0;display:grid}.mg-recap-table{flex-direction:column;min-height:0;display:flex}.mg-recap-row{grid-template-columns:calc(28 * var(--u)) 1fr calc(330 * var(--u)) calc(24 * var(--u));column-gap:calc(16 * var(--u));padding:calc(8 * var(--u)) calc(22 * var(--u));min-height:calc(74 * var(--u));border-bottom:1px solid var(--field);box-sizing:border-box;align-items:center;display:grid}.mg-recap-row.head{min-height:calc(52 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.2em;color:var(--accent-text);border-bottom-color:var(--rule);font-weight:800}.mg-recap-row .num{font-size:calc(15 * var(--u));color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:800}.mg-recap-row .ar{font-size:calc(21 * var(--u));text-align:right;font-weight:600;line-height:1.35}.mg-recap-row .tr{font-size:calc(13 * var(--u));color:var(--text-2);font-style:italic}.mg-chips{gap:calc(6 * var(--u));flex-wrap:wrap;display:flex}.mg-chip{height:calc(28 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(8 * var(--u));font-size:calc(10 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);border:1.5px dashed #8e806f;align-items:center;font-weight:800;display:inline-flex}.mg-chip.wrong{border-color:var(--error);color:#ffd9cf;background:#e8705a29}.mg-verdict{width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:50%}.mg-verdict.right{background:var(--success);box-shadow:0 0 0 calc(4 * var(--u)) #8ccb7a38}.mg-verdict.wrong{background:var(--error);box-shadow:0 0 0 calc(4 * var(--u)) #e8705a38}.mg-host{gap:calc(18 * var(--u));padding:calc(26 * var(--u));border-radius:calc(26 * var(--u));background:var(--field);border:1px solid var(--field-rim);flex-direction:column;min-height:0;display:flex}.mg-host-who{align-items:center;gap:calc(16 * var(--u));font-size:calc(13 * var(--u));letter-spacing:.22em;color:var(--accent-text);text-transform:uppercase;font-weight:800;display:flex}.mg-host-who .mg-portrait{width:calc(76 * var(--u));height:calc(76 * var(--u));background:var(--avatar-ground);color:var(--on-accent);font-size:calc(30 * var(--u));letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.mg-host-who .mg-portrait img{image-rendering:pixelated}.mg-host-line{font-size:calc(19 * var(--u));color:var(--text);margin:0;line-height:1.45}.mg-host-line.small{font-size:calc(15 * var(--u));color:var(--text-2)}.mg-earned{border-top:1px solid var(--field-rim);padding-top:calc(16 * var(--u));gap:calc(4 * var(--u));flex-direction:column;margin-top:auto;display:flex}.mg-earned .label{font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--text-2);font-weight:800}.mg-earned .amount{font-size:calc(52 * var(--u));color:var(--accent-text);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.mg-earned .summary{font-size:calc(15 * var(--u));color:var(--text-2)}.mg-recap-side{gap:calc(20 * var(--u));flex-direction:column;min-height:0;display:flex}.mg-recap-side .mg-host{flex:1}.mg-recap-side .mg-primary{width:100%;height:calc(62 * var(--u))}.mg-panel .mg-plain{min-height:0;font-size:calc(17 * var(--u));flex:1;line-height:1.5;overflow-y:auto}.dk-main{grid-template-columns:minmax(0, 1fr) calc(440 * var(--u));gap:calc(24 * var(--u));flex:1;min-height:0;display:grid}.dk-shelf{padding:calc(18 * var(--u));gap:calc(12 * var(--u));grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;min-height:0;display:grid}.dk-product{padding:calc(8 * var(--u));align-items:center;gap:calc(6 * var(--u));cursor:pointer;flex-direction:column;min-height:0;display:flex;position:relative}.dk-product.in{border:1.5px solid var(--accent)}.dk-product:disabled{cursor:default}.dk-picture{border-radius:calc(12 * var(--u));flex:1;width:100%;min-height:0}.dk-picture img{max-height:calc(96 * var(--u))}.dk-price,.dk-total .amount{font-size:calc(17 * var(--u));font-variant-numeric:tabular-nums;font-weight:800}.dk-price .unit,.dk-total .unit{font-size:calc(12 * var(--u));color:var(--accent-text);letter-spacing:.1em;font-weight:700}.dk-badge{top:calc(-8 * var(--u));right:calc(-8 * var(--u));min-width:calc(30 * var(--u));height:calc(30 * var(--u));padding:0 calc(6 * var(--u));box-sizing:border-box;background:var(--accent);color:var(--on-accent);font-size:calc(13 * var(--u));border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute}.dk-basket{padding:calc(20 * var(--u)) calc(22 * var(--u));gap:calc(12 * var(--u));flex-direction:column;min-height:0;display:flex}.dk-rows{gap:calc(8 * var(--u));flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex}.dk-empty{font-size:calc(15 * var(--u));color:var(--muted);text-align:center;margin:auto}.dk-row{height:calc(58 * var(--u));border-radius:calc(14 * var(--u));background:var(--field);padding:0 calc(6 * var(--u)) 0 calc(8 * var(--u));align-items:center;gap:calc(12 * var(--u));flex:none;display:flex}.dk-thumb{width:calc(42 * var(--u));height:calc(42 * var(--u));border-radius:calc(10 * var(--u));flex:none}.dk-thumb .mg-picture-fallback{font-size:calc(26 * var(--u))}.dk-row .name{font-size:calc(11 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);flex:1;font-weight:800}.dk-stepper{align-items:center;gap:calc(6 * var(--u));display:inline-flex}.dk-row .qty{min-width:calc(22 * var(--u));text-align:center;font-size:calc(16 * var(--u));font-variant-numeric:tabular-nums;font-weight:800}.dk-row .sum{width:calc(74 * var(--u));text-align:right;font-size:calc(16 * var(--u));font-variant-numeric:tabular-nums;font-weight:800}.dk-remove{height:calc(32 * var(--u));padding:0 calc(12 * var(--u));border:1px solid var(--field-rim);cursor:pointer;background:0 0;border-radius:999px;font-weight:700;color:var(--text-2)!important;font-size:calc(13 * var(--u))!important}.dk-remove:hover:enabled{border-color:var(--text-2);color:var(--text)!important}.dk-remove:disabled,.dk-step:disabled{opacity:.5;cursor:default}.dk-step,.dk-minus{width:calc(32 * var(--u));height:calc(32 * var(--u));background:var(--panel);cursor:pointer;font-size:calc(14 * var(--u));border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;color:var(--text-2)!important}.dk-total{border-top:1px solid var(--field);padding-top:calc(10 * var(--u));justify-content:space-between;align-items:baseline;display:flex}.dk-total .label{font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--text-2);font-weight:800}.dk-total .amount{font-size:calc(34 * var(--u))}.dk-total .unit{font-size:calc(16 * var(--u))}.dk-basket .mg-primary{width:100%}.cn-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.cn-device{width:calc(1400 * var(--u));height:calc(830 * var(--u));flex:none;position:relative}.cn-shell{border-radius:calc(170 * var(--u)) calc(170 * var(--u)) calc(220 * var(--u)) calc(220 * var(--u));box-shadow:inset 0 calc(-16 * var(--u)) 0 #b95f37, inset 0 calc(12 * var(--u)) 0 #e59a6e, 0 calc(30 * var(--u)) calc(60 * var(--u)) #140c0480;background:#d7774a;position:absolute;inset:0}.cn-wear{width:100%;height:100%;position:absolute;inset:0}.cn-tape{left:calc(34 * var(--u));top:calc(22 * var(--u));width:calc(196 * var(--u));height:calc(58 * var(--u));font-family:Permanent Marker,cursive;font-size:calc(34 * var(--u));color:#2d3a7a;letter-spacing:.06em;background:#e8ddbf;justify-content:center;align-items:center;display:flex;position:absolute;transform:rotate(-9deg);box-shadow:0 2px 4px #28180a40}.cn-sticker{right:calc(150 * var(--u));top:calc(6 * var(--u));width:calc(64 * var(--u));height:calc(64 * var(--u));box-shadow:inset 0 0 0 calc(4 * var(--u)) #e3b23a;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);background:#f2c94c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:rotate(14deg)}.cn-sticker svg{width:calc(34 * var(--u));height:calc(34 * var(--u))}.cn-bezel{left:calc(250 * var(--u));top:calc(70 * var(--u));width:calc(900 * var(--u));height:calc(650 * var(--u));box-sizing:border-box;border-radius:calc(34 * var(--u));padding:calc(44 * var(--u)) calc(40 * var(--u)) calc(46 * var(--u));box-shadow:inset 0 calc(4 * var(--u)) calc(10 * var(--u)) #00000080;background:#2a2420;position:absolute}.cn-batt{left:calc(26 * var(--u));top:calc(14 * var(--u));font-family:Space Mono,monospace;font-size:calc(12 * var(--u));color:#6b5d52;letter-spacing:.2em;position:absolute}.cn-led{left:calc(74 * var(--u));top:calc(18 * var(--u));width:calc(9 * var(--u));height:calc(9 * var(--u));background:#e8705a;border-radius:50%;animation:1.4s infinite cnBlink;position:absolute}@keyframes cnBlink{0%,60%{opacity:1}61%,to{opacity:.25}}.cn-screen{box-sizing:border-box;border-radius:calc(12 * var(--u));color:#f2b35c;width:100%;height:100%;padding:calc(28 * var(--u)) calc(34 * var(--u));background:#1b1612;flex-direction:column;font-family:Space Mono,monospace;display:flex;overflow:hidden}.cn-screen [lang=ar]{font-family:var(--arabic)}.cn-dpad{left:calc(55 * var(--u));top:calc(325 * var(--u));width:calc(140 * var(--u));height:calc(140 * var(--u));position:absolute}.cn-dpad span{border-radius:calc(9 * var(--u));box-shadow:inset 0 calc(-5 * var(--u)) 0 #241d19;background:#3a302a;position:absolute}.cn-dpad span:first-child{left:calc(47 * var(--u));width:calc(46 * var(--u));height:100%;top:0}.cn-dpad span:nth-child(2){top:calc(47 * var(--u));height:calc(46 * var(--u));width:100%;left:0}.cn-dpad i{left:calc(58 * var(--u));top:calc(58 * var(--u));width:calc(24 * var(--u));height:calc(24 * var(--u));background:#2a2420;border-radius:50%;position:absolute}.cn-btn{width:calc(72 * var(--u));height:calc(72 * var(--u));box-shadow:inset 0 calc(-6 * var(--u)) 0 #6a2a20;font-family:Space Mono,monospace;font-size:calc(21 * var(--u));color:#e9a796;background:#8c3b2e;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.cn-btn.a{left:calc(1288 * var(--u));top:calc(315 * var(--u))}.cn-btn.b{left:calc(1196 * var(--u));top:calc(383 * var(--u))}.cn-pills{left:calc(574 * var(--u));top:calc(752 * var(--u));gap:calc(40 * var(--u));display:flex;position:absolute}.cn-pills span{width:calc(96 * var(--u));height:calc(20 * var(--u));border-radius:calc(10 * var(--u));background:#3a302a;transform:rotate(-20deg)}.cn-speaker{left:calc(1165 * var(--u));top:calc(700 * var(--u));grid-template-columns:repeat(5, calc(9 * var(--u)));gap:calc(10 * var(--u));display:grid;position:absolute;transform:rotate(-20deg)}.cn-speaker span{width:calc(9 * var(--u));height:calc(9 * var(--u));background:#9e5130;border-radius:50%}.cn-col{gap:calc(14 * var(--u));flex-direction:column;height:100%;min-height:0;display:flex}.cn-head{font-size:calc(18 * var(--u));letter-spacing:.22em;justify-content:space-between;display:flex}.cn-head .dim,.cn-recap .dim{color:#8a6a3c}.cn-rule{height:calc(2 * var(--u));background:#5a4325;flex:none}.cn-levels{grid-template-columns:minmax(0, 1fr) calc(250 * var(--u));gap:calc(20 * var(--u));flex:1;min-height:0;display:grid}.cn-list{gap:calc(4 * var(--u));scrollbar-width:none;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.cn-level{height:calc(40 * var(--u));box-sizing:border-box;padding:0 calc(14 * var(--u));border-radius:calc(8 * var(--u));align-items:center;gap:calc(12 * var(--u));text-align:left;cursor:pointer;background:0 0;border:none;flex:none;display:flex;color:#f2b35c!important;font-family:Space Mono,monospace!important;font-size:calc(16 * var(--u))!important}.cn-level.on{background:#f2b35c;color:#1b1612!important}.cn-level.locked{color:#6b5232!important}.cn-level .cursor{width:calc(16 * var(--u))}.cn-level .label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cn-level .stars{letter-spacing:.2em}.cn-card{box-sizing:border-box;padding:calc(20 * var(--u)) calc(18 * var(--u));border-radius:calc(10 * var(--u));border:calc(2 * var(--u)) solid #5a4325;gap:calc(10 * var(--u));flex-direction:column;display:flex}.cn-card .tag{font-size:calc(15 * var(--u));letter-spacing:.24em;color:#8a6a3c}.cn-card .title{font-size:calc(26 * var(--u));font-weight:700;line-height:1.15}.cn-card .stars{font-size:calc(26 * var(--u));letter-spacing:.2em}.cn-card .best{font-size:calc(15 * var(--u));color:#e7c08a}.cn-card .cn-button{width:100%;margin-top:auto}.cn-button{height:calc(50 * var(--u));padding:0 calc(22 * var(--u));border-radius:calc(8 * var(--u));border:calc(2 * var(--u)) solid #f2b35c;cursor:pointer;background:#f2b35c;font-weight:700;color:#1b1612!important;font-family:Space Mono,monospace!important;font-size:calc(17 * var(--u))!important}.cn-button.off{cursor:default;background:0 0;border-color:#5a4325;color:#6b5232!important}.cn-button.outline{background:0 0;font-weight:400;color:#f2b35c!important}.cn-button.play{height:calc(44 * var(--u));align-self:flex-end}.cn-text{font-family:var(--latin);font-size:calc(16 * var(--u));color:#e7c08a;margin:0;line-height:1.45}.cn-grid{grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(calc(112 * var(--u)), 1fr);gap:calc(8 * var(--u));flex:1;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.cn-grid li{border-radius:calc(8 * var(--u));padding:calc(4 * var(--u));text-align:center;border:1px solid #5a4325;flex-direction:column;justify-content:center;align-items:center;display:flex}.cn-grid .numeral{font-size:calc(30 * var(--u));font-weight:700;line-height:1.15}.cn-grid .ar{font-size:calc(19 * var(--u));font-weight:600;line-height:1.3}.cn-grid .tr{font-size:calc(13 * var(--u));color:#e7c08a;font-style:italic;font-family:var(--latin)}.cn-grid .en{font-size:calc(12 * var(--u));color:#8a6a3c;font-family:var(--latin)}.cn-timer{height:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:#3a2c1c;flex:none;overflow:hidden}.cn-timer span{background:#f2b35c;height:100%;animation:linear forwards cnDrain;display:block}@keyframes cnDrain{0%{width:100%}to{width:0%}}.cn-numeral{font-size:calc(170 * var(--u));flex:1;justify-content:center;align-items:center;margin:0;font-weight:700;line-height:1;display:flex}.cn-answers{gap:calc(10 * var(--u));grid-template-columns:1fr 1fr;display:grid}.cn-answers button{height:calc(86 * var(--u));border-radius:calc(10 * var(--u));border:calc(2 * var(--u)) solid #8a6a3c;cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;display:flex;color:#f2b35c!important}.cn-answers .ar{font-size:calc(30 * var(--u));font-weight:700;line-height:1.25}.cn-answers .tr{font-size:calc(16 * var(--u));font-family:Space Mono,monospace}.cn-answers .right{background:#f2b35c;border-color:#f2b35c;color:#1b1612!important}.cn-answers .wrong{border-color:#5a4325;color:#6b5232!important}.cn-recap{justify-content:center;align-items:center;gap:calc(18 * var(--u));text-align:center;flex-direction:column;height:100%;display:flex}.cn-recap .clear{font-size:calc(19 * var(--u));letter-spacing:.3em}.cn-recap .score{font-size:calc(120 * var(--u));font-weight:700;line-height:1}.cn-recap .score .dim{font-size:calc(52 * var(--u))}.cn-recap .stars{font-size:calc(44 * var(--u));letter-spacing:.3em}.cn-recap .note{font-size:calc(17 * var(--u));color:#e7c08a}.cn-row{gap:calc(16 * var(--u));margin-top:calc(10 * var(--u));display:flex}.cn-error{color:#e8705a;font-family:var(--latin);font-size:calc(16 * var(--u))}@media (prefers-reduced-motion:reduce){.cn-led{animation:none}}.mg-dot.done{background:var(--accent);border:none}.ph-board{border-radius:calc(28 * var(--u));color:#23302a;column-gap:calc(456 * var(--u));min-height:0;padding:calc(30 * var(--u)) calc(40 * var(--u));box-sizing:border-box;touch-action:none;background:#e4ece1;flex:1;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.ph-pattern,.ph-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ph-lines{z-index:1}.ph-lines path{fill:none;stroke:#d9822f;stroke-linecap:round}.ph-lines .linked{stroke-width:6px}.ph-lines .drawing{stroke-width:5px;stroke-dasharray:14 10;animation:.6s linear infinite phDash}@keyframes phDash{to{stroke-dashoffset:-24px}}.ph-col{z-index:2;gap:calc(40 * var(--u));flex-direction:column;min-height:0;display:flex;position:relative}.ph-label{font-size:calc(12 * var(--u));letter-spacing:.22em;color:#4f6a58;height:calc(11 * var(--u));font-weight:800}.ph-label.end{text-align:right}.ph-card{max-height:calc(200 * var(--u));box-sizing:border-box;border-radius:calc(24 * var(--u));min-height:0;box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) #283c2d1f;align-items:center;gap:calc(20 * var(--u));padding:0 calc(44 * var(--u)) 0 calc(24 * var(--u));background:#f7faf5;border:1.5px solid #c9d6c4;flex:1;display:flex;position:relative}.ph-card.remedy{padding:0 calc(24 * var(--u)) 0 calc(44 * var(--u))}.ph-card{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.ph-card:hover{border-color:#b7c9b1}.ph-card:focus-visible{outline:calc(3 * var(--u)) solid #d9822f;outline-offset:calc(2 * var(--u))}.ph-card.active{box-shadow:0 0 0 calc(2 * var(--u)) #d9822f, 0 calc(10 * var(--u)) calc(26 * var(--u)) #283c2d1f;border-color:#d9822f}.ph-portrait{width:calc(96 * var(--u));height:calc(96 * var(--u));background:#dde7d9;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.ph-picture{width:calc(130 * var(--u));height:calc(130 * var(--u));border-radius:calc(18 * var(--u));flex:none}.ph-text{gap:calc(4 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.ph-text .ar{font-size:calc(30 * var(--u));font-weight:600;line-height:1.3}.ph-text .tr{font-size:calc(17 * var(--u));color:#55665c;font-style:italic}.ph-dot{width:calc(30 * var(--u));height:calc(30 * var(--u));margin-top:calc(-15 * var(--u));box-sizing:border-box;border:calc(4 * var(--u)) solid #6e8a72;z-index:3;pointer-events:none;background:#fff;border-radius:50%;padding:0;position:absolute;top:50%}.ph-dot.right{right:calc(-15 * var(--u))}.ph-dot.left{left:calc(-15 * var(--u))}.ph-dot.active{border-color:#d9822f}.ph-dot.linked{background:#d9822f;border-color:#d9822f}.ph-actions{justify-content:flex-end;align-items:center;gap:calc(20 * var(--u));flex:none;display:flex}.ph-result{min-width:calc(520 * var(--u));flex:none}.an-done{min-width:calc(560 * var(--u));gap:calc(10 * var(--u));flex-direction:column;flex:none;display:flex}.an-done-line{font-size:calc(22 * var(--u));margin:0;font-weight:700}.an-done-sub{font-size:calc(16 * var(--u));color:var(--text-2);margin:0;line-height:1.5}.an-done-actions{gap:calc(14 * var(--u));display:flex}.an-level{align-items:center;gap:calc(10 * var(--u));height:calc(34 * var(--u));padding:0 calc(14 * var(--u));background:var(--field);border:1px solid var(--field-rim);margin-left:calc(2 * var(--u));border-radius:999px;align-self:center;display:inline-flex}.an-level .tag{font-size:calc(11 * var(--u));letter-spacing:.2em;color:var(--accent-text);font-weight:800}.an-level .name{font-size:calc(14 * var(--u));color:var(--text-2);font-weight:600}.an-rack{border-radius:calc(28 * var(--u));gap:calc(24 * var(--u));min-height:0;padding:calc(24 * var(--u));flex:1;display:flex;position:relative;overflow:hidden}.an-labels{width:calc(300 * var(--u));box-sizing:border-box;padding:calc(18 * var(--u));border-radius:calc(22 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);box-shadow:0 calc(20 * var(--u)) calc(50 * var(--u)) #140c0473, inset 0 1px 0 var(--panel-highlight);gap:calc(8 * var(--u));z-index:2;flex-direction:column;flex:none;display:flex;overflow-y:auto}.an-labels-head{gap:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));flex-direction:column;display:flex}.an-labels-head .mg-section{border-bottom:none;padding-bottom:0}.an-labels-head .hint{font-size:calc(14 * var(--u));color:var(--text-2)}.an-label,.an-slot{min-height:calc(58 * var(--u));box-sizing:border-box;border-radius:calc(14 * var(--u));flex:none}.an-label{padding:calc(4 * var(--u)) calc(18 * var(--u)) calc(4 * var(--u)) calc(38 * var(--u));background:var(--text);box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) #140c0440;cursor:grab;border:1px solid #e6d6c2;flex-direction:column;justify-content:center;align-items:flex-end;transition:transform .15s;display:flex;position:relative;color:var(--deep)!important}.an-label:before,.an-tag:before{content:"";left:calc(14 * var(--u));width:calc(14 * var(--u));height:calc(14 * var(--u));margin-top:calc(-7 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid var(--rule);border-radius:50%;position:absolute;top:50%}.an-label[aria-pressed=true]{border:calc(3 * var(--u)) solid var(--accent);transform:translateX(calc(8 * var(--u)))}.an-label .ar{font-size:calc(24 * var(--u));font-weight:600;line-height:1.25}.an-label .tr,.an-tag .tr{font-size:calc(14 * var(--u));color:#6e5e4c;font-style:italic}.an-slot{border:1.5px dashed var(--field-rim)}.an-rails{gap:calc(16 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.an-rail{gap:calc(12 * var(--u));min-height:0;padding-top:calc(14 * var(--u));flex:1;display:flex;position:relative}.an-rail:before{content:"";left:calc(-24 * var(--u));right:calc(-24 * var(--u));top:calc(10 * var(--u));height:calc(7 * var(--u));box-shadow:0 calc(-2 * var(--u)) 0 -1px #a39482;background:#8e806f;border-radius:999px;position:absolute}.an-hang{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.an-hanger{width:72%;height:calc(40 * var(--u));flex:none}.an-garment{box-sizing:border-box;border-radius:calc(18 * var(--u));width:100%;min-height:0;padding:calc(6 * var(--u));justify-content:center;align-items:center;gap:calc(6 * var(--u));cursor:pointer;background:#fff6ea08;border:1.5px dashed #8e806f;flex-direction:column;flex:1;display:flex;position:relative}.an-garment.armed{border-color:var(--placeholder)}.an-garment.target{border:calc(2.5 * var(--u)) dashed var(--accent);box-shadow:0 0 0 calc(8 * var(--u)) #f2a65a29;background:#f2a65a1a}.an-garment.wrong{border:calc(2.5 * var(--u)) solid var(--error);background:#e8705a29;animation:.45s ease-in-out mgShake}.level2 .an-garment.wrong{border-width:calc(3 * var(--u));background:#e8705a24;animation:none}.an-garment.right{border:calc(3 * var(--u)) solid var(--success);background:#8ccb7a24}.an-garment.placed{cursor:default;border-style:solid;border-color:#0000}.an-garment:disabled{cursor:default}.an-picture{flex:1;width:100%;min-height:0}.an-name{font-size:calc(11 * var(--u));letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}.an-tag{top:calc(18 * var(--u));width:min(90%, calc(190 * var(--u)));box-sizing:border-box;padding:calc(8 * var(--u)) calc(14 * var(--u)) calc(8 * var(--u)) calc(30 * var(--u));border-radius:calc(12 * var(--u));background:var(--text);color:var(--deep);box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) #140c0459;flex-direction:column;align-items:flex-end;display:flex;position:absolute;left:50%;transform:translate(-50%)rotate(-4deg)}.an-tag:before{left:calc(11 * var(--u));width:calc(12 * var(--u));height:calc(12 * var(--u));margin-top:calc(-6 * var(--u))}.an-tag .ar{font-size:calc(22 * var(--u));font-weight:600}.an-tag .tr{font-size:calc(13 * var(--u))}.level2{padding:calc(16 * var(--u)) calc(24 * var(--u))}.level2 .an-rail{gap:calc(6 * var(--u))}.level2 .an-hanger{height:calc(24 * var(--u))}.an-colour{align-items:center;gap:calc(7 * var(--u));font-size:calc(10 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-weight:800;display:flex}.an-swatch{width:calc(16 * var(--u));height:calc(16 * var(--u));border:1.5px solid var(--text);box-sizing:border-box;border-radius:50%}@media (prefers-reduced-motion:reduce){.an-garment.wrong{animation:none}}.ft-body{grid-template-columns:calc(210 * var(--u)) minmax(0, 1fr) calc(410 * var(--u));gap:calc(20 * var(--u));flex:1;min-height:0;display:grid}.ft-canvas{min-height:0;padding:calc(12 * var(--u));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ft-canvas .family-svg{width:100%;height:100%;max-height:none}.ft-canvas .family-marriage{stroke:#e0b07a;stroke-width:3px;opacity:1}.ft-canvas .family-descent{stroke:#a39482;stroke-width:2.5px;opacity:1;stroke-linecap:round}.ft-canvas .family-ribbon{fill:var(--text);stroke:none}.ft-canvas .family-name{fill:var(--deep);font-family:var(--latin);letter-spacing:.04em;font-size:14px;font-weight:800}.ft-canvas .player .family-ribbon{fill:#e7b64a}.ft-canvas .family-tag{fill:var(--text-2);font-family:var(--latin);font-size:13px}.ft-canvas .family-mark{fill:#0000}.ft-canvas .family-member.armed .family-mark{stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 4}.ft-canvas .family-member.right .family-mark{fill:#8ccb7a38;stroke:var(--success);stroke-width:2px}.ft-canvas .family-member.wrong .family-mark{fill:#e8705a29;stroke:var(--error);stroke-width:2px}.ft-canvas .family-member.wrong{animation:.45s ease-in-out mgShake}.ft-canvas .family-member:focus-visible .family-mark,.ft-canvas .family-member:hover .family-mark{stroke:var(--accent);stroke-width:2px}.ft-side{padding:calc(22 * var(--u));border-radius:calc(26 * var(--u));gap:calc(14 * var(--u));flex-direction:column;min-height:0;display:flex}.ft-words{flex:1;min-height:0;margin:0;padding:0;list-style:none}.ft-words li{min-height:calc(54 * var(--u));gap:calc(12 * var(--u));border-bottom:1px solid var(--field-rim);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.ft-words .tr{font-size:calc(16 * var(--u));font-style:italic;font-weight:600;display:block}.ft-words .en{font-size:calc(12.5 * var(--u));color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ft-words .ar{font-size:calc(25 * var(--u));font-weight:600}.ft-vocab{min-height:0;padding:calc(24 * var(--u)) calc(28 * var(--u));border-radius:calc(26 * var(--u));gap:calc(22 * var(--u));flex-direction:column;grid-column:2/-1;display:flex;overflow-y:auto}.ft-rules{font-size:calc(16 * var(--u));color:var(--text-2);max-width:calc(900 * var(--u));margin:0;line-height:1.6}.ft-rules i{color:var(--accent-text);font-weight:600}.ft-section{gap:calc(10 * var(--u));flex-direction:column;display:flex}.ft-cards{gap:calc(10 * var(--u));grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ft-cards li{padding:calc(12 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));background:var(--field);gap:calc(2 * var(--u));flex-direction:column;display:flex}.ft-cards .ar{font-size:calc(26 * var(--u));align-self:flex-end;font-weight:600;line-height:1.3}.ft-cards .tr{font-size:calc(15 * var(--u));color:var(--accent-text);font-style:italic;font-weight:600}.ft-cards .en{font-size:calc(13 * var(--u));color:var(--text-2)}.ft-suffix-table{border-collapse:collapse;font-size:calc(14 * var(--u));color:var(--text-2)}.ft-suffix-table td,.ft-suffix-table th{padding:calc(4 * var(--u)) calc(14 * var(--u)) calc(4 * var(--u)) 0;border-bottom:1px solid var(--field-rim);text-align:left}.ft-suffixes{font-size:calc(13.5 * var(--u));color:var(--text-2)}.ft-suffixes summary{cursor:pointer;font-weight:700}.ft-suffixes table{border-collapse:collapse;margin-top:calc(6 * var(--u))}.ft-suffixes td,.ft-suffixes th{padding:calc(2 * var(--u)) calc(8 * var(--u));border-bottom:1px solid var(--field-rim);text-align:left}.ft-count{align-items:baseline;gap:calc(4 * var(--u));font-size:calc(22 * var(--u));letter-spacing:0;color:var(--text);font-variant-numeric:tabular-nums;font-weight:700;display:inline-flex}.ft-count .of{font-size:calc(15 * var(--u));color:var(--text-2);font-weight:500}.ft-dots{gap:calc(5 * var(--u));margin-left:calc(10 * var(--u));align-self:center;display:inline-flex}.ft-dots .mg-dot{width:calc(12 * var(--u));height:calc(12 * var(--u))}.ft-note{font-size:calc(14 * var(--u));color:var(--text-2);margin:0;line-height:1.5}.ft-chips{padding:calc(4 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u)) calc(12 * var(--u));gap:calc(12 * var(--u));flex-direction:column;flex:1;min-height:0;margin:0;list-style:none;display:flex;overflow-y:auto}.ft-chip{width:100%;min-height:calc(80 * var(--u));box-sizing:border-box;padding:0 calc(22 * var(--u));border-radius:calc(16 * var(--u));flex-direction:column;justify-content:center;align-items:flex-end;display:flex}button.ft-chip{background:var(--text);box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) #140c0438;cursor:pointer;border:1px solid #e6d6c2;transition:transform .15s;color:var(--deep)!important}button.ft-chip[aria-pressed=true]{border:calc(3 * var(--u)) solid var(--accent);transform:translateX(calc(-8 * var(--u)))}.ft-chip .ar{font-size:calc(29 * var(--u));font-weight:600;line-height:1.25}.ft-chip .tr{font-size:calc(15 * var(--u));color:#6e5e4c;font-style:italic}.ft-chip.used{border:1.5px dashed var(--field-rim);justify-content:flex-end;align-items:center;gap:calc(10 * var(--u));flex-direction:row}.ft-chip.used .ar{font-size:calc(20 * var(--u));opacity:.6;color:var(--muted)}.ft-chip.used .icon{font-size:calc(18 * var(--u));color:var(--success)}.ft-riddle{padding:calc(30 * var(--u)) calc(26 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid var(--text);gap:calc(10 * var(--u));flex-direction:column;display:flex}.ft-riddle .ar{font-size:calc(36 * var(--u));font-weight:600;line-height:1.35}.ft-riddle .tr{font-size:calc(20 * var(--u));color:#6e5e4c;font-style:italic;font-weight:500}.ft-score{font-size:calc(44 * var(--u));color:var(--accent-text);margin:0;font-weight:800}.ft-results{gap:calc(10 * var(--u));font-size:calc(15 * var(--u));flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ft-results li{align-items:center;gap:calc(12 * var(--u));display:flex}.ft-results .tr{flex:1;font-style:italic}.ft-results .who{font-weight:700}.ck-body{grid-template-columns:calc(210 * var(--u)) minmax(0, 1fr);gap:calc(20 * var(--u));flex:1;min-height:0;display:grid}.ck-learning{grid-template-columns:calc(440 * var(--u)) calc(440 * var(--u)) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) calc(262 * var(--u));gap:calc(20 * var(--u));min-height:0;display:grid}.ck-panel{border-radius:calc(24 * var(--u));padding:calc(20 * var(--u)) calc(22 * var(--u));gap:calc(10 * var(--u));flex-direction:column;min-height:0;display:flex;overflow:hidden}.ck-examples-panel{grid-column:1/-1}.ck-card{padding:calc(12 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));background:var(--field);gap:calc(2 * var(--u));flex-direction:column;display:flex}.ck-card .tr{font-size:calc(22 * var(--u));font-style:italic;font-weight:600}.ck-card .en{font-size:calc(13 * var(--u));color:var(--muted)}.ck-sub{font-size:calc(11 * var(--u));letter-spacing:.2em;color:var(--text-2);margin-top:calc(4 * var(--u));font-weight:800}.ck-list{flex-direction:column;min-height:0;margin:0;padding:0;list-style:none;display:flex}.ck-row{min-height:calc(40 * var(--u));gap:calc(12 * var(--u));border-bottom:1px solid var(--field);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.ck-row.lead{grid-template-columns:calc(54 * var(--u)) minmax(0, 1fr) auto;min-height:calc(42 * var(--u))}.ck-row .lead{font-size:calc(16 * var(--u));color:var(--accent-text);font-variant-numeric:tabular-nums;font-weight:800}.ck-row .latin{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ck-row .tr{font-size:calc(14 * var(--u));font-style:italic}.ck-row .en{font-size:calc(12.5 * var(--u));color:var(--muted)}.ck-row .ar{font-size:calc(21 * var(--u));font-weight:600}.ck-hours{gap:calc(8 * var(--u)) calc(10 * var(--u));flex:1;grid-template-rows:repeat(6,1fr);grid-template-columns:1fr 1fr;grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.ck-hours li{border-radius:calc(14 * var(--u));background:var(--field);padding:0 calc(12 * var(--u));justify-content:space-between;align-items:center;display:flex}.ck-hours .num{width:calc(28 * var(--u));font-size:calc(20 * var(--u));color:var(--accent-text);font-weight:800}.ck-hours .words{flex-direction:column;align-items:flex-end;display:flex}.ck-hours .ar{font-size:calc(23 * var(--u));font-weight:600}.ck-hours .tr{font-size:calc(13 * var(--u));color:var(--text-2);font-style:italic}.ck-foot{font-size:calc(13 * var(--u));color:var(--text-2);margin:auto 0 0}.ck-examples{gap:calc(14 * var(--u));flex:1;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.ck-examples li{padding:calc(14 * var(--u)) calc(18 * var(--u));border-radius:calc(18 * var(--u));background:var(--field);gap:calc(2 * var(--u));flex-direction:column;display:flex}.ck-examples .time{font-size:calc(24 * var(--u));color:var(--accent-text);letter-spacing:.04em;font-weight:800}.ck-examples .ar{font-size:calc(25 * var(--u));font-weight:600;line-height:1.35}.ck-examples .tr{font-size:calc(15 * var(--u));color:var(--text-2);font-style:italic}.ck-easy{grid-template-columns:minmax(0, 1fr) calc(500 * var(--u));gap:calc(20 * var(--u));min-height:0;display:grid}.ck-shown{justify-content:center;align-items:center;gap:calc(40 * var(--u));min-height:0;display:flex}.ck-face{width:calc(440 * var(--u));height:calc(440 * var(--u));flex:none}.ck-digital{gap:calc(14 * var(--u));flex-direction:column;display:flex}.ck-digital .cap{font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--text-2);font-weight:800}.ck-digital .box{padding:calc(18 * var(--u)) calc(34 * var(--u));border-radius:calc(22 * var(--u));border:1px solid var(--field);font-size:calc(92 * var(--u));letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#2e2620;font-weight:800;line-height:1}.ck-side{padding:calc(22 * var(--u));border-radius:calc(26 * var(--u));gap:calc(16 * var(--u));flex-direction:column;min-height:0;display:flex}.ck-option{border-radius:calc(22 * var(--u));padding:0 calc(28 * var(--u));background:var(--panel);border:1px solid var(--field-rim);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:flex-end;display:flex}.ck-option .ar{font-size:calc(32 * var(--u));font-weight:600;line-height:1.3}.ck-option .tr{font-size:calc(18 * var(--u));color:var(--text-2);font-style:italic}.ck-option.right{border:calc(3 * var(--u)) solid var(--success);background:#8ccb7a29}.ck-option.wrong{border:calc(3 * var(--u)) solid var(--error);background:#e8705a29}.ck-option.shown{border:calc(2 * var(--u)) dashed var(--success)}.ck-hard{justify-content:center;align-items:center;min-height:0;display:flex}.ck-card-hard{width:calc(980 * var(--u));box-sizing:border-box;padding:calc(44 * var(--u)) calc(56 * var(--u)) calc(48 * var(--u));border-radius:calc(30 * var(--u));background:var(--field);border:calc(3 * var(--u)) solid var(--field-rim);align-items:center;gap:calc(26 * var(--u));flex-direction:column;display:flex}.ck-card-hard.right{border-color:var(--success)}.ck-card-hard.wrong{border-color:var(--error)}.ck-plate{box-sizing:border-box;width:100%;padding:calc(30 * var(--u)) calc(40 * var(--u));border-radius:calc(24 * var(--u));align-items:center;gap:calc(8 * var(--u));text-align:center;flex-direction:column;display:flex}.ck-plate .ar{font-size:calc(54 * var(--u));font-weight:600;line-height:1.3}.ck-plate .tr{font-size:calc(24 * var(--u));color:#6e5e4c;font-style:italic;font-weight:500}.ck-field{width:calc(300 * var(--u));height:calc(104 * var(--u));box-sizing:border-box;padding:0 calc(22 * var(--u));border-radius:calc(22 * var(--u));border:calc(2 * var(--u)) solid var(--field-rim);color:var(--text);font-family:var(--latin);font-size:calc(64 * var(--u));letter-spacing:.04em;text-align:center;font-variant-numeric:tabular-nums;background:#2e2620;outline:none;font-weight:800}.ck-field::placeholder{color:#8e806f}.ck-field:focus-visible{border-color:var(--accent)}.ck-time{align-items:center;gap:calc(14 * var(--u));display:flex}.ck-half{gap:calc(8 * var(--u));flex-direction:column;display:flex}.ck-half button{width:calc(84 * var(--u));height:calc(48 * var(--u));border-radius:calc(14 * var(--u));border:calc(2 * var(--u)) solid var(--field-rim);letter-spacing:.06em;cursor:pointer;background:#2e2620;font-weight:800;color:var(--text-2)!important;font-size:calc(20 * var(--u))!important}.ck-half button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)!important}.ck-half button:disabled{cursor:default}.ck-hint{margin:calc(-8 * var(--u)) 0 0;font-size:calc(15 * var(--u));color:var(--text-2)}.fs-panel{box-shadow:0 0 0 1px var(--panel-rim), 0 calc(30 * var(--u)) calc(90 * var(--u)) #140c048c;background:#2d4e55;border:none;padding:0;overflow:hidden}.fs-panel.idle{cursor:pointer}.fs-scene{width:100%;height:100%;position:absolute;inset:0}.fs-line{stroke:#2e2016;stroke-width:2px;fill:none}.fs-line.jitter{animation:90ms linear infinite fsJitter}.fs-float.idle .bob,.fs-float.result .bob{transform-origin:0 -28px;animation:3s ease-in-out infinite fsSway}.fs-float.waiting .bob{animation:1.8s ease-in-out infinite fsBob}.fs-float.bite .bob{animation:.18s ease-in-out infinite fsDive}.fs-ripples ellipse{fill:none;stroke:#cfe3e4;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite fsRipple}.fs-splash{fill:none;stroke:#e6f1f1;stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:.7s infinite fsRipple}.fs-ring{fill:none;stroke:var(--accent);stroke-width:4px;transform-box:fill-box;transform-origin:50%;animation:.7s ease-out infinite fsRing}.fs-rod.casting{animation:.5s cubic-bezier(.2,.8,.3,1) fsSwing}@keyframes fsSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes fsBob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fsDive{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes fsRipple{0%{opacity:.8;transform:scale(.45)}to{opacity:0;transform:scale(1.8)}}@keyframes fsRing{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@keyframes fsJitter{0%,to{transform:translate(0)}50%{transform:translate(1.5px,-1px)}}@keyframes fsSwing{0%{transform:rotate(40deg)}to{transform:rotate(0)}}@keyframes fsCta{0%{box-shadow:0 0 0 0 #f2a65aa6, 0 calc(12 * var(--u)) calc(30 * var(--u)) #140c0473}to{box-shadow:0 0 0 calc(24 * var(--u)) #f2a65a00, 0 calc(12 * var(--u)) calc(30 * var(--u)) #140c0473}}@keyframes fsDot{0%,to{opacity:.25}50%{opacity:1}}@keyframes fsPop{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:none}}@keyframes fsFade{0%{opacity:1}to{opacity:0}}.fs-header{left:calc(24 * var(--u));right:calc(24 * var(--u));top:calc(24 * var(--u));height:calc(64 * var(--u));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.fs-right{align-items:center;gap:calc(12 * var(--u));pointer-events:auto;display:flex}.fs-right .mg-close{box-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) #140c0459}.fs-pill{height:calc(64 * var(--u));box-sizing:border-box;background:var(--panel);border:1px solid var(--panel-rim);box-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) #140c0459, inset 0 1px 0 var(--panel-highlight);border-radius:999px;align-items:center;display:flex}.fs-title{padding:0 calc(24 * var(--u));gap:calc(14 * var(--u));padding-top:calc(12 * var(--u));align-items:baseline}.fs-title .ar{font-size:calc(28 * var(--u));font-weight:700;line-height:1.2}.fs-title .en{font-size:calc(18 * var(--u));color:var(--text-2);font-weight:600}.fs-counts{padding:0 calc(22 * var(--u));gap:calc(12 * var(--u))}.fs-counts .label{font-size:calc(11 * var(--u));letter-spacing:.2em;color:var(--accent-text);font-weight:800}.fs-counts .n{font-size:calc(24 * var(--u));font-variant-numeric:tabular-nums;font-weight:800}.fs-counts .dim{color:var(--text-2)}.fs-counts .divider{width:1px;height:calc(26 * var(--u));background:var(--field-rim);margin:0 calc(6 * var(--u))}.fs-prompt{left:50%;bottom:calc(70 * var(--u));white-space:nowrap;border-radius:999px;align-items:center;margin:0;display:flex;position:absolute;transform:translate(-50%)}.fs-prompt.ready{height:calc(76 * var(--u));padding:0 calc(36 * var(--u)) 0 calc(26 * var(--u));gap:calc(14 * var(--u));background:var(--accent);cursor:pointer;border:none;font-weight:800;animation:1.8s ease-out infinite fsCta;color:var(--on-accent)!important;font-size:calc(22 * var(--u))!important}.fs-prompt.ready .icon{font-size:calc(30 * var(--u))}.fs-prompt.wait{height:calc(56 * var(--u));padding:0 calc(26 * var(--u));gap:calc(10 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);font-size:calc(17 * var(--u));color:var(--text-2);pointer-events:none;font-weight:600}.fs-prompt .dots{gap:calc(5 * var(--u));display:inline-flex}.fs-prompt .dots i{width:calc(8 * var(--u));height:calc(8 * var(--u));background:var(--accent-text);border-radius:50%;animation:1.6s ease-in-out infinite fsDot}.fs-prompt .dots i:nth-child(2){animation-delay:.3s}.fs-prompt .dots i:nth-child(3){animation-delay:.6s}.fs-bite{left:calc(716 * var(--u));top:calc(420 * var(--u));height:calc(48 * var(--u));padding:0 calc(22 * var(--u));background:var(--accent);color:var(--on-accent);font-size:calc(20 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) #140c0466;pointer-events:none;border-radius:999px;align-items:center;margin:0;font-weight:800;animation:.18s ease-out fsPop;display:flex;position:absolute}.fs-strike{left:calc(64 * var(--u));bottom:calc(44 * var(--u));width:calc(1040 * var(--u));box-sizing:border-box;padding:calc(22 * var(--u)) calc(30 * var(--u)) calc(18 * var(--u));border-radius:calc(30 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);box-shadow:0 calc(20 * var(--u)) calc(60 * var(--u)) #140c0480, inset 0 1px 0 var(--panel-highlight);grid-template-columns:calc(190 * var(--u)) minmax(0, 1fr) calc(130 * var(--u));column-gap:calc(28 * var(--u));align-items:center;display:grid;position:absolute}.fs-strike .label{font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--accent-text);font-weight:800}.fs-strike .left{gap:calc(10 * var(--u));flex-direction:column;display:flex}.fs-strike .pulls{gap:calc(6 * var(--u));min-height:calc(20 * var(--u));display:flex}.fs-strike .pulls i{width:calc(20 * var(--u));height:calc(20 * var(--u));border:calc(2 * var(--u)) solid #2e2620;border-radius:50%}.fs-strike .meter{height:calc(8 * var(--u));background:var(--inset);border-radius:999px;overflow:hidden}.fs-strike .meter span{background:var(--success);height:100%;display:block}.fs-strike .middle{gap:calc(8 * var(--u));flex-direction:column;align-items:stretch;display:flex}.fs-bar{height:calc(54 * var(--u));border-radius:calc(16 * var(--u));border:calc(2 * var(--u)) solid #2e2620;cursor:pointer;margin:calc(11 * var(--u)) 0;background:#4a3f35;padding:0;position:relative;overflow:visible}.fs-bar .zone{position:absolute;top:0;bottom:0}.fs-bar .zone.orange{background:#c9772f}.fs-bar .zone.green{background:#6fa85e}.fs-bar .zone.gold{background:#e7b64a}.fs-bar .halo{inset:calc(-9 * var(--u)) calc(-6 * var(--u));border-radius:calc(20 * var(--u));box-shadow:0 0 0 calc(6 * var(--u)) var(--c), 0 0 calc(44 * var(--u)) var(--c);pointer-events:none;animation:.4s ease-out forwards fsFade;position:absolute}.fs-bar .cursor{top:calc(-13 * var(--u));width:calc(12 * var(--u));height:calc(76 * var(--u));margin-left:calc(-6 * var(--u));border-radius:calc(6 * var(--u));background:var(--text);border:calc(2 * var(--u)) solid var(--on-accent);box-sizing:border-box;box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #0006;position:absolute}.fs-strike .caption{font-size:calc(14 * var(--u));color:var(--text-2);text-align:center}.fs-strike .right{align-items:flex-end;gap:calc(6 * var(--u));flex-direction:column;display:flex}.fs-strike .right .label{color:var(--text-2)}.fs-strike .secs{font-size:calc(40 * var(--u));font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.fs-strike .unit{font-size:calc(18 * var(--u));color:var(--text-2)}.fs-strike .timebar{width:100%;height:calc(6 * var(--u));background:var(--inset);border-radius:999px;overflow:hidden}.fs-strike .timebar span{background:var(--accent);height:100%;display:block}.fs-scrim{padding-top:calc(150 * var(--u));box-sizing:border-box;background:#18100a80;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.fs-card{width:calc(660 * var(--u));box-sizing:border-box;padding:calc(28 * var(--u)) calc(32 * var(--u)) calc(30 * var(--u));border-radius:calc(32 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);box-shadow:0 calc(30 * var(--u)) calc(80 * var(--u)) #0a060299, inset 0 1px 0 var(--panel-highlight);gap:calc(18 * var(--u));flex-direction:column;animation:.25s ease-out fsPop;display:flex}.fs-card .status{align-items:center;gap:calc(10 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--success);font-weight:800;display:flex}.fs-card .status i{width:calc(12 * var(--u));height:calc(12 * var(--u));background:var(--success);border-radius:50%}.fs-card.lost .status{color:#f2a08e}.fs-card.lost .status i{background:var(--error)}.fs-fish{height:calc(200 * var(--u));border-radius:calc(22 * var(--u));background:var(--inset)}.fs-fish img{height:90%}.fs-card.lost .fs-fish{opacity:.55}.fs-desc{font-size:calc(15 * var(--u));color:var(--text-2);margin:0;line-height:1.5}.fs-row{padding:calc(14 * var(--u)) 0;border-top:1px solid var(--field-rim);border-bottom:1px solid var(--field-rim);justify-content:space-between;align-items:center;display:flex}.fs-row .tr{font-size:calc(17 * var(--u));font-weight:700}.fs-row .en{font-size:calc(14 * var(--u));color:var(--muted);font-weight:500}.fs-row .ar{font-size:calc(30 * var(--u));font-weight:600}.fs-action{height:calc(66 * var(--u));background:var(--accent);justify-content:center;align-items:center;gap:calc(10 * var(--u));cursor:pointer;border:none;border-radius:999px;font-weight:800;display:flex;color:var(--on-accent)!important;font-size:calc(19 * var(--u))!important}.fs-action .sub{opacity:.8;font-weight:700}.fs-sold{text-align:center;font-size:calc(18 * var(--u));color:var(--success);margin:0;font-weight:700}.fs-actions{gap:calc(12 * var(--u));grid-template-columns:1fr 1.4fr;display:grid}.fs-action.secondary{background:var(--field);border:1px solid var(--field-rim);color:var(--text)!important}.fs-action .icon{font-size:calc(20 * var(--u))}@media (prefers-reduced-motion:reduce){.fs-panel *,.fs-prompt{animation:none!important}}.fs-prompt.error{bottom:calc(166 * var(--u));color:#f2a08e}.mg-confirm-scrim{z-index:40;font-family:var(--latin);color:var(--text);background:#18100a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mg-confirm{width:calc(520 * var(--u));box-sizing:border-box;padding:calc(30 * var(--u)) calc(32 * var(--u));border-radius:calc(28 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);box-shadow:var(--shadow-modal);gap:calc(10 * var(--u));text-align:center;flex-direction:column;animation:.2s ease-out fsPop;display:flex}.mg-confirm strong{font-size:calc(24 * var(--u));font-weight:700}.mg-confirm p{margin:0 0 calc(10 * var(--u));font-size:calc(16 * var(--u));color:var(--text-2)}.mg-confirm .row{gap:calc(12 * var(--u));justify-content:center;display:flex}.mg-confirm button{font-family:var(--latin)}.mg-confirm .mg-secondary{color:var(--text)}.mg-primary.danger{background:var(--danger);border:1px solid var(--danger-rim);color:var(--text)!important}.zs-overlay,.ex-screen{--z-overlay:#0e1410b3;--z-panel:#26372f;--z-rim:#3e5248;--z-highlight:#33463d;--z-track:#33463d;--z-line:#4e6358;--z-area:#2d4037;--z-text:#f3f1e7;--z-text2:#c3cec4;--z-muted:#8fa197;--z-grey:#7f9188;--z-disabled:#6f8278;--z-accent:#c9db6e;--z-accent-edge:#afc253;--z-on-accent:#1c2a14;--z-right-area:#33462f;--z-pulse:#c9db6e8c;--z-paper:#f7f1e3;--z-paper-rim:#e3d9c4;--z-paper-edge:#e8dec9;--z-paper-back:#efe6d2;--z-paper-back-rim:#dccfb5;--z-paper-back-edge:#e2d6be;--z-ink:#25231e;--z-translit:#5f5a4f;--z-faded:#8e887a}.zs-overlay{z-index:12;background:var(--z-overlay);font-family:var(--latin);color:var(--z-text);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zs-overlay [lang=ar]{font-family:var(--arabic)}.zs-overlay button{font:inherit}.zs-overlay :focus-visible{outline:calc(2 * var(--u)) solid var(--z-accent);outline-offset:calc(2 * var(--u))}.zs-panel{width:calc(1728 * var(--u));height:calc(972 * var(--u));box-sizing:border-box;padding:calc(26 * var(--u)) calc(36 * var(--u)) calc(28 * var(--u));background:var(--z-panel);border:1px solid var(--z-rim);border-radius:calc(36 * var(--u));box-shadow:0 calc(30 * var(--u)) calc(90 * var(--u)) #060a088c, inset 0 1px 0 var(--z-highlight);flex-direction:column;display:flex;position:relative}.zs-head{height:calc(56 * var(--u));column-gap:calc(24 * var(--u));flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.zs-title{flex-direction:column;min-width:0;display:flex}.zs-title .kicker{font-size:calc(11 * var(--u));letter-spacing:.24em;color:var(--z-accent);font-weight:800}.zs-title .name{font-size:calc(20 * var(--u));white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.zs-phases{gap:calc(8 * var(--u));margin:0;padding:0;list-style:none;display:flex}.zs-phases li{height:calc(38 * var(--u));padding:0 calc(14 * var(--u)) 0 calc(8 * var(--u));box-sizing:border-box;align-items:center;gap:calc(8 * var(--u));font-size:calc(14 * var(--u));border-radius:999px;font-weight:600;display:flex}.zs-phases .dot{width:calc(24 * var(--u));height:calc(24 * var(--u));font-size:calc(12 * var(--u));border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.zs-phases .current{background:var(--z-paper);border:1px solid var(--z-paper);color:var(--z-ink);font-weight:800}.zs-phases .current .dot{background:var(--z-ink);color:var(--z-paper)}.zs-phases .done{border:1px solid var(--z-rim);color:var(--z-text2)}.zs-phases .done .dot{background:var(--z-accent);color:var(--z-on-accent);font-size:calc(13 * var(--u))}.zs-phases .upcoming{border:1px dashed var(--z-line);color:var(--z-muted)}.zs-phases .upcoming .dot{background:var(--z-track);color:var(--z-muted)}.zs-right{justify-content:flex-end;align-items:center;gap:calc(20 * var(--u));display:flex}.zs-counter{align-items:baseline;gap:calc(8 * var(--u));font-variant-numeric:tabular-nums;display:flex}.zs-counter .label{font-size:calc(12 * var(--u));letter-spacing:.2em;color:var(--z-text2);font-weight:800}.zs-counter .n{font-size:calc(30 * var(--u));font-weight:700;line-height:1}.zs-counter .of{font-size:calc(20 * var(--u));color:var(--z-text2);font-weight:500}.zs-close{width:calc(44 * var(--u));height:calc(44 * var(--u));border:1px solid var(--z-line);background:var(--z-track);color:var(--z-text);cursor:pointer;font-size:calc(18 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.zs-progress{height:calc(4 * var(--u));margin-top:calc(18 * var(--u));background:var(--z-track);border-radius:999px;flex:none;overflow:hidden}.zs-progress span{background:var(--z-accent);height:100%;transition:width .3s;display:block}.zs-stage{flex-direction:column;flex:1;min-height:0;display:flex}.zs-col{justify-content:center;align-items:center;gap:calc(26 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.zs-center{justify-content:center;align-items:center;gap:calc(16 * var(--u));flex-direction:column;flex:1;display:flex}.zs-error{color:#f2b08e;font-size:calc(16 * var(--u));margin:0}.zs-skip{right:calc(36 * var(--u));bottom:calc(28 * var(--u));height:calc(46 * var(--u));padding:0 calc(18 * var(--u)) 0 calc(20 * var(--u));border:1px solid var(--z-rim);color:var(--z-text2);align-items:center;gap:calc(8 * var(--u));cursor:pointer;background:0 0;border-radius:999px;font-weight:700;display:flex;position:absolute;font-size:calc(15 * var(--u))!important}.zs-skip .icon{font-size:calc(16 * var(--u))}.zs-card{width:calc(780 * var(--u));height:calc(420 * var(--u));box-sizing:border-box;border-radius:calc(32 * var(--u));background:var(--z-paper);border:1px solid var(--z-paper-rim);color:var(--z-ink);box-shadow:0 calc(24 * var(--u)) calc(60 * var(--u)) #060a0873, inset 0 calc(-6 * var(--u)) 0 var(--z-paper-edge);justify-content:center;align-items:center;gap:calc(10 * var(--u));cursor:pointer;padding:calc(30 * var(--u));flex-direction:column;display:flex;position:relative}.zs-card.back{background:var(--z-paper-back);border-color:var(--z-paper-back-rim);box-shadow:0 calc(24 * var(--u)) calc(60 * var(--u)) #060a0873, inset 0 calc(-6 * var(--u)) 0 var(--z-paper-back-edge)}.zs-card.turning{animation:.26s cubic-bezier(.2,.7,.3,1) zsTurn}.zs-card.turning-again{animation:.26s cubic-bezier(.2,.7,.3,1) zsTurnAgain}@keyframes zsTurn{0%{transform:perspective(calc(1400 * var(--u))) rotateY(-80deg) scale(.97)}to{transform:none}}@keyframes zsTurnAgain{0%{transform:perspective(calc(1400 * var(--u))) rotateY(-80deg) scale(.97)}to{transform:none}}@media (prefers-reduced-motion:reduce){.zs-card.turning,.zs-card.turning-again{animation:none}}.zs-card .side{left:calc(28 * var(--u));top:calc(22 * var(--u));font-size:calc(11 * var(--u));letter-spacing:.22em;color:var(--z-faded);font-weight:800;position:absolute}.zs-card-wrap{position:relative}.zs-listen{right:calc(20 * var(--u));top:calc(18 * var(--u));width:calc(68 * var(--u));height:calc(68 * var(--u));border:calc(2 * var(--u)) solid var(--z-ink);color:var(--z-ink);cursor:pointer;opacity:.75;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.zs-listen:hover{opacity:1;background:#0000000f}.zs-listen svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}.zs-card .ar{font-size:calc(104 * var(--u));font-weight:600;line-height:1.25}.zs-card .tr{font-size:calc(36 * var(--u));color:var(--z-translit);font-style:italic;font-weight:500}.zs-card .en{font-size:calc(56 * var(--u));text-align:center;font-weight:600;line-height:1.2}.zs-card .note{font-size:calc(20 * var(--u));color:var(--z-translit);text-align:center}.zs-hint,.zs-instruction{font-size:calc(15 * var(--u));color:var(--z-text2);margin:0}.zs-instruction{font-size:calc(16 * var(--u))}.zs-instruction.big{font-size:calc(22 * var(--u));color:var(--z-text);font-weight:600}.zs-row{gap:calc(12 * var(--u));display:flex}.zs-ghost{height:calc(56 * var(--u));padding:0 calc(26 * var(--u));border:1px solid var(--z-line);background:var(--z-track);color:var(--z-text);align-items:center;gap:calc(10 * var(--u));cursor:pointer;border-radius:999px;flex:none;font-weight:700;display:inline-flex;font-size:calc(16 * var(--u))!important}.zs-ghost .icon{font-size:calc(18 * var(--u))}.zs-ghost:disabled{border-color:var(--z-rim);color:var(--z-disabled);cursor:not-allowed;background:0 0}.zs-accent{height:calc(56 * var(--u));padding:0 calc(28 * var(--u)) 0 calc(30 * var(--u));background:var(--z-accent);color:var(--z-on-accent);align-items:center;gap:calc(10 * var(--u));cursor:pointer;border:none;border-radius:999px;flex:none;font-weight:800;display:inline-flex;font-size:calc(16 * var(--u))!important}.zs-accent .icon{font-size:calc(14 * var(--u))}.zs-accent:disabled{background:var(--z-track);color:var(--z-disabled);cursor:not-allowed}.zs-accent.validate{height:calc(58 * var(--u));padding:0 calc(40 * var(--u));font-size:calc(17 * var(--u))!important}.zs-accent.validate .icon{font-size:calc(18 * var(--u))}.zs-prompt{width:calc(680 * var(--u));min-height:calc(250 * var(--u));box-sizing:border-box;border-radius:calc(30 * var(--u));background:var(--z-paper);border:1px solid var(--z-paper-rim);color:var(--z-ink);box-shadow:0 calc(24 * var(--u)) calc(60 * var(--u)) #060a0873, inset 0 calc(-6 * var(--u)) 0 var(--z-paper-edge);justify-content:center;align-items:center;gap:calc(6 * var(--u));padding:calc(20 * var(--u));flex-direction:column;display:flex}.zs-prompt .ar{font-size:calc(80 * var(--u));text-align:center;font-weight:600;line-height:1.25}.zs-prompt .tr{font-size:calc(30 * var(--u));color:var(--z-translit);font-style:italic;font-weight:500}.zs-options{width:calc(920 * var(--u));gap:calc(16 * var(--u));grid-template-columns:1fr 1fr;display:grid}.zs-option{min-height:calc(92 * var(--u));padding:calc(10 * var(--u)) calc(26 * var(--u));box-sizing:border-box;border-radius:calc(22 * var(--u));background:var(--z-paper);border:1px solid var(--z-paper-rim);color:var(--z-ink);box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) #060a0859, inset 0 calc(-4 * var(--u)) 0 var(--z-paper-edge);align-items:center;gap:calc(16 * var(--u));text-align:left;cursor:pointer;display:flex}.zs-option .label{font-size:calc(25 * var(--u));flex:1;font-weight:600}.zs-option.right{background:var(--z-accent);border:calc(2 * var(--u)) solid var(--z-accent);color:var(--z-on-accent);box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) #060a0859, inset 0 calc(-4 * var(--u)) 0 var(--z-accent-edge);cursor:default}.zs-option .mark{width:calc(38 * var(--u));height:calc(38 * var(--u));background:var(--z-on-accent);color:var(--z-accent);font-size:calc(20 * var(--u));border-radius:50%;justify-content:center;align-items:center;display:flex}.zs-option.wrong{background:var(--z-track);border:1px solid var(--z-rim);color:var(--z-grey);box-shadow:none;cursor:default}.zs-option.wrong .label{text-decoration:line-through}.zs-option .x{font-size:calc(22 * var(--u))}.zs-option:disabled:not(.right):not(.wrong){cursor:default}@keyframes fsShake{0%,to{transform:translate(0)}20%{transform:translateX(calc(-12 * var(--u)))}40%{transform:translateX(calc(12 * var(--u)))}60%{transform:translateX(calc(-7 * var(--u)))}80%{transform:translateX(calc(7 * var(--u)))}}.zs-shake{animation:.45s ease-in-out fsShake}.zs-play{width:calc(150 * var(--u));height:calc(150 * var(--u));background:var(--z-accent);color:var(--z-on-accent);box-shadow:0 calc(18 * var(--u)) calc(44 * var(--u)) #060a0873;cursor:pointer;font-size:calc(64 * var(--u));border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.zs-play.pulsing{animation:1.1s ease-out 2 fsPulse}@keyframes fsPulse{0%{box-shadow:0 0 0 0 var(--z-pulse), 0 calc(18 * var(--u)) calc(44 * var(--u)) #060a0873}to{box-shadow:0 0 0 calc(26 * var(--u)) #c9db6e00, 0 calc(18 * var(--u)) calc(44 * var(--u)) #060a0873}}.zs-col.build{gap:calc(20 * var(--u))}.zs-build-head{align-items:center;gap:calc(8 * var(--u));text-align:center;flex-direction:column;display:flex}.zs-build-head .kicker{font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--z-accent);font-weight:800}.zs-build-head .sentence{font-size:calc(36 * var(--u));font-weight:600}.zs-area{width:calc(1180 * var(--u));min-height:calc(132 * var(--u));box-sizing:border-box;padding:calc(16 * var(--u)) calc(18 * var(--u));border-radius:calc(26 * var(--u));background:var(--z-area);border:1px solid var(--z-rim);gap:calc(12 * var(--u));flex-wrap:wrap;align-items:center;display:flex}.zs-area.empty{border:calc(2 * var(--u)) dashed var(--z-line);justify-content:center}.zs-area.right{border:calc(2 * var(--u)) solid var(--z-accent);background:var(--z-right-area)}.zs-area .placeholder{font-size:calc(18 * var(--u));color:var(--z-muted);font-weight:600}.zs-tile{min-width:calc(74 * var(--u));height:calc(96 * var(--u));padding:0 calc(20 * var(--u));box-sizing:border-box;border-radius:calc(18 * var(--u));background:var(--z-paper);border:1px solid var(--z-paper-rim);color:var(--z-ink);box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) #060a0859, inset 0 calc(-4 * var(--u)) 0 var(--z-paper-edge);justify-content:center;align-items:center;gap:calc(2 * var(--u));cursor:pointer;flex-direction:column;display:inline-flex}.zs-tile .ar{font-size:calc(36 * var(--u));font-weight:600;line-height:1.2}.zs-tile .tr{font-size:calc(15 * var(--u));color:var(--z-translit);font-style:italic;font-weight:500}.zs-tile.right{background:var(--z-accent);border-color:var(--z-accent-edge);color:var(--z-on-accent);box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) #060a0859, inset 0 calc(-4 * var(--u)) 0 var(--z-accent-edge)}.zs-tile.right .tr{color:var(--z-on-accent)}.zs-tile.slot{border:1.5px dashed var(--z-line);box-shadow:none;cursor:default;background:0 0}.zs-tile.slot>*{visibility:hidden}.zs-feedback{height:calc(48 * var(--u));align-items:baseline;gap:calc(16 * var(--u));color:var(--z-accent);margin:0;display:flex}.zs-feedback .ar{font-size:calc(36 * var(--u));font-weight:700}.zs-feedback .tr{font-size:calc(22 * var(--u));font-weight:800}.zs-bank{width:calc(1180 * var(--u));justify-content:center;gap:calc(12 * var(--u));flex-wrap:wrap;display:flex}.zs-recap{min-height:0;padding-top:calc(26 * var(--u));gap:calc(22 * var(--u));flex-direction:column;flex:1;display:flex}.zs-recap-top{justify-content:space-between;align-items:flex-end;display:flex}.zs-recap-top .kicker{font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--z-accent);font-weight:800}.zs-recap-top h2{margin:calc(4 * var(--u)) 0 0;font-size:calc(34 * var(--u));font-weight:600}.zs-score{align-items:baseline;gap:calc(10 * var(--u));font-variant-numeric:tabular-nums;display:flex}.zs-score .n{font-size:calc(88 * var(--u));color:var(--z-accent);font-weight:800;line-height:.9}.zs-score .of{font-size:calc(40 * var(--u));color:var(--z-text2);font-weight:500}.zs-recap-cards{gap:calc(22 * var(--u));flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.zs-recap-card{border-radius:calc(24 * var(--u));background:var(--z-area);border:1px solid var(--z-rim);flex-direction:column;min-height:0;display:flex}.zs-recap-card h3{height:calc(58 * var(--u));padding:0 calc(22 * var(--u));align-items:center;gap:calc(10 * var(--u));font-size:calc(18 * var(--u));border-bottom:1px solid var(--z-rim);flex:none;margin:0;font-weight:700;display:flex}.zs-recap-card .star{color:var(--z-accent);font-size:calc(18 * var(--u))}.zs-recap-card .tricky{color:#f2b08e;font-size:calc(18 * var(--u))}.zs-words{padding:calc(6 * var(--u)) calc(22 * var(--u)) calc(12 * var(--u));scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex:1;min-height:0;margin:0;list-style:none;overflow-y:auto}.zs-words li{min-height:calc(50 * var(--u));box-sizing:border-box;padding-top:calc(10 * var(--u));align-items:baseline;gap:calc(14 * var(--u));border-bottom:1px solid var(--z-highlight);white-space:nowrap;display:flex;overflow:hidden}.zs-words .ar{font-size:calc(24 * var(--u));font-weight:600}.zs-words .tr{font-size:calc(16 * var(--u));color:var(--z-text2);font-style:italic}.zs-words .en{font-size:calc(15 * var(--u));color:var(--z-muted);text-overflow:ellipsis;overflow:hidden}.zs-footer{height:calc(64 * var(--u));align-items:center;gap:calc(14 * var(--u));flex:none;display:flex}.zs-status{font-size:calc(16 * var(--u));flex:1;align-items:center;font-weight:600;display:flex}.zs-status .saving{align-items:center;gap:calc(12 * var(--u));color:var(--z-text2);display:flex}.zs-status .spinner{width:calc(22 * var(--u));height:calc(22 * var(--u));box-sizing:border-box;border:calc(3 * var(--u)) solid var(--z-rim);border-top-color:var(--z-accent);border-radius:50%;animation:.9s linear infinite fsSpin}@keyframes fsSpin{to{transform:rotate(360deg)}}.zs-status .saved{align-items:center;gap:calc(12 * var(--u));color:var(--z-accent);display:flex}.zs-status .saved .icon{font-size:calc(20 * var(--u))}.zs-status .failed{height:calc(52 * var(--u));padding:0 calc(8 * var(--u)) 0 calc(18 * var(--u));border-radius:calc(16 * var(--u));color:#ffe3d6;align-items:center;gap:calc(14 * var(--u));background:#4a2f27;border:1px solid #8a4e3e;display:flex}.zs-status .failed button{height:calc(38 * var(--u));padding:0 calc(16 * var(--u));color:#3a1c12;cursor:pointer;background:#f2b08e;border:none;border-radius:999px;font-weight:800;font-size:calc(14 * var(--u))!important}@media (prefers-reduced-motion:reduce){.zs-shake,.zs-play.pulsing,.zs-status .spinner{animation:none}}.zs-tile{touch-action:none;-webkit-user-select:none;user-select:none}.zs-tile.lifted{opacity:.3}.zs-dragged{z-index:30;pointer-events:none;box-shadow:0 calc(18 * var(--u)) calc(34 * var(--u)) #060a0873, inset 0 calc(-4 * var(--u)) 0 var(--z-paper-edge);margin:0;position:fixed;transform:scale(1.06)rotate(-2deg)}.zs-area.target{border-color:var(--z-accent)}.zs-caret{width:calc(5 * var(--u));min-height:calc(80 * var(--u));background:var(--z-accent);border-radius:999px;align-self:stretch;animation:.9s ease-in-out infinite zs-caret}@keyframes zs-caret{50%{opacity:.45}}.zs-tile.wrong{border:calc(2.5 * var(--u)) solid #e07a5f;box-shadow:0 0 0 calc(4 * var(--u)) #e07a5f40, 0 calc(8 * var(--u)) calc(18 * var(--u)) #060a0859}.zs-wrong-line{color:#f2b08e;font-size:calc(17 * var(--u));font-weight:600}.zs-builder{display:contents}.zs-area,.zs-bank{flex:none}.zs-builder.compact .zs-area,.zs-builder.compact .zs-bank{gap:calc(8 * var(--u))}.zs-builder.compact .zs-area{padding:calc(12 * var(--u));min-height:calc(100 * var(--u))}.zs-builder.compact .zs-tile,.zs-tile.zs-dragged.compact{height:calc(74 * var(--u));min-width:calc(56 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(15 * var(--u))}.zs-builder.compact .zs-tile .ar,.zs-tile.zs-dragged.compact .ar{font-size:calc(28 * var(--u))}.zs-builder.compact .zs-tile .tr,.zs-tile.zs-dragged.compact .tr{font-size:calc(13 * var(--u))}.zs-builder.compact .zs-caret{min-height:calc(62 * var(--u))}.fc-panel{width:calc(880 * var(--u));height:calc(920 * var(--u));max-height:calc(100vh - 32 * var(--u));box-sizing:border-box;padding:calc(24 * var(--u)) calc(28 * var(--u));gap:calc(16 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);border-radius:calc(32 * var(--u));box-shadow:var(--shadow-modal);color:var(--text);font-family:var(--latin);flex-direction:column;display:flex;position:relative}.fc-panel [lang=ar]{font-family:var(--arabic)}:where(.fc-panel) button{font:inherit;color:inherit}.fc-panel :focus-visible{outline:calc(2 * var(--u)) solid var(--accent);outline-offset:calc(2 * var(--u))}.fc-header{min-height:calc(56 * var(--u));justify-content:space-between;align-items:center;gap:calc(16 * var(--u));flex:none;display:flex}.fc-scroll{scrollbar-width:thin;scrollbar-color:var(--field-rim) transparent;margin-right:calc(-10 * var(--u));padding-right:calc(6 * var(--u));overflow-y:auto}.fc-scroll::-webkit-scrollbar{width:10px}.fc-scroll::-webkit-scrollbar-thumb{background:var(--field-rim);border:3px solid var(--panel);border-radius:999px}.fc-alphabet{min-height:calc(96 * var(--u));box-sizing:border-box;border-radius:calc(22 * var(--u));background:var(--selected);padding:calc(10 * var(--u)) calc(16 * var(--u)) calc(10 * var(--u)) calc(14 * var(--u));align-items:center;gap:calc(18 * var(--u));border:1px solid #9a7a5a;flex:none;display:flex}.fc-alphabet .badge{width:calc(68 * var(--u));height:calc(68 * var(--u));border-radius:calc(18 * var(--u));background:var(--accent);color:var(--on-accent);font-size:calc(30 * var(--u));flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.fc-alphabet .text{gap:calc(3 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.fc-alphabet .kicker{font-size:calc(11 * var(--u));letter-spacing:.22em;color:var(--accent-text);font-weight:800}.fc-alphabet .title{font-size:calc(20 * var(--u));font-weight:700}.fc-alphabet .sub{font-size:calc(14 * var(--u));color:var(--text-2)}.fc-primary{height:calc(48 * var(--u));padding:0 calc(22 * var(--u)) 0 calc(18 * var(--u));background:var(--accent);align-items:center;gap:calc(8 * var(--u));cursor:pointer;border:none;border-radius:999px;flex:none;font-weight:800;display:inline-flex;color:var(--on-accent)!important;font-size:calc(15 * var(--u))!important}.fc-primary .play{font-size:calc(14 * var(--u))}.fc-quiet{height:calc(40 * var(--u));padding:0 calc(12 * var(--u));cursor:pointer;background:0 0;border:none;flex:none;font-weight:700;color:var(--accent-text)!important;font-size:calc(14 * var(--u))!important}.fc-list{flex:1;min-height:0;margin:0;padding:0;list-style:none}.fc-row{min-height:calc(78 * var(--u));padding:0 calc(6 * var(--u)) 0 calc(14 * var(--u));grid-template-columns:minmax(0, 1fr) calc(200 * var(--u)) calc(122 * var(--u)) calc(104 * var(--u));column-gap:calc(14 * var(--u));border-bottom:1px solid var(--field);align-items:center;display:grid}.fc-row .name{flex-direction:column;min-width:0;display:flex}.fc-row .title{font-size:calc(17 * var(--u));white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.fc-row .preview{font-size:calc(13 * var(--u));color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fc-row .score{text-align:right;font-size:calc(15 * var(--u));font-variant-numeric:tabular-nums;font-weight:800}.fc-row .score .dim{font-size:calc(13 * var(--u));color:var(--text-2);font-weight:500}.fc-row .score em{font-size:calc(13 * var(--u));color:var(--placeholder);font-weight:500}.fc-row .badge-cell{justify-content:center;display:flex}.fc-mastered{height:calc(28 * var(--u));padding:0 calc(11 * var(--u)) 0 calc(9 * var(--u));background:var(--accent);color:var(--on-accent);font-size:calc(12 * var(--u));letter-spacing:.02em;align-items:center;gap:calc(5 * var(--u));border-radius:999px;font-weight:800;display:inline-flex}.fc-mastered .icon{font-size:calc(13 * var(--u))}.fc-train{height:calc(40 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(13 * var(--u));background:var(--field);border:1px solid var(--field-rim);justify-content:center;align-items:center;gap:calc(7 * var(--u));cursor:pointer;border-radius:999px;font-weight:700;display:inline-flex;font-size:calc(14 * var(--u))!important}.fc-train .play{font-size:calc(12 * var(--u));color:var(--accent)}.fc-vocab-button{min-height:calc(72 * var(--u));border-radius:calc(20 * var(--u));background:var(--field);border:1px solid var(--field-rim);padding:0 calc(20 * var(--u));align-items:center;gap:calc(16 * var(--u));cursor:pointer;text-align:left;flex:none;display:flex}.fc-vocab-button>.icon:first-child{font-size:calc(26 * var(--u));color:var(--accent-text)}.fc-vocab-button .text{flex-direction:column;flex:1;display:flex}.fc-vocab-button strong{font-size:calc(16 * var(--u))}.fc-vocab-button .text span{font-size:calc(13 * var(--u));color:var(--text-2)}.fc-vocab-button .chevron{font-size:calc(18 * var(--u));color:var(--text-2)}.fc-empty{border:1.5px dashed var(--field-rim);border-radius:calc(22 * var(--u));justify-content:center;align-items:center;gap:calc(12 * var(--u));color:var(--text-2);font-size:calc(14 * var(--u));text-align:center;padding:calc(20 * var(--u));flex-direction:column;flex:1;display:flex}.fc-empty .big{font-size:calc(40 * var(--u))}.fc-empty strong{font-size:calc(18 * var(--u));color:var(--text);font-weight:600}.fc-vocab-head{align-items:center;gap:calc(18 * var(--u));display:flex}.fc-vocab-head .fc-search{margin-left:auto}.fc-vocab-head .count{font-size:calc(14 * var(--u));color:var(--text-2);font-variant-numeric:tabular-nums}.fc-search{width:calc(340 * var(--u));height:calc(44 * var(--u));box-sizing:border-box;background:var(--field);border:1px solid var(--field-rim);padding:0 calc(14 * var(--u));align-items:center;gap:calc(10 * var(--u));border-radius:999px;flex:none;display:flex}.fc-search .icon{font-size:calc(18 * var(--u));color:var(--text-2)}.fc-search input{min-width:0;color:var(--text);font-family:var(--latin);font-size:calc(15 * var(--u));background:0 0;border:none;outline:none;flex:1}.fc-search input::placeholder{color:var(--placeholder)}.fc-search:focus-within{outline:calc(2 * var(--u)) solid var(--accent)}.fc-words{gap:calc(8 * var(--u));flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;min-height:0;margin:0;padding:0;list-style:none;display:grid}.fc-words li{min-height:calc(98 * var(--u));box-sizing:border-box;border-radius:calc(14 * var(--u));background:var(--field);padding:calc(8 * var(--u)) calc(12 * var(--u));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.fc-words .ar{font-size:calc(25 * var(--u));font-weight:600;line-height:1.3}.fc-words .tr{font-size:calc(14 * var(--u));color:var(--accent-text);font-weight:700}.fc-words .en{font-size:calc(13 * var(--u));color:var(--text-2)}.fc-none{padding:calc(40 * var(--u)) 0;text-align:center;font-size:calc(15 * var(--u));color:var(--text-2);margin:0}.fc-row.levels{grid-template-columns:minmax(0, 1fr) calc(160 * var(--u)) calc(80 * var(--u)) calc(104 * var(--u))}.fc-tabs{height:calc(56 * var(--u));box-sizing:border-box;padding:calc(5 * var(--u));gap:calc(5 * var(--u));border-radius:calc(18 * var(--u));border:1px solid var(--field);background:#4a3f34;flex:1;grid-template-columns:repeat(3,1fr);display:grid}.fc-tab{border-radius:calc(13 * var(--u));cursor:pointer;background:0 0;border:none;font-weight:600;color:var(--text-2)!important;font-size:calc(16 * var(--u))!important}.fc-tab[aria-selected=true]{background:var(--accent);box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) #140c0459;font-weight:800;color:var(--on-accent)!important}.fc-create{min-height:calc(64 * var(--u));border-radius:calc(20 * var(--u));border:1.5px dashed var(--accent);letter-spacing:.16em;justify-content:center;align-items:center;gap:calc(10 * var(--u));cursor:pointer;background:#6a5848;flex:none;font-weight:800;display:flex;color:var(--accent-text)!important;font-size:calc(15 * var(--u))!important}.fc-create .icon{font-size:calc(20 * var(--u))}.fc-create:disabled{opacity:.6;cursor:default}.fc-row.sets{grid-template-columns:minmax(0, 1fr) calc(112 * var(--u)) auto;min-height:calc(80 * var(--u))}.fc-row.community{grid-template-columns:minmax(0,1fr) auto}.fc-row .preview b{color:var(--accent-text)}.fc-visibility{height:calc(28 * var(--u));padding:0 calc(11 * var(--u));border:1px solid var(--field-rim);color:var(--text-2);font-size:calc(12 * var(--u));border-radius:999px;justify-self:start;align-items:center;font-weight:700;display:inline-flex}.fc-visibility.public{border-color:var(--accent);color:var(--accent-text)}.fc-actions{align-items:center;gap:calc(6 * var(--u));display:flex}.fc-quiet.danger{font-weight:600;color:#ffb4a2!important}.fc-confirm{width:calc(460 * var(--u));box-sizing:border-box;padding:calc(28 * var(--u));border-radius:calc(26 * var(--u));background:var(--panel);border:1px solid var(--panel-rim);box-shadow:var(--shadow-modal);gap:calc(10 * var(--u));text-align:center;z-index:3;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fc-confirm strong{font-size:calc(20 * var(--u))}.fc-confirm p{margin:0 0 calc(8 * var(--u));color:var(--text-2);font-size:calc(15 * var(--u))}.fc-confirm .row{gap:calc(12 * var(--u));justify-content:center;display:flex}.fc-confirm .menu-primary{width:auto;padding:0 calc(26 * var(--u));height:calc(48 * var(--u))}.fc-state{justify-content:center;align-items:center;gap:calc(14 * var(--u));font-size:calc(17 * var(--u));color:var(--text-2);text-align:center;flex-direction:column;flex:1;font-weight:600;display:flex}.fc-state strong{font-size:calc(19 * var(--u));color:var(--text);font-weight:700}.fc-state span{font-size:calc(15 * var(--u));font-weight:400}.fc-spinner{width:calc(44 * var(--u));height:calc(44 * var(--u));box-sizing:border-box;border:calc(4 * var(--u)) solid var(--field);border-top-color:var(--accent);border-radius:50%;animation:.9s linear infinite fcSpin}@keyframes fcSpin{to{transform:rotate(360deg)}}.fc-editor{gap:calc(14 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.fc-editor-head{gap:calc(14 * var(--u));grid-template-columns:1fr 1fr auto;align-items:end;display:grid}.fc-editor .opt{letter-spacing:.04em;text-transform:none;color:var(--text-2);font-weight:600}.fc-public{align-items:center;gap:calc(12 * var(--u));height:calc(52 * var(--u));display:flex}.fc-public .label{font-size:calc(15 * var(--u));flex-direction:column;font-weight:700;display:flex}.fc-public .sub{font-size:calc(12 * var(--u));color:var(--text-2);font-weight:400}.fc-cards{gap:calc(8 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.fc-card-row{grid-template-columns:calc(26 * var(--u)) 1fr 1fr 1fr 1.4fr;gap:calc(8 * var(--u));align-items:center;display:grid}.fc-card-row.head{font-size:calc(11 * var(--u));letter-spacing:.16em;color:var(--accent-text);font-weight:800}.fc-card-row .num{font-size:calc(14 * var(--u));color:var(--text-2);text-align:right;font-weight:800}.fc-card-row .menu-input{height:calc(44 * var(--u));padding:0 calc(12 * var(--u));font-size:calc(15 * var(--u));border-radius:calc(12 * var(--u))}.fc-card-row .menu-input[lang=ar]{font-family:var(--arabic);font-size:calc(18 * var(--u))}.fc-card-row .menu-input.bad{border-color:var(--error)}.fc-cards>.fc-quiet{align-self:flex-start}.fc-editor-foot{justify-content:flex-end;gap:calc(12 * var(--u));display:flex}.phone{right:calc(40 * var(--u));bottom:calc(28 * var(--u));z-index:20;width:calc(424 * var(--u));height:calc(740 * var(--u));box-sizing:border-box;border-radius:calc(58 * var(--u));box-shadow:0 calc(28 * var(--u)) calc(64 * var(--u)) #140c0473, 0 calc(6 * var(--u)) calc(14 * var(--u)) #140c0440, inset 0 1.5px 0 #a88c70, inset 0 0 0 1px #5a4636;font-family:var(--latin);color:var(--text);background:linear-gradient(160deg,#8c735b 0%,#7a6148 48%,#69523f 100%);animation:.42s cubic-bezier(.65,0,.35,1) ph-up;position:fixed}.phone [lang=ar]{font-family:var(--arabic)}.phone :where(button){font:inherit;color:inherit}.phone.ringing{transform-origin:50% 90%;animation:.42s cubic-bezier(.65,0,.35,1) ph-up,1.7s .42s infinite ph-buzz}.phone.away{transform:translateY(calc(140 * var(--u)));opacity:0;transition:transform .42s cubic-bezier(.65,0,.35,1),opacity .32s;animation:none}@keyframes ph-up{0%{transform:translateY(calc(140 * var(--u)));opacity:0}to{opacity:1;transform:none}}@keyframes ph-buzz{0%{transform:none}3%{transform:translateX(calc(-3 * var(--u))) rotate(-1.2deg)}6%{transform:translateX(calc(3 * var(--u))) rotate(1.2deg)}9%{transform:translateX(calc(-3 * var(--u))) rotate(-1deg)}12%{transform:translateX(calc(2.5 * var(--u))) rotate(.9deg)}15%{transform:translateX(calc(-2 * var(--u))) rotate(-.7deg)}18%{transform:translateX(calc(1.5 * var(--u))) rotate(.5deg)}21%{transform:translateX(calc(-1 * var(--u))) rotate(-.3deg)}24%{transform:translateX(calc(.5 * var(--u))) rotate(.1deg)}27%,to{transform:none}}.phone .key{width:calc(5 * var(--u));border-radius:calc(3 * var(--u));background:#69523f;position:absolute;box-shadow:inset 0 1px #8c735b}.phone .key.l1{left:calc(-3 * var(--u));top:calc(150 * var(--u));height:calc(44 * var(--u))}.phone .key.l2{left:calc(-3 * var(--u));top:calc(204 * var(--u));height:calc(44 * var(--u))}.phone .key.r1{right:calc(-3 * var(--u));top:calc(176 * var(--u));height:calc(72 * var(--u))}.phone-buzz{top:calc(150 * var(--u));width:calc(30 * var(--u));height:calc(110 * var(--u));color:var(--text);opacity:0;animation:1.7s .42s infinite ph-vib;position:absolute}.phone-buzz.left{left:calc(-38 * var(--u))}.phone-buzz.right{right:calc(-38 * var(--u))}@keyframes ph-vib{0%,2%{opacity:0}3%,24%{opacity:1}25%,to{opacity:0}}.phone-screen{left:calc(12 * var(--u));top:calc(14 * var(--u));width:calc(400 * var(--u));height:calc(712 * var(--u));border-radius:calc(46 * var(--u));background:var(--panel);box-shadow:0 0 0 calc(3 * var(--u)) var(--deep);flex-direction:column;display:flex;position:absolute;overflow:hidden}.phone-status{height:calc(34 * var(--u));padding:0 calc(28 * var(--u)) 0 calc(32 * var(--u));font-size:calc(13 * var(--u));font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;font-weight:800;display:flex;position:relative}.phone-status .island{left:50%;top:calc(9 * var(--u));width:calc(88 * var(--u));height:calc(22 * var(--u));border-radius:calc(12 * var(--u));background:var(--deep);position:absolute;transform:translate(-50%)}.phone-status .icons{align-items:center;gap:calc(7 * var(--u));display:flex}.phone-status .icons svg:first-child{width:calc(18 * var(--u));height:calc(12 * var(--u))}.phone-status .icons svg:last-child{width:calc(26 * var(--u));height:calc(12 * var(--u))}.phone-portrait{width:calc(36 * var(--u));height:calc(36 * var(--u));background-color:var(--contact);image-rendering:pixelated;box-shadow:inset 0 0 0 calc(2 * var(--u)) #fff6ea59;background-repeat:no-repeat;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.phone-portrait.big{width:calc(216 * var(--u));height:calc(216 * var(--u));box-shadow:inset 0 0 0 calc(4 * var(--u)) #fff6ea59;animation:1.7s ease-in-out infinite ph-breath}.phone-portrait .initial{color:#fff;font-weight:700;font-size:calc(18 * var(--u));margin-top:calc(-1.5 * var(--u))}.phone-portrait.big .initial{font-size:calc(108 * var(--u));margin-top:calc(-9 * var(--u))}@keyframes ph-breath{50%{transform:scale(1.035)}}.phone-ring{padding-top:calc(30 * var(--u));background:radial-gradient(120% 70% at 50% 30%, color-mix(in srgb, var(--contact) 50%, transparent) 0%, #5f524400 62%), linear-gradient(#5f5244, #4e4236);flex-direction:column;flex:1;align-items:center;display:flex}.phone-face{width:calc(216 * var(--u));height:calc(216 * var(--u));position:relative}.phone-face .ring{border:calc(3 * var(--u)) solid var(--contact);border-radius:50%;animation:1.7s ease-out infinite ph-ring;position:absolute;inset:0}.phone-face .ring.second{animation-delay:.85s}@keyframes ph-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.42)}}.phone-ring .name-ar{margin-top:calc(20 * var(--u));font-size:calc(36 * var(--u));font-weight:700;line-height:1.15}.phone-ring .name-en{font-size:calc(18 * var(--u));letter-spacing:.02em;color:var(--accent-text);font-weight:700}.phone-ring .incoming{margin-top:calc(12 * var(--u));align-items:baseline;gap:calc(10 * var(--u));color:var(--text-2);display:flex}.phone-ring .incoming [lang=ar]{font-size:calc(17 * var(--u));font-weight:500}.phone-ring .incoming span:last-child{font-size:calc(14 * var(--u));font-weight:600}.phone .dot{width:calc(4 * var(--u));height:calc(4 * var(--u));margin-left:calc(3 * var(--u));background:currentColor;border-radius:50%;animation:1.2s infinite ph-dot;display:inline-block}.phone .dot:nth-of-type(2){animation-delay:.2s}.phone .dot:nth-of-type(3){animation-delay:.4s}@keyframes ph-dot{0%,to{opacity:.25}50%{opacity:1}}.phone-buttons{margin-top:auto;margin-bottom:calc(30 * var(--u));padding:0 calc(52 * var(--u));justify-content:space-between;align-self:stretch;display:flex}.phone-buttons button{color:var(--text-2);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:0;padding:0;line-height:1.15;display:flex}.phone-buttons .disc{width:calc(76 * var(--u));height:calc(76 * var(--u));color:#fff;margin-bottom:calc(10 * var(--u));border-radius:50%;justify-content:center;align-items:center;display:flex}.phone-buttons [lang=ar]{font-size:calc(17 * var(--u));font-weight:600}.phone-buttons span:last-child{font-size:calc(13 * var(--u));font-weight:700}.phone-buttons .decline .disc{box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) #5a140a59;background:#e0574a}.phone-buttons .decline:hover .disc{background:#ea6a5d}.phone-buttons .decline svg{width:calc(34 * var(--u));height:calc(34 * var(--u))}.phone-buttons .answer .disc{background:#3fb56a;animation:1.7s infinite ph-answer}.phone-buttons .answer:hover .disc{background:#4cc478}.phone-buttons .answer svg{width:calc(32 * var(--u));height:calc(32 * var(--u))}@keyframes ph-answer{0%{box-shadow:0 0 #3fb56a8c}70%,to{box-shadow:0 0 0 calc(16 * var(--u)) #3fb56a00}}.phone button:focus-visible{outline:calc(3 * var(--u)) solid var(--text);outline-offset:calc(4 * var(--u))}.phone-call{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.phone-head{height:calc(62 * var(--u));box-sizing:border-box;padding:0 calc(14 * var(--u)) 0 calc(18 * var(--u));align-items:center;gap:calc(11 * var(--u));border-bottom:1px solid var(--rule);flex:none;display:flex}.phone-head .who{flex-direction:column;min-width:0;display:flex}.phone-head .names{align-items:baseline;gap:calc(8 * var(--u));display:flex}.phone-head .names .ar{font-size:calc(20 * var(--u));font-weight:700}.phone-head .names .en{font-size:calc(13 * var(--u));color:var(--accent-text);font-weight:700}.phone-head .clock{align-items:center;gap:calc(6 * var(--u));font-size:calc(12 * var(--u));font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:700;display:flex}.phone-head .clock i{width:calc(7 * var(--u));height:calc(7 * var(--u));background:#3fb56a;border-radius:50%}.phone-head .end{width:calc(44 * var(--u));height:calc(44 * var(--u));color:#fff;box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) #5a140a4d;cursor:pointer;background:#e0574a;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.phone-head .end:hover{background:#ea6a5d}.phone-head .end svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.phone-log{scrollbar-width:none;min-height:0;padding:calc(14 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));gap:calc(9 * var(--u));-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 calc(22 * var(--u)));-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 calc(22 * var(--u)));mask-image:linear-gradient(to bottom, transparent 0, #000 calc(22 * var(--u)));flex-direction:column;flex:1;display:flex;overflow-y:auto}.phone-log::-webkit-scrollbar{display:none}.phone-log>:first-child{margin-top:auto}.bubble{flex-direction:column;gap:1px;line-height:1.3;animation:.25s ease-out ph-msg;display:flex}@keyframes ph-msg{0%{transform:translateY(calc(8 * var(--u)));opacity:0}to{opacity:1;transform:none}}.bubble.them{max-width:calc(332 * var(--u));box-sizing:border-box;padding:calc(9 * var(--u)) calc(13 * var(--u)) calc(10 * var(--u));border-radius:calc(18 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u)) calc(6 * var(--u));background:var(--text);color:var(--deep);align-self:flex-start}.bubble.them .ar{font-size:calc(22 * var(--u));text-align:right;font-weight:500}.bubble.them .tr{font-size:calc(14 * var(--u));color:#8a5a2a;font-style:italic;font-weight:600}.bubble.them .en{font-size:calc(13 * var(--u));color:#6e5e4c;font-weight:500}.bubble.them .en.alone{font-size:calc(15 * var(--u));color:var(--deep)}.bubble.me{max-width:calc(300 * var(--u));box-sizing:border-box;padding:calc(8 * var(--u)) calc(13 * var(--u)) calc(9 * var(--u));border-radius:calc(18 * var(--u)) calc(18 * var(--u)) calc(6 * var(--u)) calc(18 * var(--u));background:var(--accent);color:var(--on-accent);align-self:flex-end}.bubble.me .ar{font-size:calc(18 * var(--u));text-align:right;font-weight:600}.bubble.me .en{font-size:calc(12 * var(--u));color:#5a3612;font-weight:700}.bubble.me .en.alone{font-size:calc(14 * var(--u));color:var(--on-accent)}.bubble.typing{padding:calc(12 * var(--u)) calc(16 * var(--u));gap:calc(4 * var(--u));color:#8a7660;flex-direction:row}.bubble.typing .dot{width:calc(7 * var(--u));height:calc(7 * var(--u));margin:0;animation-duration:1.1s}.bubble.typing .dot:nth-of-type(2){animation-delay:.18s}.bubble.typing .dot:nth-of-type(3){animation-delay:.36s}.phone-tray{padding:calc(10 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u));gap:calc(8 * var(--u));background:var(--inset);border-top:1px solid var(--field);flex-direction:column;flex:none;display:flex}.phone-tray button{text-align:left;padding:calc(7 * var(--u)) calc(14 * var(--u)) calc(8 * var(--u));border-radius:calc(16 * var(--u));background:var(--field);border:1px solid var(--field-rim);cursor:pointer;flex-direction:column;line-height:1.3;animation:.25s ease-out ph-msg;display:flex}.phone-tray button:hover{background:var(--selected);border-color:var(--accent)}.phone-tray button:focus-visible{outline:calc(3 * var(--u)) solid var(--accent);outline-offset:calc(2 * var(--u))}.phone-tray .ar{font-size:calc(18 * var(--u));text-align:right;font-weight:500}.phone-tray .tr{font-size:calc(13 * var(--u));color:var(--accent-text);font-weight:600}.phone-tray .en{font-size:calc(12 * var(--u));color:var(--text-2)}.phone-tray .en:only-child{font-size:calc(14 * var(--u));color:var(--text)}.phone-ended{justify-content:center;align-items:center;gap:calc(6 * var(--u));text-align:center;padding:0 calc(24 * var(--u));background:#2e2016db;flex-direction:column;animation:.3s ease-out ph-in;display:flex;position:absolute;inset:0}@keyframes ph-in{0%{transform:translateY(calc(40 * var(--u)));opacity:0}to{opacity:1;transform:none}}.phone-ended .disc{width:calc(64 * var(--u));height:calc(64 * var(--u));color:#fff;margin-bottom:calc(8 * var(--u));background:#e0574a;border-radius:50%;justify-content:center;align-items:center;display:flex}.phone-ended .disc svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}.phone-ended .ar{font-size:calc(26 * var(--u));font-weight:700}.phone-ended .en{font-size:calc(15 * var(--u));color:var(--text-2);font-weight:700}.phone-ended .time{font-size:calc(13 * var(--u));font-variant-numeric:tabular-nums;color:var(--accent-text);font-weight:700}.phone-ended .err{margin-top:calc(10 * var(--u));font-size:calc(13 * var(--u));color:#ffb4a2}.phone-ended .retry{margin-top:calc(6 * var(--u));height:calc(40 * var(--u));padding:0 calc(18 * var(--u));background:var(--accent);cursor:pointer;border:none;border-radius:999px;font-weight:800;color:var(--on-accent)!important}@media (prefers-reduced-motion:reduce){.phone.ringing,.phone-buzz,.phone-face .ring,.phone-portrait.big,.phone-buttons .answer .disc{animation:none}.phone.ringing{animation:.42s cubic-bezier(.65,0,.35,1) ph-up}.phone-face .ring{display:none}}.bk-screen{z-index:10;background:radial-gradient(at 50% 46%,#1e130a61 0%,#180f0899 70%,#120b06b8 100%);position:fixed;inset:0;overflow:hidden}.bk-stage{transform-origin:50%;width:1920px;height:1080px;font-family:var(--latin);color:#2e241a;position:absolute;top:50%;left:50%}.bk-stage :where(button){font:inherit;color:inherit}.f-ar{font-family:Amiri,serif}.f-zi{font-family:EB Garamond,serif}.bk-book{background-color:#5b3e2a;background-image:radial-gradient(circle at 0 0,#d6b28447 0,#d6b28400 34px),radial-gradient(circle at 100% 0,#d6b2843d 0,#d6b28400 30px),radial-gradient(circle at 0 100%,#d6b28442 0,#d6b28400 36px),radial-gradient(circle at 100% 100%,#d6b2844d 0,#d6b28400 40px),linear-gradient(90deg,#0000 48.2%,#160c058c 50%,#0000 51.8%),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.25' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.07 0 0 0 0 0.03 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23c)'/%3E%3C/svg%3E");border-radius:12px;width:1316px;height:916px;position:absolute;top:42px;left:302px;box-shadow:0 34px 90px #080401b3,0 10px 26px #08040180,inset 0 0 0 1px #ffe2be1a,inset 0 -5px #1e120a8c,inset 0 3px #ffe2be0f}.bk-block{z-index:0;width:628px;height:880px;position:absolute;top:14px}.bk-block.left{left:30px}.bk-block.right{left:658px}.bk-block>span{border-radius:3px;width:628px;height:880px;position:absolute}.bk-ribbon{z-index:3;clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);background:linear-gradient(90deg,#6e2a20,#8e3b2e 30%,#a9503f 55%,#8e3b2e 75%,#6e2a20);width:26px;height:96px;position:absolute;top:860px;left:645px;box-shadow:0 4px 8px #08040166}.bk-spread{z-index:1;perspective:5200px;perspective-origin:50% 45%;width:1256px;height:880px;position:absolute;top:14px;left:30px}.bk-pages{position:absolute;inset:0;overflow:hidden}.bk-page{background-color:#f2e7d0;width:628px;height:880px;position:absolute;top:0}.bk-page.pg-l{background-image:linear-gradient(270deg,#4a30165c 0,#4a301621 16px,#4a30160b 50px,#4a301600 92px),linear-gradient(90deg,#78542824 0,#78542800 42px),linear-gradient(#78542814 0,#78542800 34px 840px,#7854281a 880px),radial-gradient(circle at 16% 86%,#96622c1f 0,#96622c00 22px),radial-gradient(circle at 70% 9%,#96622c17 0,#96622c00 14px),radial-gradient(circle at 9% 30%,#96622c12 0,#96622c00 10px),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.30 0 0 0 0 0.16 0 0 0 0.11 0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.38 0 0 0 0 0.16 0 0 0 0.22 -0.06'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23b)'/%3E%3C/svg%3E");border-radius:3px 0 0 3px;left:0}.bk-page.pg-r{background-image:linear-gradient(90deg,#4a30165c 0,#4a301621 16px,#4a30160b 50px,#4a301600 92px),linear-gradient(270deg,#78542824 0,#78542800 42px),linear-gradient(#78542814 0,#78542800 34px 840px,#7854281a 880px),radial-gradient(circle at 88% 78%,#96622c1c 0,#96622c00 20px),radial-gradient(circle at 34% 6%,#96622c14 0,#96622c00 12px),radial-gradient(circle at 93% 22%,#96622c14 0,#96622c00 9px),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.30 0 0 0 0 0.16 0 0 0 0.11 0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.38 0 0 0 0 0.16 0 0 0 0.22 -0.06'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23b)'/%3E%3C/svg%3E");background-position:0 0,0 0,0 0,0 0,0 0,0 0,120px 60px,-200px -140px;border-radius:0 3px 3px 0;left:628px}.bk-state{text-align:center;color:#f2e7d0;height:fit-content;margin:auto;font-size:26px;position:absolute;inset:0}.bk-num{text-align:center;color:#8c7a62;width:628px;font-family:Amiri,serif;font-size:21px;line-height:30px;position:absolute;top:814px}.bk-num.left{left:0}.bk-num.right{left:628px}.bk-on-left,.bk-on-right{box-sizing:border-box;width:504px;height:706px;position:absolute;top:78px}.bk-on-left{left:64px}.bk-on-right{left:688px}.bk-divider{margin:0 auto;display:block}.bk-half{width:628px;height:880px;position:absolute;top:0;overflow:hidden}.bk-half.left{left:0}.bk-half.right{left:628px}.bk-half-inner{width:1256px;height:880px;position:absolute;top:0}.bk-half.left .bk-half-inner{left:0}.bk-half.right .bk-half-inner{left:-628px}.bk-leaf{width:628px;height:880px;transform-style:preserve-3d;z-index:2;position:absolute;top:0}.bk-leaf.forward{transform-origin:100%;animation:.76s cubic-bezier(.45,.05,.35,1) forwards bk-turn-forward;left:0}.bk-leaf.back{transform-origin:0;animation:.76s cubic-bezier(.45,.05,.35,1) forwards bk-turn-back;left:628px}.bk-leaf-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.bk-leaf-face .bk-half{left:0}.bk-leaf-face.back{transform:rotateY(180deg)}.bk-leaf-face:after{content:"";pointer-events:none;opacity:0;animation:.76s ease-in-out bk-shade;position:absolute;inset:0}.bk-leaf.forward .bk-leaf-face.front:after,.bk-leaf.back .bk-leaf-face.back:after{background:linear-gradient(270deg,#3c261066,#3c261000 60%)}.bk-leaf.forward .bk-leaf-face.back:after,.bk-leaf.back .bk-leaf-face.front:after{background:linear-gradient(90deg,#3c261066,#3c261000 60%)}@keyframes bk-turn-forward{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes bk-turn-back{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes bk-shade{0%,to{opacity:0}50%{opacity:1}}.bk-frame{box-sizing:border-box;border:3px double #b9a07a;width:540px;height:792px;position:absolute;top:44px;left:672px}.bk-frame .corner{background:#f2e7d0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute}.bk-frame .tl{top:-12.5px;left:-12.5px}.bk-frame .tr{top:-12.5px;right:-12.5px}.bk-frame .bl{bottom:-12.5px;left:-12.5px}.bk-frame .br{bottom:-12.5px;right:-12.5px}.bk-cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.bk-cover .bk-frame{width:540px;height:792px;top:-34px;left:-16px}.bk-title{margin:24px 0 26px;font-size:68px;font-weight:700;line-height:1.35}.bk-contents h3{text-align:center;margin:0;font-size:44px;font-weight:700;line-height:1.3}.bk-contents .bk-divider{margin:14px auto 22px}.bk-contents ol{scrollbar-width:thin;max-height:480px;margin:0;padding:0;list-style:none;overflow-y:auto}.bk-contents li button,.bk-next-page{box-sizing:border-box;cursor:pointer;text-align:right;direction:rtl;background:0 0;border:none;border-radius:6px;align-items:baseline;gap:10px;width:calc(100% + 20px);margin:0 -10px;padding:7px 10px 8px;transition:background-color .15s;display:flex}.bk-contents li button:hover,.bk-next-page:hover{background:#9b703a17}.bk-contents li button:hover .n,.bk-next-page:hover .n{color:#8e3b2e}.bk-contents button:focus-visible{outline-offset:1px;outline:2px solid #8e3b2e}.bk-contents .who{flex-direction:column;flex:none;align-items:flex-start;max-width:340px;display:flex}.bk-contents .t{line-height:1.45}.bk-contents .t.f-ar{font-size:24px;font-weight:700}.bk-contents .t.f-zi{font-size:22px;font-weight:600}.bk-contents .a{color:#7b6248;line-height:1.3}.bk-contents .a.f-ar{font-size:18px}.bk-contents .a.f-zi{font-size:16px;font-style:italic}.bk-contents .leader{border-bottom:1.5px dotted #c9b48f;flex:1;min-width:24px;transform:translateY(-7px)}.bk-contents .n{flex:none;font-size:24px;transition:color .15s}.bk-contents hr{border:none;border-top:1px solid #c9b48f;margin:14px 0 6px}.bk-next-page .f-zi{font-size:22px;font-weight:600}.bk-empty{text-align:center;color:#7b6248;margin:24px 0;font-size:26px}.bk-coffee{opacity:.16;pointer-events:none;position:absolute;top:684px;left:-64px}.bk-flow-window{width:1128px;height:706px;position:absolute;top:78px;left:64px;overflow:hidden}.bk-flow{column-count:2;column-fill:auto;text-align:center;orphans:2;widows:2;color:#2e241a;direction:rtl;column-gap:120px;width:1128px;height:706px;position:relative}.bk-measure{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.bk-poem-title{break-after:avoid;margin:0;line-height:1.3}.bk-poem-title.f-ar{font-size:38px;font-weight:700}.bk-poem-title.f-zi{direction:ltr;font-size:35px;font-weight:600}.bk-flow .bk-divider{margin:16px auto 30px}.bk-stanza{white-space:pre-line;break-inside:avoid;margin:0 0 26px}.bk-stanza.f-ar{font-size:30px;line-height:1.7}.bk-stanza.f-zi{direction:ltr;font-size:27px;line-height:1.7}.bk-stanza.long{break-inside:auto}.bk-stanza.small{color:#7b6248;font-size:22px}.bk-by{break-inside:avoid;padding-top:2px}.bk-by svg{margin:0 auto 6px;display:block}.bk-by .f-ar{font-size:22px;font-weight:700;line-height:1.4;display:block}.bk-by .f-zi{direction:ltr;font-size:20px;font-style:italic;font-weight:500;line-height:1.4;display:block}.bk-running{text-align:center;color:#8c7a62;width:504px;line-height:1.3;position:absolute;top:34px;left:688px}.bk-running.f-ar{font-size:18px}.bk-running.f-zi{font-size:16px;font-style:italic}.bk-plain{opacity:.2;justify-content:center;align-items:center;width:628px;height:880px;display:flex;top:0;left:0}.bk-invite{text-align:center;flex-direction:column;align-items:center;display:flex}.bk-invite h3{margin:0;font-size:40px;font-weight:700;line-height:1.2}.bk-halfstar{margin:34px 0}.bk-invite p{margin:0;font-size:24px;line-height:1.6}.bk-mine{scrollbar-width:thin;width:100%;max-height:260px;margin-top:auto;overflow-y:auto}.bk-mine h4{color:#7b6248;margin:12px 0 6px;font-size:20px;font-weight:600}.bk-mine ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bk-mine li{flex-direction:column;font-size:19px;display:flex}.bk-mine .st{color:#7b6248;font-size:16px;font-style:italic}.bk-form{flex-direction:column;gap:14px;display:flex}.bk-form label{flex-direction:column;gap:2px;display:flex;position:relative}.bk-form .lab{font-size:21px;font-weight:700}.bk-form input,.bk-form textarea{box-sizing:border-box;color:#2e241a;resize:none;background:0 0;border:none;border-bottom:1.5px dotted #b8a27f;border-radius:0;outline:none;width:100%;padding:0 2px;font-family:EB Garamond,Amiri,serif}.bk-form input{height:44px;font-size:26px;font-weight:600}.bk-form input:focus{border-bottom:1.5px solid #b98e7e}.bk-form textarea{--lh:44px;height:308px;font-size:24px;line-height:var(--lh);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--lh) - 1.5px), #cdb997 calc(var(--lh) - 1.5px), #cdb997 var(--lh));scrollbar-width:thin;background-attachment:local;border-bottom:none}.bk-form textarea:focus{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--lh) - 1.5px), #b98e7e calc(var(--lh) - 1.5px), #b98e7e var(--lh))}.bk-missing{color:#8e3b2e;margin:0;font-size:17px;font-style:italic}.bk-captcha{min-height:40px}.bk-send{box-sizing:border-box;cursor:pointer;background:#3b2a1e;border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;height:52px;padding:0 26px;font-weight:600;display:flex;box-shadow:inset 0 -3px #24180f,0 6px 14px #3c241040;color:#f4ead5!important;font-family:EB Garamond,serif!important;font-size:22px!important}.bk-send:hover{background:#4a3628}.bk-send:disabled{box-shadow:none;cursor:default;background:#d9cbb0;color:#a8977b!important}.bk-send:focus-visible,.bk-form :focus-visible{outline-offset:3px;outline:2px solid #8e3b2e}.bk-pill{background:var(--field,#6a5c4d);border:1px solid var(--field-rim,#7d6f5f);cursor:pointer;border-radius:999px;align-items:center;gap:12px;height:60px;padding:0 24px;font-weight:700;display:flex;position:absolute;top:980px;box-shadow:0 10px 26px #0a060273;color:var(--text,#f6eee3)!important;font-size:18px!important}.bk-pill .arrow{color:var(--accent-text,#f2a65a);font-size:26px;line-height:1}.bk-pill.next{left:302px}.bk-pill.prev{right:302px}.bk-pill:hover:not(:disabled){background:#776a5a}.bk-pill:disabled{opacity:.38;cursor:default}.bk-pill:focus-visible,.bk-close:focus-visible{outline:3px solid var(--accent,#f2a65a);outline-offset:2px}.bk-close{background:var(--field,#6a5c4d);border:1px solid var(--field-rim,#7d6f5f);width:52px;height:52px;color:var(--text,#f6eee3);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:36px;right:40px}.bk-close svg{width:20px;height:20px}@media (prefers-reduced-motion:reduce){.bk-leaf{animation:none}}.mg-confirm.bk-thanks{width:calc(680 * var(--u));padding:calc(40 * var(--u)) calc(44 * var(--u));gap:calc(14 * var(--u))}.mg-confirm.bk-thanks strong{font-size:calc(32 * var(--u))}.mg-confirm.bk-thanks p{font-size:calc(19 * var(--u));line-height:1.5}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.confetti i{opacity:0;border-radius:1px;width:.8vmin;min-width:6px;height:1.4vmin;min-height:10px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.6,.6,1);animation-fill-mode:forwards;position:absolute;top:-4vh}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--drift), 108vh) rotate(var(--spin));opacity:0}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.jn-overlay{--j-overlay:#08101aa3;--j-panel:#2f4a63;--j-rim:#48647e;--j-highlight:#46627c;--j-inset:#263f55;--j-field:#3a5873;--j-field-rim:#557390;--j-selected:#44688a;--j-text:#f3f8fc;--j-text2:#c6d6e4;--j-faded:#8fa6bb;--j-rule:#5fa8cc;--j-accent:#62c6e6;--j-on-accent:#04202d;--j-accent-text:#9ee0f5;--j-you:#62c6e6;--j-them:#f5b860;--j-on-them:#2a1708;--j-them-text:#f8cd8c;--j-success:#8ccb7a;--j-error:#e8705a;--j-heart:#f0786a;--j-gold:#e7b64a;--j-ice:#bfe8f7;--j-paper:#fbf7ef;--j-ink:#1e2a35;--j-ink2:#55606b;z-index:10;background:var(--j-overlay);font-family:var(--latin);color:var(--j-text);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.jn-overlay [lang=ar]{font-family:var(--arabic)}:where(.jn-overlay) button{font:inherit;color:inherit}.jn-overlay :focus-visible{outline:calc(2 * var(--u)) solid var(--j-accent);outline-offset:calc(2 * var(--u))}.jn-panel{width:calc(1728 * var(--u));height:calc(972 * var(--u));box-sizing:border-box;padding:calc(26 * var(--u)) calc(36 * var(--u)) calc(28 * var(--u));gap:calc(18 * var(--u));background:var(--j-panel);border:1px solid var(--j-rim);border-radius:calc(36 * var(--u));box-shadow:0 calc(30 * var(--u)) calc(90 * var(--u)) #040a1299, inset 0 1px 0 var(--j-highlight);font-size:calc(16 * var(--u));flex-direction:column;display:flex;position:relative}.jn-close,.jn-react{right:calc(26 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u));background:var(--j-field);border:1px solid var(--j-field-rim);color:var(--j-text);cursor:pointer;z-index:5;font-size:calc(18 * var(--u));border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.jn-close{top:calc(24 * var(--u))}.jn-react{top:calc(80 * var(--u));font-size:calc(20 * var(--u))}.jn-react.open{border:calc(2 * var(--u)) solid var(--j-accent)}.jn-react.cooling{opacity:.55;cursor:default}.jn-tray{top:calc(80 * var(--u));right:calc(82 * var(--u));z-index:5;padding:calc(10 * var(--u));grid-template-columns:repeat(5, calc(60 * var(--u)));gap:calc(6 * var(--u));background:var(--j-panel);border:1px solid var(--j-rim);border-radius:calc(22 * var(--u));box-shadow:0 calc(30 * var(--u)) calc(80 * var(--u)) #02060c99, inset 0 1px 0 var(--j-highlight);animation:.2s ease-out jnPop;display:grid;position:absolute}.jn-tray button{width:calc(60 * var(--u));height:calc(60 * var(--u));border-radius:calc(16 * var(--u));cursor:pointer;background:0 0;border:1px solid #0000;padding:0;line-height:1;font-size:calc(36 * var(--u))!important}.jn-tray button:hover{background:var(--j-field);border-color:var(--j-field-rim)}@keyframes jnPop{0%{transform:translateY(calc(10 * var(--u))) scale(.94);opacity:0}to{opacity:1;transform:none}}@keyframes jnDot{0%,to{opacity:.25}50%{opacity:1}}@keyframes jnEmote{0%{opacity:0;transform:translate(-50%,8px)scale(.6)}12%{opacity:1;transform:translate(-50%)scale(1.08)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-16px)}}@keyframes jnShake{0%,to{transform:translate(0)}20%{transform:translateX(calc(-10 * var(--u)))}40%{transform:translateX(calc(10 * var(--u)))}60%{transform:translateX(calc(-6 * var(--u)))}80%{transform:translateX(calc(6 * var(--u)))}}@keyframes jnGreen{0%{box-shadow:0 0 #8ccb7abf}to{box-shadow:0 0 0 calc(24 * var(--u)) #8ccb7a00}}.jn-title{align-items:baseline;gap:calc(14 * var(--u));display:flex}.jn-title .ar{font-size:calc(30 * var(--u));font-weight:700}.jn-title .en{font-size:calc(18 * var(--u));color:var(--j-text2);font-weight:700}.jn-sub{margin:calc(4 * var(--u)) 0 0;font-size:calc(15 * var(--u));color:var(--j-faded)}.jn-error{color:var(--j-error);font-size:calc(15 * var(--u));margin:0}.jn-lobby-head{min-height:calc(70 * var(--u));margin-right:calc(58 * var(--u));flex:none;justify-content:space-between;align-items:center;display:flex}.jn-lobby-head .jn-title .ar{font-size:calc(32 * var(--u))}.jn-lobby-head .jn-title .en{font-size:calc(20 * var(--u));font-weight:600}.jn-lobby{grid-template-columns:minmax(0, 1fr) calc(520 * var(--u));gap:calc(22 * var(--u));flex:1;min-height:0;display:grid}.jn-lobby>section{gap:calc(12 * var(--u));flex-direction:column;min-height:0;display:flex}.jn-section{height:calc(30 * var(--u));align-items:baseline;gap:calc(14 * var(--u));display:flex}.jn-section strong{font-size:calc(13 * var(--u));letter-spacing:.24em;font-weight:800}.jn-section span{font-size:calc(14 * var(--u));color:var(--j-faded)}.jn-grid{gap:calc(16 * var(--u));flex:1;min-height:0;margin:0;padding:0;list-style:none;display:grid}.jn-grid.duels{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.jn-grid.coops{grid-template-rows:1fr 1fr}.jn-card{box-sizing:border-box;padding:calc(26 * var(--u)) calc(26 * var(--u)) calc(22 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-field);border:1px solid var(--j-field-rim);gap:calc(10 * var(--u));flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.jn-card:before{content:"";height:calc(6 * var(--u));background:linear-gradient(90deg, var(--j-you) 0 50%, var(--j-them) 50% 100%);position:absolute;top:0;left:0;right:0}.jn-card.coop:before{background:linear-gradient(90deg, var(--j-you), var(--j-them))}.jn-card .tag{top:calc(22 * var(--u));right:calc(22 * var(--u));height:calc(32 * var(--u));padding:0 calc(12 * var(--u));background:var(--j-inset);border:1px solid var(--j-field-rim);font-size:calc(11 * var(--u));letter-spacing:.16em;color:var(--j-text2);border-radius:999px;align-items:center;font-weight:800;display:flex;position:absolute}.jn-card .tag.duel{color:#fff6ea;background:#b8352d;border-color:#d4574e}.jn-card .tag.coop{color:#fff6ea;background:#2f6ed2;border-color:#5a8ee0}.jn-card .names{gap:calc(2 * var(--u));flex-direction:column;display:flex}.jn-card .names .ar{font-size:calc(30 * var(--u));align-self:flex-start;font-weight:700;line-height:1.3}.jn-card .names .en{font-size:calc(21 * var(--u));font-weight:800}.jn-card .rule{font-size:calc(15 * var(--u));color:var(--j-text2);margin:0;line-height:1.5}.jn-card .meta{font-size:calc(11.5 * var(--u));letter-spacing:.16em;color:var(--j-faded);font-weight:800}.jn-card .actions{align-items:center;gap:calc(10 * var(--u));flex-wrap:wrap;margin-top:auto;display:flex}.jn-primary{height:calc(52 * var(--u));padding:0 calc(22 * var(--u));background:var(--j-accent);cursor:pointer;align-items:center;gap:calc(9 * var(--u));border:none;border-radius:999px;font-weight:800;display:inline-flex;color:var(--j-on-accent)!important;font-size:calc(15 * var(--u))!important}.jn-primary:disabled{opacity:.5;cursor:default}.jn-primary.small{height:calc(40 * var(--u));padding:0 calc(18 * var(--u))}.jn-solo{height:calc(52 * var(--u));padding:0 calc(18 * var(--u)) 0 calc(6 * var(--u));border:1.5px solid var(--j-field-rim);color:var(--j-text);align-items:center;gap:calc(10 * var(--u));cursor:pointer;background:0 0;border-radius:999px;font-weight:700;display:inline-flex;font-size:calc(15 * var(--u))!important}.jn-solo:disabled{opacity:.5;cursor:default}.jn-solo .disc{width:calc(40 * var(--u));height:calc(40 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid var(--j-them);background:var(--j-inset);color:var(--j-them-text);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.jn-solo .disc img{object-fit:cover;width:100%;height:100%}.jn-note{font-size:calc(13 * var(--u));color:var(--j-faded)}.jn-waiting{height:calc(52 * var(--u));padding:0 calc(18 * var(--u));box-sizing:border-box;border:1.5px solid var(--j-accent);font-size:calc(14 * var(--u));color:var(--j-accent-text);align-items:center;gap:calc(8 * var(--u));background:#62c6e624;border-radius:999px;font-weight:800;display:inline-flex}.jn-waiting .dots,.jn-dots{gap:calc(4 * var(--u));display:inline-flex}.jn-waiting .dots i{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--j-accent-text);border-radius:50%;animation:1.2s ease-in-out infinite jnDot}.jn-waiting .dots i:nth-child(2){animation-delay:.2s}.jn-waiting .dots i:nth-child(3){animation-delay:.4s}.jn-text{height:calc(52 * var(--u));padding:0 calc(16 * var(--u));cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:underline;color:var(--j-text2)!important;font-size:calc(14 * var(--u))!important}.jn-invites{gap:calc(8 * var(--u));flex-direction:column;flex:none;margin:0;padding:0;list-style:none;display:flex}.jn-invites li{padding:calc(8 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u)) calc(16 * var(--u));border-radius:calc(18 * var(--u));border:1.5px solid var(--j-accent);background:var(--j-inset);align-items:center;gap:calc(8 * var(--u));font-size:calc(16 * var(--u));animation:.35s ease-out jnPop;display:flex}.jn-invites li .jn-primary{margin-left:auto}.jn-match-head{height:calc(104 * var(--u));margin:0 calc(58 * var(--u));column-gap:calc(26 * var(--u));flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.jn-side{height:calc(104 * var(--u));box-sizing:border-box;padding:0 calc(22 * var(--u)) 0 calc(14 * var(--u));border-radius:calc(28 * var(--u));align-items:center;gap:calc(14 * var(--u));background:#62c6e61a;border:1.5px solid #62c6e673;min-width:0;display:flex}.jn-side.them{padding:0 calc(14 * var(--u)) 0 calc(22 * var(--u));text-align:right;background:#f5b8601a;border-color:#f5b86073;flex-direction:row-reverse}.jn-match-head.coop .jn-side{border-image:}.jn-avatar{width:calc(80 * var(--u));height:calc(80 * var(--u));box-sizing:border-box;border:calc(5 * var(--u)) solid var(--j-you);background:var(--j-inset);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.jn-side.them .jn-avatar{border-color:var(--j-them)}.jn-avatar .object-picture{width:calc(52 * var(--u));height:calc(52 * var(--u));font-size:calc(36 * var(--u));margin:0}.jn-avatar .initial{font-size:calc(30 * var(--u));color:var(--j-them-text);font-weight:800}.jn-avatar .face{object-fit:cover;border-radius:50%;width:100%;height:100%}.jn-side .who{gap:calc(4 * var(--u));flex-direction:column;min-width:0;display:flex}.jn-side .name{font-size:calc(22 * var(--u));white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.jn-side .status{font-size:calc(11.5 * var(--u));letter-spacing:.16em;color:var(--j-accent-text);align-items:center;gap:calc(6 * var(--u));font-weight:800;display:inline-flex}.jn-side.them .status{color:var(--j-them-text);flex-direction:row-reverse}.jn-side .status i{width:calc(8 * var(--u));height:calc(8 * var(--u));background:var(--j-you);border-radius:50%}.jn-side.them .status i{background:var(--j-success);animation:1.6s ease-in-out infinite jnDot}.jn-centre{min-width:calc(250 * var(--u));align-items:center;gap:calc(8 * var(--u));flex-direction:column;display:flex}.jn-centre .jn-title .ar{font-size:calc(28 * var(--u))}.jn-centre .jn-title .en{font-size:calc(16 * var(--u))}.jn-kind{font-size:calc(11 * var(--u));letter-spacing:.3em;color:var(--j-faded);font-weight:800}.jn-bubble{left:50%;top:calc(-36 * var(--u));width:calc(60 * var(--u));height:calc(60 * var(--u));box-sizing:border-box;background:var(--j-inset);border:calc(2 * var(--u)) solid var(--j-you);box-shadow:0 calc(8 * var(--u)) calc(22 * var(--u)) #040a1266;font-size:calc(36 * var(--u));z-index:4;border-radius:50%;justify-content:center;align-items:center;line-height:1;animation:2.6s ease-out forwards jnEmote;display:flex;position:absolute}.jn-bubble.them{border-color:var(--j-them)}.jn-game{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow-y:auto}.jn-back{margin-top:calc(12 * var(--u));align-self:center}.jn-modal{width:calc(640 * var(--u));box-sizing:border-box;padding:calc(32 * var(--u));border-radius:calc(30 * var(--u));background:var(--j-panel);border:1px solid var(--j-rim);box-shadow:0 calc(30 * var(--u)) calc(80 * var(--u)) #02060c99, inset 0 1px 0 var(--j-highlight);align-self:center;align-items:center;gap:calc(14 * var(--u));text-align:center;flex-direction:column;margin:auto;animation:.3s ease-out jnPop;display:flex}.jn-modal .kicker{font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--j-accent-text);font-weight:800}.jn-modal .big{font-size:calc(26 * var(--u));margin:0;font-weight:800}.jn-modal .small{font-size:calc(15 * var(--u));color:var(--j-text2);margin:0}@media (prefers-reduced-motion:reduce){.jn-overlay *{animation:none!important}}.jn-game .table-score{margin:0 0 calc(10 * var(--u));text-align:center;font-size:calc(13 * var(--u));letter-spacing:.2em;text-transform:uppercase;color:var(--j-accent-text);font-weight:800}.jn-game .table-turn,.jn-game .table-note,.jn-game .table-time{margin:calc(6 * var(--u)) 0;text-align:center;font-size:calc(15 * var(--u));color:var(--j-text2)}.jn-game .table-big{margin:calc(10 * var(--u)) 0;text-align:center;font-size:calc(28 * var(--u));align-items:center;gap:calc(4 * var(--u));flex-direction:column;font-weight:700;display:flex}.jn-game .t-ar{font-size:calc(48 * var(--u));font-weight:600;line-height:1.3}.jn-game .t-tr{font-size:calc(18 * var(--u));color:var(--j-text2);font-style:italic}.jn-game .table-options{width:calc(920 * var(--u));max-width:100%;margin:calc(12 * var(--u)) auto;gap:calc(14 * var(--u));grid-template-columns:1fr 1fr;display:grid}.jn-game .table-options button{min-height:calc(80 * var(--u));padding:calc(10 * var(--u)) calc(22 * var(--u));border-radius:calc(20 * var(--u));background:var(--j-field);border:1.5px solid var(--j-field-rim);justify-content:center;align-items:center;gap:calc(2 * var(--u));cursor:pointer;flex-direction:column;font-weight:700;display:flex;color:var(--j-text)!important;font-size:calc(22 * var(--u))!important}.jn-game .table-options button:hover:enabled{border-color:var(--j-accent)}.jn-game .table-options button .t-ar{font-size:calc(28 * var(--u))}.jn-game .table-options button .t-tr{font-size:calc(14 * var(--u))}.jn-game .table-options .wrong{border-color:var(--j-error);background:#e8705a24;animation:.45s ease-in-out jnShake;color:var(--j-faded)!important}.jn-game .table-options .right,.jn-game .table-options .correct{border-color:var(--j-success);background:#8ccb7a2e;animation:.9s ease-out jnGreen}.jn-game .table-options .mine{border-color:var(--j-you);background:#62c6e629}.jn-game .table-options.frozen{opacity:.55;filter:saturate(.6)}.jn-game .rush-progress{gap:calc(24 * var(--u));width:calc(920 * var(--u));grid-template-columns:1fr 1fr;max-width:100%;margin:0 auto;display:grid}.jn-game .rush-progress label{gap:calc(6 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.16em;color:var(--j-accent-text);flex-direction:column;font-weight:800;display:flex}.jn-game .rush-progress label:last-child{color:var(--j-them-text)}.jn-game progress{appearance:none;width:100%;height:calc(14 * var(--u));background:var(--j-inset);border:none;border-radius:999px;overflow:hidden}.jn-game progress::-webkit-progress-bar{background:var(--j-inset);border-radius:999px}.jn-game progress::-webkit-progress-value{background:var(--j-you);border-radius:999px}.jn-game .rush-progress label:last-child progress::-webkit-progress-value{background:var(--j-them)}.jn-game progress::-moz-progress-bar{background:var(--j-you)}.jn-game .memory-board{grid-template-columns:repeat(4, calc(150 * var(--u)));gap:calc(12 * var(--u));margin:0 auto;display:grid}.jn-game .memory-card{height:calc(130 * var(--u));border-radius:calc(18 * var(--u));background:var(--j-field);border:1.5px solid var(--j-field-rim);justify-content:center;align-items:center;gap:calc(4 * var(--u));cursor:pointer;flex-direction:column;display:flex;color:var(--j-text)!important;font-size:calc(18 * var(--u))!important}.jn-game .memory-card.up{background:var(--j-paper);border-color:#e3d9c4;animation:.25s ease-out jnPop;color:var(--j-ink)!important}.jn-game .memory-card.up .t-tr{color:var(--j-ink2)}.jn-game .memory-card .t-ar{font-size:calc(30 * var(--u))}.jn-game .memory-card.mine{border:calc(3 * var(--u)) solid var(--j-you);background:#62c6e62e;color:var(--j-text)!important}.jn-game .memory-card.theirs{border:calc(3 * var(--u)) solid var(--j-them);background:#f5b86029;color:var(--j-text)!important}.jn-game .memory-card .object-picture{width:calc(90 * var(--u));height:calc(90 * var(--u));font-size:calc(54 * var(--u));margin:0}.jn-game .memory-card:disabled{cursor:default}.jn-game .quiz-question{font-size:calc(30 * var(--u))}.jn-game .draw-canvas{margin:calc(8 * var(--u)) auto;max-width:100%;max-height:calc(470 * var(--u));background:var(--j-paper);border-radius:calc(20 * var(--u));border:2px solid var(--j-field-rim);touch-action:none;display:block}.jn-game .draw-canvas.drawing{border-color:var(--j-accent);cursor:crosshair}.jn-game .draw-guess{gap:calc(10 * var(--u));justify-content:center;display:flex}.jn-game .draw-guess input{width:calc(420 * var(--u));height:calc(52 * var(--u));box-sizing:border-box;padding:0 calc(18 * var(--u));border:1.5px solid var(--j-field-rim);background:var(--j-inset);color:var(--j-text);font-family:var(--latin);font-size:calc(17 * var(--u));border-radius:999px;outline:none}.jn-game .draw-guess input::placeholder{color:var(--j-faded)}.jn-game .draw-guess button,.jn-game .table-final button{height:calc(52 * var(--u));padding:0 calc(22 * var(--u));background:var(--j-accent);cursor:pointer;border:none;border-radius:999px;font-weight:800;color:var(--j-on-accent)!important;font-size:calc(15 * var(--u))!important}.jn-game .wbw-laid,.jn-game .wbw-hand{justify-content:center;gap:calc(12 * var(--u));margin:calc(12 * var(--u)) auto;min-height:calc(96 * var(--u));width:calc(1180 * var(--u));flex-wrap:wrap;max-width:100%;display:flex}.jn-game .wbw-laid{padding:calc(14 * var(--u));box-sizing:border-box;border-radius:calc(24 * var(--u));background:var(--j-inset);border:1px solid var(--j-field)}.jn-game .wbw-tile{min-width:calc(74 * var(--u));height:calc(88 * var(--u));padding:0 calc(18 * var(--u));box-sizing:border-box;border-radius:calc(16 * var(--u));background:var(--j-paper);justify-content:center;align-items:center;gap:calc(2 * var(--u));cursor:pointer;border:1px solid #e3d9c4;flex-direction:column;display:inline-flex;color:var(--j-ink)!important}.jn-game .wbw-tile .t-ar{font-size:calc(30 * var(--u))}.jn-game .wbw-tile .t-tr{color:var(--j-ink2);font-size:calc(13 * var(--u))}.jn-game .wbw-tile.laid{cursor:default}.jn-game .wbw-tile.next{border:2px dashed var(--j-accent);font-size:calc(26 * var(--u));background:0 0;font-weight:800;color:var(--j-accent-text)!important}.jn-game .wbw-tile:disabled{opacity:.6;cursor:default}.jn-game .table-final{align-items:center;gap:calc(14 * var(--u));text-align:center;flex-direction:column;margin:auto;display:flex}.jn-game .table-final .table-big{font-size:calc(36 * var(--u));font-weight:800}.jn-game .memory-card{aspect-ratio:auto;width:100%}.jn-game .memory-board{max-width:none}.jn-game .table-options .chosen{border-color:var(--j-accent);background:#62c6e629;outline:none}.jn-game .memory-board{justify-content:center}.jn-side .score{font-size:calc(58 * var(--u));font-variant-numeric:tabular-nums;color:var(--j-you);margin-left:auto;font-weight:800;line-height:1}.jn-side.them .score{color:var(--j-them);margin-left:0;margin-right:auto}.jn-side.frozen{border-color:var(--j-ice);background:#bfe8f729}.jn-side.frozen .jn-avatar{border-color:var(--j-ice)}.jn-side.frozen .status,.jn-side.frozen .score{color:var(--j-ice)}.jn-side.active{border-color:var(--j-you);box-shadow:0 0 0 calc(5 * var(--u)) #62c6e624;background:#62c6e629}.jn-side.them.active{border-color:var(--j-them);box-shadow:0 0 0 calc(5 * var(--u)) #f5b86024;background:#f5b86029}.jn-side.waiting{background:0 0}.jn-side.waiting .jn-avatar{opacity:.7}.jn-where{align-items:center;gap:calc(12 * var(--u));font-size:calc(11.5 * var(--u));letter-spacing:.2em;color:var(--j-accent-text);font-weight:800;display:flex}.jn-pips{gap:calc(6 * var(--u));display:inline-flex}.jn-pips i{width:calc(13 * var(--u));height:calc(13 * var(--u));border-radius:calc(7 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid var(--j-field-rim)}.jn-pips i.me{background:var(--j-you);border:none}.jn-pips i.them{background:var(--j-them);border:none}.jn-pips i.both{background:var(--j-text2);border:none}.jn-pips i.now{border-color:var(--j-accent-text)}.jn-together{font-size:calc(11.5 * var(--u));letter-spacing:.2em;color:var(--j-text2);font-weight:800}.jn-together b{font-size:calc(26 * var(--u));color:var(--j-text);letter-spacing:0;margin:0 calc(4 * var(--u))}.jn-hearts{gap:calc(10 * var(--u));display:inline-flex}.jn-hearts .heart{width:calc(34 * var(--u));height:calc(34 * var(--u));fill:var(--j-heart)}.jn-hearts .heart.lost{fill:none;stroke:var(--j-field-rim);stroke-width:1.6px}.jn-rush{gap:calc(18 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.jn-lanes{padding:calc(14 * var(--u)) calc(26 * var(--u));border-radius:calc(26 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);gap:calc(14 * var(--u));flex-direction:column;flex:none;display:flex}.jn-lane{height:calc(44 * var(--u));grid-template-columns:calc(150 * var(--u)) minmax(0, 1fr) calc(96 * var(--u));column-gap:calc(18 * var(--u));--c:var(--j-you);align-items:center;display:grid}.jn-lane.them{--c:var(--j-them)}.jn-lane.frozen{--c:var(--j-ice)}.jn-lane .name{align-items:center;gap:calc(8 * var(--u));font-size:calc(16 * var(--u));color:var(--c);white-space:nowrap;font-weight:800;display:flex;overflow:hidden}.jn-lane .name i{width:calc(12 * var(--u));height:calc(12 * var(--u));background:var(--c);border-radius:50%;flex:none}.jn-lane .track{gap:calc(8 * var(--u));grid-template-columns:repeat(10,1fr);display:grid;position:relative}.jn-lane .seg{height:calc(30 * var(--u));border-radius:calc(9 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid var(--j-field)}.jn-lane .seg.done{background:var(--c);border:none}.jn-lane.frozen .seg.done{background:#9fd3e8}.jn-lane .seg.next{border-color:var(--c)}.jn-lane.frozen .track:after{content:"";inset:calc(-6 * var(--u)) calc(-8 * var(--u));border-radius:calc(14 * var(--u));border:1.5px solid var(--j-ice);background:repeating-linear-gradient(135deg,#bfe8f752 0 6px,#bfe8f71f 6px 14px);animation:1.6s ease-in-out infinite jnBreath;position:absolute}.jn-lane .rise{right:calc(-12 * var(--u));top:calc(-4 * var(--u));font-size:calc(18 * var(--u));color:var(--j-them);font-weight:800;animation:1.4s ease-out infinite jnRise;position:absolute}.jn-lane .count{text-align:right;font-size:calc(26 * var(--u));color:var(--c);font-variant-numeric:tabular-nums;font-weight:800}.jn-lane .count .of{font-size:calc(15 * var(--u));color:var(--j-faded);font-weight:600}@keyframes jnBreath{0%,to{opacity:.82}50%{opacity:1}}@keyframes jnRise{0%{opacity:1;transform:translateY(0)}to{transform:translateY(calc(-36 * var(--u)));opacity:0}}.jn-rush-body{grid-template-columns:minmax(0, 1fr) calc(300 * var(--u));gap:calc(20 * var(--u));flex:1;min-height:0;display:grid}.jn-item{min-height:0;padding:calc(24 * var(--u)) calc(40 * var(--u)) calc(32 * var(--u));border-radius:calc(28 * var(--u));background:var(--j-field);border:1px solid var(--j-field-rim);gap:calc(14 * var(--u));box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:hidden}.jn-item .top{justify-content:space-between;align-items:baseline;display:flex}.jn-item .tag{font-size:calc(12 * var(--u));letter-spacing:.22em;color:var(--j-accent-text);font-weight:800}.jn-item .hint{font-size:calc(15 * var(--u));color:var(--j-text2);font-weight:700}.jn-item .timer{height:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:var(--j-inset);flex:none;overflow:hidden}.jn-item .timer span{background:var(--j-accent);height:100%;transition:width .2s linear;display:block}.jn-item .prompt{justify-content:center;align-items:center;gap:calc(4 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.jn-item .prompt .ar{font-size:calc(96 * var(--u));font-weight:600;line-height:1.2}.jn-item .prompt .tr{font-size:calc(30 * var(--u));color:var(--j-text2);font-style:italic;font-weight:500}.jn-item .big-number{font-size:calc(120 * var(--u));font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.jn-item .answers{gap:calc(14 * var(--u));flex:none;grid-template-columns:1fr 1fr;display:grid}.jn-item .answers button{min-height:calc(100 * var(--u));border-radius:calc(20 * var(--u));border:1px solid var(--j-field-rim);background:var(--j-panel);justify-content:center;align-items:center;gap:calc(2 * var(--u));cursor:pointer;flex-direction:column;display:flex;color:var(--j-text)!important}.jn-item .answers button:hover:enabled{border-color:var(--j-accent)}.jn-item .answers .en{font-size:calc(30 * var(--u));font-weight:700}.jn-item .answers .t-ar{font-size:calc(32 * var(--u));font-weight:600;line-height:1.3}.jn-item .answers .t-tr{font-size:calc(17 * var(--u))}.jn-item .answers .wrong{border:calc(3 * var(--u)) solid var(--j-error);background:#e8705a2e;animation:.45s ease-in-out jnShake}.jn-frozen{border-radius:calc(28 * var(--u));border:2px solid var(--j-ice);-webkit-backdrop-filter:blur(1.5px)saturate(.5);backdrop-filter:blur(1.5px)saturate(.5);justify-content:center;align-items:center;gap:calc(14 * var(--u));background:linear-gradient(160deg,#def5fd6b,#8cc8e642);flex-direction:column;animation:.2s ease-out jnPop;display:flex;position:absolute;inset:0}.jn-frozen .ring{width:calc(150 * var(--u));height:calc(150 * var(--u));transform:rotate(-90deg)}.jn-frozen .ring .track{fill:#04202d8c;stroke:#ffffff40;stroke-width:8px}.jn-frozen .ring .bar{fill:none;stroke:#fff;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.jn-frozen .secs{margin-top:calc(-110 * var(--u));font-size:calc(38 * var(--u));color:#fff;font-variant-numeric:tabular-nums;font-weight:800;position:absolute}.jn-frozen strong{font-size:calc(46 * var(--u));letter-spacing:.16em;color:#fff;text-shadow:0 2px 18px #04202d99;font-weight:800}.jn-frozen .pill{height:calc(44 * var(--u));padding:0 calc(20 * var(--u));color:#fff;font-size:calc(17 * var(--u));align-items:center;gap:calc(10 * var(--u));background:#04202d9e;border-radius:999px;font-weight:700;display:flex}.jn-frozen .pill i{width:calc(10 * var(--u));height:calc(10 * var(--u));background:var(--j-them);border-radius:50%;animation:1s infinite jnDot}.jn-round{text-align:center;justify-content:center;align-items:center;animation:.3s ease-out jnPop}.jn-round .title{font-size:calc(50 * var(--u));font-weight:800}.jn-round .score{font-size:calc(104 * var(--u));font-variant-numeric:tabular-nums;gap:calc(14 * var(--u));font-weight:800;display:flex}.jn-round .score .you{color:var(--j-you)}.jn-round .score .them{color:var(--j-them)}.jn-round .score .colon{color:var(--j-faded);font-weight:500}.jn-round .next{font-size:calc(16 * var(--u));color:var(--j-text2)}.jn-rush-side{gap:calc(16 * var(--u));flex-direction:column;min-height:0;display:flex}.jn-opponent{padding:calc(20 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);gap:calc(10 * var(--u));flex-direction:column;display:flex}.jn-opponent .kicker,.jn-rules .kicker{font-size:calc(11.5 * var(--u));letter-spacing:.22em;color:var(--j-faded);font-weight:800}.jn-opponent .who{flex-direction:column;display:flex}.jn-opponent .who strong{font-size:calc(19 * var(--u));color:var(--j-them)}.jn-opponent .who span,.jn-opponent .where{font-size:calc(13 * var(--u));color:var(--j-text2)}.jn-rules{padding:calc(20 * var(--u));border-radius:calc(24 * var(--u));border:1px dashed var(--j-field-rim);gap:calc(12 * var(--u));font-size:calc(14.5 * var(--u));color:var(--j-text2);flex-direction:column;flex:1;line-height:1.5;display:flex}.jn-rules .kicker{color:var(--j-accent-text)}.jn-rules p{margin:0}.jn-rules b{color:var(--j-text)}.jn-rules b.ice{color:var(--j-ice)}.jn-memory{grid-template-columns:calc(250 * var(--u)) minmax(0, 1fr) calc(250 * var(--u));gap:calc(20 * var(--u));flex:1;min-height:0;display:grid}.jn-pairs{padding:calc(18 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);gap:calc(10 * var(--u));--c:var(--j-you);--t:#62c6e61f;--on:var(--j-on-accent);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.jn-pairs.them{--c:var(--j-them);--t:#f5b8601f;--on:var(--j-on-them)}.jn-pairs .label{font-size:calc(11.5 * var(--u));letter-spacing:.2em;color:var(--c);font-weight:800}.jn-pairs .empty{height:calc(62 * var(--u));border-radius:calc(14 * var(--u));border:1.5px dashed var(--j-field-rim);font-size:calc(14 * var(--u));color:var(--j-faded);justify-content:center;align-items:center;display:flex}.jn-pairs .row{min-height:calc(62 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(10 * var(--u));box-sizing:border-box;border-radius:calc(14 * var(--u));background:var(--t);border:1.5px solid var(--c);align-items:center;gap:calc(10 * var(--u));animation:.3s ease-out jnPop;display:flex}.jn-pairs .row i{width:calc(26 * var(--u));height:calc(26 * var(--u));background:var(--c);color:var(--on);font-style:normal;font-size:calc(13 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.jn-pairs .row .en{font-size:calc(15 * var(--u));flex:1;font-weight:700}.jn-pairs .row .ar{font-size:calc(22 * var(--u));font-weight:600}.jn-board{gap:calc(14 * var(--u));grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);min-height:0;display:grid}.jn-mcard{border-radius:calc(20 * var(--u));cursor:pointer;border:1px solid var(--j-field-rim);padding:0;position:relative;overflow:hidden}.jn-mcard:disabled{cursor:default}.jn-mcard.down{box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) #040a124d;background:linear-gradient(160deg,#40607d,#2a445e)}.jn-mcard .back{inset:calc(8 * var(--u));border-radius:calc(14 * var(--u));background:repeating-linear-gradient(45deg,#9ee0f512 0 2px,#0000 2px 20px),repeating-linear-gradient(-45deg,#9ee0f512 0 2px,#0000 2px 20px);border:1px solid #9ee0f52e;justify-content:center;align-items:center;display:flex;position:absolute}.jn-mcard .medallion{width:calc(58 * var(--u));height:calc(58 * var(--u));background:var(--j-panel);font-family:var(--arabic);font-size:calc(26 * var(--u));color:var(--j-accent-text);border:1.5px solid #9ee0f580;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.jn-mcard.up{background:var(--j-paper);border-color:#e4dccb;animation:.25s ease-out jnPop;color:var(--j-ink)!important}.jn-mcard .word{justify-content:center;align-items:center;gap:calc(2 * var(--u));padding:0 calc(12 * var(--u));flex-direction:column;display:flex;position:absolute;inset:0}.jn-mcard .tag{left:calc(12 * var(--u));top:calc(10 * var(--u));font-size:calc(10 * var(--u));letter-spacing:.18em;color:#8a939c;font-weight:800;position:absolute}.jn-mcard .word .ar{font-size:calc(44 * var(--u));font-weight:600;line-height:1.2}.jn-mcard .word .tr{font-size:calc(17 * var(--u));color:var(--j-ink2);font-style:italic}.jn-mcard .chip{margin-top:calc(6 * var(--u));height:calc(26 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(13 * var(--u));color:var(--j-ink2);align-items:center;gap:calc(4 * var(--u));background:#62c6e62e;border-radius:999px;font-weight:700;display:inline-flex}.jn-mcard.them .chip{background:#f5b86038}.jn-mcard .chip b{font-size:calc(14 * var(--u));color:var(--j-ink);font-weight:600}.jn-mcard .picture{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.jn-mcard .picture .object-picture{width:min(calc(140 * var(--u)), 70%);height:min(calc(140 * var(--u)), 70%);font-size:calc(70 * var(--u));margin:0}.jn-mcard.turned.you{border:calc(3 * var(--u)) solid var(--j-you);box-shadow:0 0 0 calc(6 * var(--u)) #62c6e647}.jn-mcard.turned.them{border:calc(3 * var(--u)) solid var(--j-them);box-shadow:0 0 0 calc(6 * var(--u)) #f5b86047}.jn-mcard.miss{border:calc(3 * var(--u)) solid var(--j-error);box-shadow:0 0 0 calc(5 * var(--u)) #e8705a38;animation:.45s ease-in-out jnShake}.jn-mcard.found.you{border:calc(3 * var(--u)) solid var(--j-you);background:linear-gradient(180deg, #e3f4fa, var(--j-paper) 55%)}.jn-mcard.found.them{border:calc(3 * var(--u)) solid var(--j-them);background:linear-gradient(180deg, #fcefd9, var(--j-paper) 55%)}.jn-mcard .badge{right:calc(10 * var(--u));top:calc(10 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));background:var(--j-you);color:var(--j-on-accent);font-size:calc(14 * var(--u));border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute}.jn-mcard.them .badge{background:var(--j-them);color:var(--j-on-them)}.jn-quiz{gap:calc(18 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.jn-qzone{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.jn-question{box-sizing:border-box;width:100%;padding:calc(26 * var(--u)) calc(40 * var(--u));border-radius:calc(30 * var(--u));background:var(--j-field);border:1px solid var(--j-field-rim);box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #040a124d;align-items:center;gap:calc(12 * var(--u));text-align:center;flex-direction:column;display:flex}.jn-question.reading{width:calc(1260 * var(--u));padding:calc(54 * var(--u)) calc(60 * var(--u)) calc(50 * var(--u));gap:calc(14 * var(--u))}.jn-question .q{font-size:calc(34 * var(--u));max-width:calc(1100 * var(--u));margin:0;font-weight:800;line-height:1.25}.jn-question.reading .q{font-size:calc(52 * var(--u))}.level{height:calc(30 * var(--u));padding:0 calc(14 * var(--u));box-sizing:border-box;font-size:calc(11.5 * var(--u));letter-spacing:.2em;color:var(--j-success);border:1.5px solid;border-radius:999px;align-items:center;font-weight:800;display:inline-flex}.level.medium{color:var(--j-gold)}.level.hard{color:var(--j-heart)}.jn-question .readfirst{align-items:center;gap:calc(10 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.24em;color:var(--j-accent-text);flex-direction:column;font-weight:800;display:flex}.jn-question .readfirst .bar{width:calc(420 * var(--u));height:calc(8 * var(--u));border-radius:calc(4 * var(--u));background:var(--j-inset);overflow:hidden}.jn-question .readfirst .bar span{background:var(--j-accent-text);height:100%;transition:width .2s linear;display:block}.jn-question .points{font-size:calc(16 * var(--u));color:var(--j-faded);gap:calc(12 * var(--u));font-weight:800;display:flex}.jn-question .points .you{color:var(--j-you)}.jn-question .points .them{color:var(--j-them)}.jn-answers{gap:calc(14 * var(--u));flex:none;grid-template-columns:1fr 1fr;display:grid}.jn-answers button{min-height:calc(130 * var(--u));padding:0 calc(30 * var(--u));border-radius:calc(22 * var(--u));border:1px solid var(--j-field-rim);background:var(--j-field);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;color:var(--j-text)!important}.jn-answers button:hover:enabled{border-color:var(--j-accent)}.jn-answers .en{font-size:calc(26 * var(--u));font-weight:700}.jn-answers .chosen{border:calc(3 * var(--u)) solid var(--j-accent);background:#62c6e61f}.jn-answers .right{border:calc(3 * var(--u)) solid var(--j-success);background:#8ccb7a29;animation:.9s ease-out jnGreen}.jn-answers .wrong{border:calc(3 * var(--u)) solid var(--j-error);background:#e8705a24}.jn-answers .theirs{border-color:var(--j-field);background:#2b4560}.jn-answers .nobody{border-color:var(--j-field);opacity:.55;background:#2b4560}.jn-answers .chips{left:calc(14 * var(--u));top:calc(12 * var(--u));gap:calc(6 * var(--u));display:flex;position:absolute}.jn-answers .chip{height:calc(26 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(11 * var(--u));letter-spacing:.14em;border-radius:999px;align-items:center;font-weight:800;display:flex}.jn-answers .chip.you{background:var(--j-accent);color:var(--j-on-accent)}.jn-answers .chip.them{background:var(--j-them);color:var(--j-on-them)}.jn-answers .ok{right:calc(14 * var(--u));top:calc(12 * var(--u));width:calc(32 * var(--u));height:calc(32 * var(--u));background:var(--j-success);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.jn-answers .ok svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.jn-rhythm{padding:calc(12 * var(--u)) calc(18 * var(--u));border-radius:calc(20 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);gap:calc(10 * var(--u));flex:none;display:flex}.jn-rhythm .seg{gap:calc(7 * var(--u));--c:var(--j-accent-text);flex-direction:column;display:flex}.jn-rhythm .seg.answer{--c:var(--j-accent)}.jn-rhythm .seg.correction{--c:var(--j-success)}.jn-rhythm .label{font-size:calc(11 * var(--u));letter-spacing:.18em;color:var(--j-field-rim);justify-content:space-between;font-weight:800;display:flex}.jn-rhythm .seg.past .label{color:var(--j-faded)}.jn-rhythm .seg.now .label{color:var(--c)}.jn-rhythm .bar{height:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:var(--j-field);overflow:hidden}.jn-rhythm .bar span{background:var(--c);height:100%;transition:width .2s linear;display:block}.jn-quiz-final{grid-template-columns:minmax(0, 1fr) calc(460 * var(--u));gap:calc(20 * var(--u));flex:1;min-height:0;display:grid}.jn-recap{padding:calc(24 * var(--u)) calc(28 * var(--u));border-radius:calc(28 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);flex-direction:column;min-height:0;display:flex}.jn-recap .head,.jn-recap .row{grid-template-columns:calc(130 * var(--u)) minmax(0, 1fr) calc(110 * var(--u)) calc(110 * var(--u));column-gap:calc(16 * var(--u));align-items:center;display:grid}.jn-recap .head{height:calc(44 * var(--u));border-bottom:1px solid var(--j-rule);font-size:calc(11.5 * var(--u));letter-spacing:.2em;color:var(--j-accent-text);font-weight:800}.jn-recap .head .you,.jn-recap .head .them,.jn-recap .row>span:nth-child(3),.jn-recap .row>span:nth-child(4){text-align:center}.jn-recap .head .you{color:var(--j-you)}.jn-recap .head .them{color:var(--j-them)}.jn-recap .row{border-bottom:1px solid var(--j-field);flex:1}.jn-recap .row .level{border:none;height:auto;padding:0}.jn-recap .row .q{font-size:calc(16 * var(--u));color:var(--j-text2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jn-recap .ok{color:var(--j-success);font-size:calc(17 * var(--u))}.jn-recap .no{color:var(--j-error);font-size:calc(17 * var(--u))}.jn-final{min-width:calc(460 * var(--u));box-sizing:border-box;padding:calc(30 * var(--u));border-radius:calc(28 * var(--u));background:var(--j-field);border:1px solid var(--j-field-rim);align-items:center;gap:calc(14 * var(--u));text-align:center;flex-direction:column;margin:auto;animation:.3s ease-out jnPop;display:flex}.jn-quiz-final .jn-final{justify-content:center;margin:0}.jn-final .kicker{font-size:calc(12 * var(--u));letter-spacing:.24em;color:var(--j-accent-text);font-weight:800}.jn-final .title{font-size:calc(40 * var(--u));font-weight:800;line-height:1.15}.jn-final .score{font-size:calc(88 * var(--u));font-variant-numeric:tabular-nums;font-weight:800}.jn-final .score .you{color:var(--j-you)}.jn-final .score .them{color:var(--j-them)}.jn-final .score .colon{color:var(--j-faded);font-weight:500}.jn-final .unit{font-size:calc(13 * var(--u));letter-spacing:.2em;color:var(--j-faded);font-weight:800}.jn-draw{gap:calc(20 * var(--u));flex:1;min-height:0;display:grid}.jn-draw.drawer{grid-template-columns:calc(300 * var(--u)) minmax(0, 1fr) calc(330 * var(--u))}.jn-draw.guesser{grid-template-columns:minmax(0, 1fr) calc(380 * var(--u))}.jn-draw .kicker{font-size:calc(11.5 * var(--u));letter-spacing:.22em;color:var(--j-text2);font-weight:800}.jn-draw .kicker.them{color:var(--j-them)}.jn-tools,.jn-guess-col{gap:calc(16 * var(--u));flex-direction:column;min-height:0;display:flex}.jn-word{padding:calc(20 * var(--u)) calc(22 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-field);border:1px solid var(--j-field-rim);gap:calc(2 * var(--u));flex-direction:column;display:flex}.jn-word .kicker{color:var(--j-accent-text)}.jn-word .ar{font-size:calc(52 * var(--u));font-weight:600;line-height:1.25}.jn-word .tr{font-size:calc(22 * var(--u));color:var(--j-text2);font-style:italic}.jn-word .en{font-size:calc(15 * var(--u));color:var(--j-faded)}.jn-word .note{margin-top:calc(8 * var(--u));font-size:calc(13 * var(--u));color:var(--j-faded)}.jn-timer{padding:calc(16 * var(--u)) calc(20 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);align-items:center;gap:calc(16 * var(--u));display:flex}.jn-timer .ring{width:calc(96 * var(--u));height:calc(96 * var(--u));flex:none;position:relative}.jn-timer svg{width:100%;height:100%;transform:rotate(-90deg)}.jn-timer .track{fill:none;stroke:var(--j-field);stroke-width:8px}.jn-timer .bar{fill:none;stroke:var(--j-accent);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.jn-timer b{font-size:calc(34 * var(--u));font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}.jn-timer .text{gap:calc(3 * var(--u));font-size:calc(14 * var(--u));color:var(--j-faded);flex-direction:column;display:flex}.jn-pencil{padding:calc(18 * var(--u)) calc(20 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);gap:calc(14 * var(--u));flex-direction:column;flex:1;display:flex}.jn-pencil p,.jn-guesses p{font-size:calc(13.5 * var(--u));color:var(--j-faded);margin:auto 0 0;line-height:1.5}.jn-tool{height:calc(46 * var(--u));border-radius:calc(14 * var(--u));border:1px solid var(--j-field-rim);cursor:pointer;background:0 0;font-weight:700;color:var(--j-text)!important;font-size:calc(14 * var(--u))!important}.jn-paper{border-radius:calc(26 * var(--u));background:var(--j-paper);min-height:0;box-shadow:inset 0 0 0 1px #e4dccb, 0 calc(16 * var(--u)) calc(40 * var(--u)) #040a1259;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.jn-canvas{touch-action:none;max-width:100%;max-height:100%;display:block}.jn-canvas.drawing{cursor:crosshair}.jn-paper .live{left:calc(18 * var(--u));top:calc(16 * var(--u));height:calc(36 * var(--u));padding:0 calc(14 * var(--u));color:#fff;font-size:calc(13 * var(--u));letter-spacing:.12em;align-items:center;gap:calc(8 * var(--u));background:#1e2a35d1;border-radius:999px;font-weight:800;display:flex;position:absolute}.jn-paper .live i{width:calc(9 * var(--u));height:calc(9 * var(--u));background:var(--j-them);border-radius:50%;animation:1s infinite jnDot}.jn-guesses{min-height:0;padding:calc(18 * var(--u)) calc(20 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);gap:calc(10 * var(--u));flex-direction:column;flex:1;display:flex;overflow-y:auto}.jn-guesses .wait{font-size:calc(14 * var(--u));color:var(--j-text2)}.jn-guess{min-height:calc(56 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(14 * var(--u));background:var(--j-field);align-items:center;gap:calc(12 * var(--u));font-size:calc(17 * var(--u));display:flex}.jn-guess i{width:calc(26 * var(--u));height:calc(26 * var(--u));color:var(--j-error);font-style:normal;font-size:calc(15 * var(--u));background:#e8705a2e;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.jn-nameit{padding:calc(20 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-field);border:1px solid var(--j-field-rim);gap:calc(14 * var(--u));flex-direction:column;display:flex}.jn-nameit .kicker{color:var(--j-accent-text)}.jn-nameit .boxes{gap:calc(8 * var(--u));flex-wrap:wrap;display:flex}.jn-nameit .boxes i{width:calc(46 * var(--u));height:calc(54 * var(--u));border-radius:calc(12 * var(--u));border:1.5px dashed var(--j-field-rim);background:var(--j-inset)}.jn-nameit .hint{font-size:calc(13 * var(--u));color:var(--j-faded)}.jn-nameit .field{height:calc(60 * var(--u));padding:0 calc(6 * var(--u)) 0 calc(18 * var(--u));box-sizing:border-box;border-radius:calc(18 * var(--u));background:var(--j-inset);border:1.5px solid var(--j-field-rim);align-items:center;gap:calc(8 * var(--u));display:flex}.jn-nameit input{min-width:0;height:calc(50 * var(--u));color:var(--j-text);font-family:var(--latin);font-size:calc(19 * var(--u));background:0 0;border:none;outline:none;flex:1}.jn-nameit input::placeholder{color:var(--j-faded)}.jn-nameit input:focus-visible{outline:none}.jn-nameit .field:focus-within{border-color:var(--j-accent)}.jn-nameit button{width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:calc(14 * var(--u));background:var(--j-accent);color:var(--j-on-accent);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex}.jn-nameit button svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.jn-nameit button:disabled{opacity:.5;cursor:default}.jn-wbw{gap:calc(16 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.jn-wbw .kicker{font-size:calc(11.5 * var(--u));letter-spacing:.22em;color:var(--j-accent-text);font-weight:800}.jn-prompt{padding:calc(16 * var(--u)) calc(28 * var(--u));border-radius:calc(22 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);align-items:center;gap:calc(22 * var(--u));flex:none;display:flex}.jn-prompt .en{font-size:calc(27 * var(--u));font-weight:700}.jn-rail{padding:calc(18 * var(--u)) calc(24 * var(--u)) calc(22 * var(--u));border-radius:calc(26 * var(--u));background:var(--j-field);border:1px solid var(--j-field-rim);gap:calc(12 * var(--u));flex-direction:column;flex:none;display:flex}.jn-rail .top{justify-content:space-between;display:flex}.jn-rail .top .kicker{color:var(--j-text2)}.jn-rail .rtl{font-size:calc(13 * var(--u));color:var(--j-faded);font-weight:700}.jn-rail .slots{gap:calc(12 * var(--u));height:calc(118 * var(--u));display:grid}.jn-shake{animation:.45s ease-in-out jnShake}.jn-rail .slot{border-radius:calc(18 * var(--u));border:1.5px dashed var(--j-field-rim);background:var(--j-inset);flex-direction:column;justify-content:center;align-items:center;display:flex}.jn-rail .slot.next{border:calc(2 * var(--u)) solid var(--j-accent);animation:1.6s ease-in-out infinite jnSlot}@keyframes jnSlot{0%,to{border-color:#62c6e659}50%{border-color:var(--j-accent)}}.jn-rail .slot.laid{background:var(--j-paper);color:var(--j-ink);border:1px solid #e4dccb;animation:.3s ease-out jnPop}.jn-rail .slot .ar{font-size:calc(36 * var(--u));font-weight:600;line-height:1.25}.jn-rail .slot .tr{font-size:calc(15 * var(--u));color:var(--j-ink2);font-style:italic}.jn-hands{grid-template-columns:minmax(0, 1fr) calc(320 * var(--u)) minmax(0, 1fr);gap:calc(18 * var(--u));flex:1;min-height:0;display:grid}.jn-hand{padding:calc(20 * var(--u)) calc(22 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-inset);gap:calc(14 * var(--u));border:1.5px solid #62c6e64d;flex-direction:column;min-height:0;display:flex}.jn-hand.them{border-color:#f5b8604d}.jn-hand.you.active{border-color:var(--j-you);box-shadow:0 0 0 calc(5 * var(--u)) #62c6e61f}.jn-hand.them.active{border-color:var(--j-them)}.jn-hand .head{font-size:calc(13 * var(--u));color:var(--j-faded);justify-content:space-between;align-items:baseline;display:flex}.jn-hand.you .kicker{color:var(--j-you)}.jn-hand.them .kicker{color:var(--j-them)}.jn-hand .tiles{justify-content:center;align-items:center;gap:calc(16 * var(--u));flex-wrap:wrap;flex:1;align-content:center;display:flex}.jn-hand .none{font-size:calc(16 * var(--u));color:var(--j-faded)}.jn-wtile{width:calc(180 * var(--u));height:calc(130 * var(--u));border-radius:calc(20 * var(--u));background:var(--j-paper);box-shadow:0 calc(12 * var(--u)) calc(26 * var(--u)) #040a1259;justify-content:center;align-items:center;gap:calc(2 * var(--u));cursor:pointer;border:1px solid #e4dccb;flex-direction:column;display:flex;color:var(--j-ink)!important}.jn-wtile .ar{font-size:calc(36 * var(--u));font-weight:600;line-height:1.25}.jn-wtile .tr{font-size:calc(16 * var(--u));color:var(--j-ink2);font-style:italic}.jn-wtile:disabled{opacity:.6;cursor:default}.jn-wback{width:calc(130 * var(--u));height:calc(130 * var(--u));border-radius:calc(20 * var(--u));border:1px solid var(--j-field-rim);box-shadow:0 calc(12 * var(--u)) calc(26 * var(--u)) #040a1259;font-size:calc(34 * var(--u));color:var(--j-them-text);background:repeating-linear-gradient(45deg,#f5b86014 0 2px,#0000 2px 18px),linear-gradient(160deg,#40607d,#2a445e);justify-content:center;align-items:center;font-weight:800;display:flex}.jn-centre-panel{padding:calc(22 * var(--u));border-radius:calc(24 * var(--u));background:var(--j-inset);border:1px solid var(--j-field);justify-content:center;align-items:center;gap:calc(14 * var(--u));text-align:center;flex-direction:column;display:flex}.jn-centre-panel .pill{height:calc(40 * var(--u));padding:0 calc(20 * var(--u));font-size:calc(13 * var(--u));letter-spacing:.18em;color:var(--j-accent-text);border:1.5px solid var(--j-you);background:#62c6e629;border-radius:999px;align-items:center;font-weight:800;display:flex}.jn-centre-panel .pill.them{color:var(--j-them-text);border-color:var(--j-them);background:#f5b86029}.jn-centre-panel p{font-size:calc(15 * var(--u));color:var(--j-text2);margin:0;line-height:1.5}.jn-centre-panel .pass{height:calc(56 * var(--u));padding:0 calc(24 * var(--u));border:1.5px solid var(--j-field-rim);cursor:pointer;background:0 0;border-radius:999px;font-weight:800;color:var(--j-text)!important;font-size:calc(16 * var(--u))!important}.jn-centre-panel .pass:disabled{opacity:.5;cursor:default}.jn-centre-panel .event{min-height:calc(22 * var(--u));font-size:calc(14 * var(--u));color:var(--j-text2);font-weight:700}.jn-centre-panel .event.broke{color:var(--j-heart)}.jn-left{z-index:6;border-radius:calc(36 * var(--u));background:#08101a9e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.jn-left .jn-modal{padding:calc(36 * var(--u)) calc(40 * var(--u)) calc(34 * var(--u));gap:calc(16 * var(--u))}.jn-left .big{font-size:calc(30 * var(--u))}.jn-left .small{font-size:calc(17 * var(--u));line-height:1.5}.jn-left-avatar{width:calc(92 * var(--u));height:calc(92 * var(--u));border:1.5px dashed var(--j-field-rim);background:var(--j-inset);color:var(--j-faded);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.jn-left-avatar>svg{width:calc(38 * var(--u));height:calc(38 * var(--u));opacity:.75}.jn-left-avatar .exit{right:calc(-4 * var(--u));bottom:calc(-2 * var(--u));width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--j-field);border:calc(2 * var(--u)) solid var(--j-panel);color:var(--j-text2);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.jn-left-avatar .exit svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.jn-left .row{margin-top:calc(8 * var(--u));gap:calc(12 * var(--u));display:flex}.jn-left .jn-primary{height:calc(58 * var(--u));padding:0 calc(30 * var(--u));font-size:calc(17 * var(--u))!important}.jn-secondary{height:calc(58 * var(--u));padding:0 calc(26 * var(--u));border:1.5px solid var(--j-field-rim);cursor:pointer;background:0 0;border-radius:999px;font-weight:700;color:var(--j-text)!important;font-size:calc(17 * var(--u))!important}.jn-pencil .swatches{gap:calc(10 * var(--u));display:flex}.jn-pencil .swatch{width:calc(38 * var(--u));height:calc(38 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) var(--j-field);cursor:pointer;border:none;border-radius:50%;padding:0}.jn-pencil .swatch.on{box-shadow:0 0 0 calc(3 * var(--u)) var(--j-text)}.jn-pencil .sizes{gap:calc(10 * var(--u));display:flex}.jn-pencil .size{width:calc(54 * var(--u));height:calc(46 * var(--u));border-radius:calc(14 * var(--u));background:var(--j-field);box-shadow:inset 0 0 0 1px var(--j-field-rim);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex}.jn-pencil .size.on{box-shadow:inset 0 0 0 calc(2 * var(--u)) var(--j-accent)}.jn-pencil .size i{background:var(--j-text);border-radius:50%}.jn-pencil .row{gap:calc(10 * var(--u));display:flex}.jn-pencil .row .jn-tool{justify-content:center;align-items:center;gap:calc(8 * var(--u));flex:1;display:flex}.jn-pencil .row .jn-tool svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.jn-pencil .jn-tool.eraser{background:var(--j-field)}.jn-pencil .jn-tool.eraser.on{border:calc(2 * var(--u)) solid var(--j-accent)}.ls-scrim{z-index:10;font-family:var(--latin);color:#f3f1e7;background:#0e1410b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ls-stage{width:calc(1920 * var(--u));height:calc(1080 * var(--u));flex:none;position:relative}.ls-stage *{box-sizing:border-box}.ls-stage [lang=ar]{font-family:var(--arabic);font-style:normal}.ls-stage :where(button){font:inherit;color:inherit}.ls-stage .zi{font-family:var(--latin);font-style:italic}@keyframes lsIn{0%{opacity:0;transform:translateY(calc(8 * var(--u)))}to{opacity:1;transform:none}}@keyframes lsPulse{0%,to{box-shadow:0 0 0 0 #c9db6e8c, 0 calc(16 * var(--u)) calc(30 * var(--u)) #060a0866}50%{box-shadow:0 0 0 calc(9 * var(--u)) #c9db6e00, 0 calc(16 * var(--u)) calc(30 * var(--u)) #060a0866}}@keyframes lsShake{0%,to{transform:translate(0)}20%{transform:translateX(calc(-7 * var(--u)))}40%{transform:translateX(calc(6 * var(--u)))}60%{transform:translateX(calc(-4 * var(--u)))}80%{transform:translateX(calc(2 * var(--u)))}}@keyframes lsStamp{0%{opacity:0;transform:rotate(-10deg)scale(1.7)}70%{opacity:1;transform:rotate(-10deg)scale(.94)}to{opacity:1;transform:rotate(-10deg)scale(1)}}.ls-frame{left:calc(96 * var(--u));top:calc(54 * var(--u));width:calc(1728 * var(--u));height:calc(972 * var(--u));border-radius:calc(30 * var(--u));background:repeating-linear-gradient(90deg, #3c241012 0 calc(2 * var(--u)), transparent calc(2 * var(--u)) calc(11 * var(--u))), linear-gradient(180deg, #9c7449 0%, #86613d 55%, #76532f 100%);box-shadow:0 calc(34 * var(--u)) calc(90 * var(--u)) #060a0899, inset 0 calc(2 * var(--u)) 0 #ffe8c44d, inset 0 calc(-3 * var(--u)) 0 #28180a59;position:absolute}.ls-surf{left:calc(112 * var(--u));top:calc(70 * var(--u));width:calc(1696 * var(--u));height:calc(924 * var(--u));border-radius:calc(16 * var(--u));background-color:#26372f;background-image:radial-gradient(ellipse calc(520 * var(--u)) calc(220 * var(--u)) at 18% 22%, #f3f1e70b, transparent 70%), radial-gradient(ellipse calc(640 * var(--u)) calc(260 * var(--u)) at 78% 70%, #f3f1e709, transparent 70%), radial-gradient(ellipse calc(380 * var(--u)) calc(140 * var(--u)) at 55% 12%, #f3f1e708, transparent 70%);box-shadow:inset 0 0 0 1px #1d2b24, inset 0 calc(8 * var(--u)) calc(18 * var(--u)) #00000059, inset 0 calc(-2 * var(--u)) 0 #00000040;position:absolute}.ls-chalk{top:calc(1002 * var(--u));height:calc(10 * var(--u));border-radius:calc(5 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(2 * var(--u)) #0000004d;background:linear-gradient(#fbfaf4,#dcd8cb);position:absolute}.ls-chalk.white{left:calc(1290 * var(--u));width:calc(70 * var(--u))}.ls-chalk.yellow{left:calc(1372 * var(--u));top:calc(1004 * var(--u));width:calc(38 * var(--u));background:linear-gradient(#f6e7a8,#d9c77e)}.ls-eraser{left:calc(1440 * var(--u));top:calc(996 * var(--u));width:calc(118 * var(--u));height:calc(22 * var(--u));border-radius:calc(4 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(4 * var(--u)) #00000059;background:linear-gradient(#b48a5c 0 45%,#4a4744 45% 100%);position:absolute}.ls-head{left:calc(148 * var(--u));top:calc(96 * var(--u));width:calc(1624 * var(--u));height:calc(60 * var(--u));align-items:center;gap:calc(18 * var(--u));display:flex;position:absolute}.ls-round{width:calc(44 * var(--u));height:calc(44 * var(--u));cursor:pointer;background:#2d4037;border:1px solid #3e5248;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .15s,border-color .15s;display:flex;color:#f3f1e7!important}.ls-round svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ls-round:hover{background:#33463d;border-color:#4e6358}.ls-round:focus-visible{outline:calc(3 * var(--u)) solid #c9db6e;outline-offset:calc(3 * var(--u))}.ls-portrait{width:calc(60 * var(--u));height:calc(60 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) #f3f1e747;border-radius:50%;flex:none;display:flex}.ls-portrait .hud-avatar{width:100%;height:100%;box-shadow:none;font-size:calc(26 * var(--u))}.ls-names{gap:calc(2 * var(--u));flex-direction:column;min-width:0;display:flex}.ls-names [lang=ar]{font-size:calc(30 * var(--u));align-self:flex-start;font-weight:700;line-height:1.2}.ls-names .en{font-size:calc(17 * var(--u));color:#c3cec4;font-weight:600}.ls-right{align-items:center;gap:calc(22 * var(--u));margin-left:auto;display:flex}.ls-caps{font-size:calc(12 * var(--u));letter-spacing:.2em;text-transform:uppercase;font-weight:800}.ls-count{align-items:baseline;gap:calc(8 * var(--u));display:flex}.ls-count .ls-caps{color:#c9db6e}.ls-count b{font-size:calc(26 * var(--u));font-variant-numeric:tabular-nums;color:#f3f1e7;font-weight:700}.ls-count i{font-style:normal;font-size:calc(18 * var(--u));color:#c3cec4;font-weight:500}.ls-dots{gap:calc(6 * var(--u));align-items:center;display:flex}.ls-dot{width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:50%}.ls-dot.done{background:#c9db6e}.ls-dot.cur{box-shadow:inset 0 0 0 calc(2 * var(--u)) #c9db6e}.ls-dot.todo{box-shadow:inset 0 0 0 calc(2 * var(--u)) #4e6358}.ls-rule{left:calc(148 * var(--u));top:calc(172 * var(--u));width:calc(1624 * var(--u));border-top:calc(2 * var(--u)) dashed #f3f1e729;position:absolute}.ls-grid{left:calc(148 * var(--u));top:calc(192 * var(--u));width:calc(1624 * var(--u));height:calc(776 * var(--u));gap:calc(30 * var(--u)) calc(30 * var(--u));grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:absolute}.ls-grid.g3{gap:calc(24 * var(--u)) calc(30 * var(--u));grid-template-rows:repeat(3,minmax(0,1fr))}.ls-grid.g4{gap:calc(22 * var(--u)) calc(24 * var(--u));grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.ls-grid.many{grid-template-rows:none;grid-auto-rows:calc(240 * var(--u));scrollbar-width:thin;padding-top:calc(16 * var(--u));overflow-y:auto}.ls-grid>li{min-height:0;display:flex}.ls-card{gap:calc(10 * var(--u));text-align:left;border-radius:calc(16 * var(--u));min-width:0;padding:calc(30 * var(--u)) calc(30 * var(--u)) calc(24 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(30 * var(--u)) #060a0866, inset 0 calc(-5 * var(--u)) 0 #e8dec9;transform:rotate(var(--tilt));cursor:pointer;background:#f7f1e3;border:none;flex-direction:column;flex:1;transition:transform .18s,box-shadow .18s;display:flex;position:relative;color:#25231e!important}.ls-card:before{content:"";left:50%;top:calc(-13 * var(--u));width:calc(120 * var(--u));height:calc(28 * var(--u));margin-left:calc(-60 * var(--u));transform:rotate(calc(var(--tilt) * -3));box-shadow:0 1px calc(2 * var(--u)) #0000002e;background:#e8ddb8e0;position:absolute}.ls-card.open{animation:2.4s ease-in-out infinite lsPulse}.ls-card.open:hover,.ls-card.done:hover{transform:rotate(0deg) translateY(calc(-5 * var(--u)));box-shadow:0 calc(24 * var(--u)) calc(40 * var(--u)) #060a087a, inset 0 calc(-5 * var(--u)) 0 #e8dec9}.ls-card:focus-visible{outline:calc(3 * var(--u)) solid #c9db6e;outline-offset:calc(5 * var(--u))}.ls-card.locked{box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) #060a084d, inset 0 calc(-5 * var(--u)) 0 #e2d6be;cursor:default;background:#efe6d2}.ls-card.locked .ls-dim{opacity:.5}.ls-card.soon{box-shadow:none;border:calc(2 * var(--u)) dashed #f3f1e752;cursor:default;background:0 0;color:#c3cec4!important}.ls-card.soon:before{display:none}.ls-card-top{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));min-height:calc(30 * var(--u));display:flex}.ls-card-n{font-size:calc(12 * var(--u));letter-spacing:.2em;color:#8e887a;font-weight:800}.ls-card.soon .ls-card-n{color:#8fa197}.ls-badge{align-items:center;gap:calc(7 * var(--u));height:calc(30 * var(--u));padding:0 calc(13 * var(--u)) 0 calc(9 * var(--u));border-radius:calc(999 * var(--u));font-size:calc(13 * var(--u));font-weight:800;display:inline-flex}.ls-badge svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.ls-badge.done{color:#1c2a14;box-shadow:inset 0 calc(-2 * var(--u)) 0 #afc253;background:#c9db6e}.ls-badge.next{color:#c9db6e;padding:0 calc(13 * var(--u));background:#26372f}.ls-badge.locked{color:#8e887a;box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #cfc4ac;background:0 0}.ls-badge.soon{color:#c3cec4;box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #f3f1e752;padding:0 calc(13 * var(--u));background:0 0}.ls-card-title{margin-top:calc(6 * var(--u));font-size:calc(25 * var(--u));letter-spacing:-.005em;font-weight:800;line-height:1.2}.ls-card-sub{font-size:calc(16.5 * var(--u));color:#5f5a4f;font-weight:500;line-height:1.4}.ls-card.soon .ls-card-sub{color:#8fa197}.ls-card-foot{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));padding-top:calc(12 * var(--u));min-height:calc(52 * var(--u));border-top:1px solid #e3d9c4;margin-top:auto;display:flex}.ls-card.soon .ls-card-foot{border-top-color:#f3f1e729}.ls-pages{align-items:center;gap:calc(7 * var(--u));font-size:calc(14 * var(--u));color:#8e887a;font-weight:700;display:inline-flex}.ls-pages svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}.ls-card.soon .ls-pages{color:#8fa197}.ls-cta{align-items:center;gap:calc(9 * var(--u));height:calc(44 * var(--u));padding:0 calc(20 * var(--u)) 0 calc(22 * var(--u));border-radius:calc(999 * var(--u));color:#1c2a14;font-size:calc(16 * var(--u));box-shadow:inset 0 calc(-3 * var(--u)) 0 #afc253;background:#c9db6e;font-weight:800;display:inline-flex}.ls-cta svg,.ls-replay svg,.ls-why svg{width:calc(17 * var(--u));height:calc(17 * var(--u))}.ls-card:hover .ls-cta{background:#d4e47e}.ls-replay{align-items:center;gap:calc(8 * var(--u));height:calc(40 * var(--u));padding:0 calc(16 * var(--u));border-radius:calc(999 * var(--u));color:#26372f;font-size:calc(15 * var(--u));box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #cfc4ac;font-weight:800;display:inline-flex}.ls-card.done:hover .ls-replay{background:#efe6d2}.ls-why{align-items:center;gap:calc(8 * var(--u));font-size:calc(15 * var(--u));color:#8e887a;font-weight:700;display:inline-flex}.g3 .ls-card,.g4 .ls-card,.many .ls-card{padding:calc(22 * var(--u)) calc(26 * var(--u)) calc(18 * var(--u));gap:calc(6 * var(--u))}.g3 .ls-card-title,.g4 .ls-card-title,.many .ls-card-title{font-size:calc(20 * var(--u));margin-top:0}.g3 .ls-card-sub,.g4 .ls-card-sub,.many .ls-card-sub{font-size:calc(14.5 * var(--u));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.g3 .ls-card-foot,.g4 .ls-card-foot,.many .ls-card-foot{min-height:calc(44 * var(--u));padding-top:calc(8 * var(--u))}.g3 .ls-cta,.g4 .ls-cta,.many .ls-cta{height:calc(38 * var(--u));font-size:calc(15 * var(--u))}.g3 .ls-replay,.g4 .ls-replay,.many .ls-replay{height:calc(36 * var(--u))}.ls-lnames{gap:calc(3 * var(--u));min-width:0;max-width:calc(1180 * var(--u));flex-direction:column;display:flex}.ls-lline{align-items:center;gap:calc(14 * var(--u));min-width:0;display:flex}.ls-chip{height:calc(26 * var(--u));padding:0 calc(11 * var(--u));border-radius:calc(999 * var(--u));color:#c9db6e;font-size:calc(12 * var(--u));letter-spacing:.18em;text-transform:uppercase;background:#33463d;flex:none;align-items:center;font-weight:800;display:inline-flex}.ls-ltitle{font-size:calc(24 * var(--u));color:#f3f1e7;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:800;overflow:hidden}.ls-lsub{font-size:calc(16 * var(--u));color:#c3cec4;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ls-paper{left:calc(148 * var(--u));top:calc(172 * var(--u));width:calc(1624 * var(--u));height:calc(724 * var(--u));border-radius:calc(18 * var(--u));color:#25231e;box-shadow:0 calc(24 * var(--u)) calc(60 * var(--u)) #060a0873, inset 0 calc(-5 * var(--u)) 0 #e8dec9;padding:calc(28 * var(--u)) calc(40 * var(--u)) calc(28 * var(--u));gap:calc(16 * var(--u));background:#f7f1e3;border:1px solid #e3d9c4;flex-direction:column;animation:.22s ease-out lsIn;display:flex;position:absolute}.ls-phead{justify-content:space-between;align-items:flex-end;gap:calc(24 * var(--u));display:flex}.ls-phead>div{flex-direction:column;min-width:0;display:flex}.ls-kind{align-items:center;gap:calc(8 * var(--u));color:#8e887a;display:inline-flex}.ls-kind svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.ls-h{margin:calc(4 * var(--u)) 0 0;font-size:calc(32 * var(--u));letter-spacing:-.01em;color:#25231e;font-weight:800;line-height:1.15}.ls-instr{margin:calc(4 * var(--u)) 0 0;font-size:calc(24 * var(--u));color:#25231e;font-weight:800;line-height:1.2}.ls-tally{font-size:calc(15 * var(--u));color:#8e887a;padding-bottom:calc(4 * var(--u));white-space:nowrap;font-weight:700}.ls-error{font-size:calc(20 * var(--u));color:#8e887a;text-align:center;margin:auto;font-weight:700}.ls-read{grid-template-columns:calc(560 * var(--u)) minmax(0, 1fr);gap:calc(48 * var(--u));flex:1;align-items:start;min-height:0;display:grid}.ls-read.notable{grid-template-columns:minmax(0, calc(900 * var(--u)))}.ls-text p{margin:0 0 calc(16 * var(--u));font-size:calc(20 * var(--u));color:#25231e;line-height:1.62}.ls-read.dense .ls-text p{font-size:calc(16.5 * var(--u));margin-bottom:calc(11 * var(--u));line-height:1.56}.ls-text [lang=ar]{font-size:1.12em}.ls-tbl{width:auto;min-width:70%;max-width:calc(936 * var(--u));border-collapse:separate;border-spacing:0;border-radius:calc(14 * var(--u));background:#fbf7ee;border:1px solid #e3d9c4;justify-self:start;overflow:hidden}.ls-tbl th{height:calc(40 * var(--u));padding:0 calc(16 * var(--u));font-size:calc(13 * var(--u));color:#6e675a;letter-spacing:.02em;text-align:left;background:#efe6d2;font-weight:800}.ls-tbl td{height:calc(52 * var(--u));padding:calc(4 * var(--u)) calc(16 * var(--u));color:#25231e;border-top:1px solid #ebe2cf}.ls-tbl tbody tr:nth-child(odd) td{background:#f4eddc}.ls-tbl tbody tr:nth-child(2n) td{background:#fbf7ee}.ls-cell{align-items:baseline;gap:calc(10 * var(--u));display:flex}.ls-tbl td.ar .ls-cell{justify-content:flex-end}.ls-tbl [lang=ar]{font-size:calc(24 * var(--u));font-weight:600;line-height:1.3}.ls-tbl .zi{font-size:calc(18 * var(--u));color:#5f5a4f;font-weight:600}.ls-tbl td.la .zi{color:#25231e;font-weight:700}.ls-tbl .en{font-size:calc(17.5 * var(--u));font-weight:500}.ls-pre{padding:1px calc(8 * var(--u));border-radius:calc(7 * var(--u));color:#2f4a1a;font-size:calc(17 * var(--u));background:#e2ebb7;font-style:italic;font-weight:800;display:inline-block}.ls-plus{color:#a39c8c;font-weight:700}.ls-read.dense .ls-pre{font-size:calc(14 * var(--u))}.ls-read.dense .ls-tbl th{height:calc(32 * var(--u));padding:0 calc(12 * var(--u));font-size:calc(12.5 * var(--u))}.ls-read.dense .ls-tbl td{height:calc(34 * var(--u));padding:calc(2 * var(--u)) calc(12 * var(--u))}.ls-read.dense .ls-cell{gap:calc(8 * var(--u))}.ls-read.dense .ls-tbl [lang=ar]{font-size:calc(18 * var(--u))}.ls-read.dense .ls-tbl .zi,.ls-read.dense .ls-tbl .en{font-size:calc(14.5 * var(--u))}.ls-qs{gap:calc(14 * var(--u)) calc(18 * var(--u));flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);min-height:0;margin:0;padding:0;list-style:none;display:grid}.ls-q{justify-content:center;gap:calc(14 * var(--u));border-radius:calc(14 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u));background:#fbf7ee;border:1px solid #e3d9c4;flex-direction:column;min-height:0;display:flex}.ls-qtop{gap:calc(7 * var(--u));flex-direction:column;display:flex}.ls-qhead{align-items:flex-start;gap:calc(12 * var(--u));display:flex}.ls-num{width:calc(28 * var(--u));height:calc(28 * var(--u));font-size:calc(14 * var(--u));margin-top:calc(2 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;transition:background-color .2s,color .2s;display:flex}.ls-num.todo{color:#25231e;box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #25231e}.ls-num.right{color:#1c2a14;box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #afc253;background:#c9db6e}.ls-num.wrong{color:#fff8f2;background:#c8664a}.ls-prompt{flex-direction:column;gap:1px;min-width:0;display:flex}.ls-pline{align-items:baseline;gap:calc(12 * var(--u));flex-wrap:wrap;display:flex}.ls-prompt [lang=ar]{font-size:calc(23 * var(--u));font-weight:600;line-height:1.3}.ls-prompt .zi{font-size:calc(15 * var(--u));color:#5f5a4f;font-weight:600}.ls-prompt .en-big{font-size:calc(21 * var(--u));font-weight:800;line-height:1.3}.ls-prompt .en-small{font-size:calc(14.5 * var(--u));color:#8e887a;font-weight:600}.ls-hint{margin:0 0 0 calc(40 * var(--u));align-self:flex-start;align-items:center;gap:calc(8 * var(--u));padding:calc(5 * var(--u)) calc(12 * var(--u));border-radius:calc(9 * var(--u));color:#5e5225;font-size:calc(14 * var(--u));background:#f3ebcb;font-style:italic;font-weight:600;display:inline-flex}.ls-hint.unseen{visibility:hidden}.ls-qs:not(.tight) .ls-hint.unseen{display:none}.ls-hint svg{width:calc(15 * var(--u));height:calc(15 * var(--u));color:#b08f2a;flex:none}.ls-opts{margin-left:calc(40 * var(--u));gap:calc(10 * var(--u));display:flex}.ls-opt{min-width:0;min-height:calc(50 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u)) calc(7 * var(--u));border-radius:calc(11 * var(--u));cursor:pointer;background:#f7f1e3;border:1px solid #e3d9c4;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:0;transition:background-color .12s,border-color .12s,opacity .2s;display:flex;position:relative;color:#25231e!important}.ls-opt [lang=ar]{font-size:calc(20 * var(--u));font-weight:600;line-height:1.3}.ls-opt .zi{font-size:calc(13.5 * var(--u));color:#5f5a4f;font-weight:600}.ls-opt .en{font-size:calc(16 * var(--u));text-align:center;font-weight:700;line-height:1.25}.ls-opt.judge{gap:calc(9 * var(--u));flex-direction:row}.ls-opt.judge .en{font-size:calc(16.5 * var(--u))}.ls-opt .yes{color:#4e7a2e;display:flex}.ls-opt .no{color:#c8664a;display:flex}.ls-opt .yes svg,.ls-opt .no svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ls-opt:hover:not(:disabled){background:#f3f1db;border-color:#afc253}.ls-opt:active:not(:disabled){background:#e7eec6}.ls-opt:focus-visible{outline:calc(3 * var(--u)) solid #26372f;outline-offset:calc(2 * var(--u))}.ls-opt:disabled{cursor:default}.ls-opt.right{border:calc(2 * var(--u)) solid #afc253;background:#c9db6e;color:#1c2a14!important}.ls-opt.right .zi{color:#3d4a2a}.ls-opt.shown{border:calc(2 * var(--u)) dashed #afc253;background:#eef3d2}.ls-opt.wrong{border:calc(2 * var(--u)) solid #c8664a;background:#f4ddd2;color:#7a3b25!important}.ls-opt.wrong .zi{color:#9a5a44}.ls-opt.off{opacity:.45}.ls-mark{right:calc(-8 * var(--u));top:calc(-8 * var(--u));width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.ls-mark svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}.ls-opt.right .ls-mark,.ls-opt.shown .ls-mark{color:#c9db6e;background:#26372f}.ls-opt.wrong .ls-mark{color:#fff8f2;background:#c8664a}.ls-qs.q8 .ls-q{padding:calc(11 * var(--u)) calc(16 * var(--u)) calc(11 * var(--u)) calc(14 * var(--u));gap:calc(9 * var(--u))}.ls-qs.q4 .ls-opt,.ls-qs.q6 .ls-opt{min-height:calc(56 * var(--u))}.ls-qs.q4 .ls-opt [lang=ar],.ls-qs.q6 .ls-opt [lang=ar]{font-size:calc(21 * var(--u))}.ls-qs.q4 .ls-opt .en,.ls-qs.q6 .ls-opt .en{font-size:calc(17 * var(--u))}.ls-qs.q8 .ls-prompt [lang=ar]{font-size:calc(21 * var(--u))}.ls-qs.q8 .ls-prompt .zi{font-size:calc(14 * var(--u))}.ls-qs.q8 .ls-prompt .en-big{font-size:calc(19 * var(--u))}.ls-qs.q8 .ls-opt{min-height:calc(46 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u))}.ls-qs.q8 .ls-opt [lang=ar]{font-size:calc(18.5 * var(--u))}.ls-qs.q8 .ls-opt .zi{font-size:calc(13 * var(--u))}.ls-qs.q8 .ls-opt .en{font-size:calc(15 * var(--u))}.ls-qs.tight{grid-auto-rows:auto;align-content:stretch}.ls-qs.tight .ls-q{min-height:auto;padding:calc(8 * var(--u)) calc(16 * var(--u)) calc(8 * var(--u)) calc(14 * var(--u));gap:calc(6 * var(--u))}.ls-qs.tight .ls-qtop{gap:calc(4 * var(--u))}.ls-qs.tight .ls-prompt [lang=ar]{font-size:calc(19 * var(--u));line-height:1.2}.ls-qs.tight .ls-prompt .zi{font-size:calc(13 * var(--u))}.ls-qs.tight .ls-pline{column-gap:calc(10 * var(--u));row-gap:0}.ls-qs.tight .ls-num{margin-top:0}.ls-qs.tight .ls-hint{padding:calc(2 * var(--u)) calc(10 * var(--u))}.ls-qs.tight .ls-opt{min-height:calc(40 * var(--u));padding:calc(2 * var(--u)) calc(8 * var(--u)) calc(3 * var(--u))}.ls-match{min-height:0;max-height:calc(600 * var(--u));grid-template-columns:calc(700 * var(--u)) calc(144 * var(--u)) calc(700 * var(--u));flex:auto;grid-template-rows:minmax(0,1fr);align-items:stretch;display:grid}.ls-mcol{gap:calc(12 * var(--u));grid-template-rows:repeat(6,minmax(0,1fr));min-height:0;display:grid}.ls-m{text-align:left;padding:calc(8 * var(--u)) calc(54 * var(--u)) calc(8 * var(--u)) calc(22 * var(--u));border-radius:calc(14 * var(--u));cursor:pointer;background:#fbf7ee;border:1px solid #e3d9c4;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;transition:background-color .12s,border-color .12s,box-shadow .15s,opacity .2s;display:flex;position:relative;color:#25231e!important}.ls-m [lang=ar]{font-size:calc(23 * var(--u));font-weight:600;line-height:1.3}.ls-m .zi{font-size:calc(15 * var(--u));color:#5f5a4f;font-weight:600}.ls-m .en{font-size:calc(18 * var(--u));font-weight:700}.ls-mean{margin-top:calc(3 * var(--u));font-size:calc(14.5 * var(--u));color:#7a3b25;font-weight:700}.ls-m:hover:not(:disabled):not(.picked){background:#f3f1db;border-color:#afc253}.ls-m:focus-visible{outline:calc(3 * var(--u)) solid #26372f;outline-offset:calc(2 * var(--u))}.ls-m:disabled{cursor:default}.ls-m.armed{border:calc(1.5 * var(--u)) dashed #afc253}.ls-m.picked{border:calc(2 * var(--u)) solid #26372f;box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) #26372f38;background:#f3f1db}.ls-m.right{border:calc(2 * var(--u)) solid #afc253;background:#e7eec6}.ls-m.wrong{border:calc(2 * var(--u)) solid #c8664a;background:#f4ddd2}.ls-m.taken{border:calc(2 * var(--u)) dashed #d8b3a3;background:#f7f1e3;color:#9a8f7e!important}.ls-m.shake{animation:.4s ease-in-out lsShake}.ls-mbadge{right:calc(16 * var(--u));margin-top:calc(-13 * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%}.ls-mbadge svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.ls-m.right .ls-mbadge{color:#c9db6e;background:#26372f}.ls-m.wrong .ls-mbadge{color:#fff8f2;background:#c8664a}.ls-m.picked .ls-mbadge{color:#f3f1e7;background:#26372f}.ls-pick{right:calc(52 * var(--u));top:calc(8 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.16em;text-transform:uppercase;color:#4e7a2e;font-weight:800;position:absolute}.ls-lines{width:calc(144 * var(--u));height:100%;overflow:visible}.ls-foot{left:calc(148 * var(--u));top:calc(912 * var(--u));width:calc(1624 * var(--u));height:calc(56 * var(--u));justify-content:space-between;align-items:center;gap:calc(20 * var(--u));display:flex;position:absolute}.ls-foot-side{width:calc(220 * var(--u));display:flex}.ls-foot-side.end{justify-content:flex-end}.ls-btn{height:calc(54 * var(--u));border-radius:calc(999 * var(--u));align-items:center;gap:calc(10 * var(--u));cursor:pointer;white-space:nowrap;font-weight:800;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;font-size:calc(17 * var(--u))!important}.ls-btn svg{width:calc(18 * var(--u));height:calc(18 * var(--u));flex:none}.ls-btn.ghost{padding:0 calc(24 * var(--u)) 0 calc(20 * var(--u));background:0 0;border:1px solid #4e6358;color:#c3cec4!important}.ls-btn.ghost:hover{background:#2d4037;border-color:#8fa197;color:#f3f1e7!important}.ls-btn.main{padding:0 calc(26 * var(--u)) 0 calc(30 * var(--u));box-shadow:inset 0 calc(-3 * var(--u)) 0 #afc253, 0 calc(12 * var(--u)) calc(30 * var(--u)) #060a0859;background:#c9db6e;border:none;color:#1c2a14!important}.ls-btn.main:hover:not(:disabled){background:#d4e47e}.ls-btn.main:active:not(:disabled){box-shadow:inset 0 calc(2 * var(--u)) 0 #afc253;background:#bfd25e}.ls-btn:focus-visible{outline:calc(3 * var(--u)) solid #f3f1e7;outline-offset:calc(3 * var(--u))}.ls-btn.main:disabled{box-shadow:none;cursor:default;background:#33463d;color:#6f8278!important}.ls-btn.paper{padding:0 calc(24 * var(--u));background:0 0;border:1px solid #cfc4ac;color:#25231e!important}.ls-btn.paper:hover{background:#efe6d2}.ls-btn.dark{padding:0 calc(28 * var(--u)) 0 calc(30 * var(--u));background:#26372f;border:none;color:#f3f1e7!important}.ls-btn.dark:hover{background:#33463d}.ls-btn.paper:focus-visible,.ls-btn.dark:focus-visible{outline:calc(3 * var(--u)) solid #afc253;outline-offset:calc(3 * var(--u))}.ls-status{font-size:calc(15 * var(--u));color:#8fa197;text-align:center;flex:1;margin:0;font-weight:700}.ls-status.alert{color:#f0b4a8}.ls-endwrap{left:calc(148 * var(--u));top:calc(96 * var(--u));width:calc(1624 * var(--u));height:calc(872 * var(--u));justify-content:center;align-items:center;display:flex;position:absolute}.ls-end{width:calc(880 * var(--u));border-radius:calc(22 * var(--u));color:#25231e;box-shadow:0 calc(30 * var(--u)) calc(80 * var(--u)) #060a088c, inset 0 calc(-6 * var(--u)) 0 #e8dec9;padding:calc(56 * var(--u)) calc(64 * var(--u)) calc(44 * var(--u));text-align:center;align-items:center;gap:calc(6 * var(--u));background:#f7f1e3;flex-direction:column;animation:.25s ease-out lsIn;display:flex;position:relative}.ls-end:before{content:"";left:50%;top:calc(-14 * var(--u));width:calc(150 * var(--u));height:calc(30 * var(--u));margin-left:calc(-75 * var(--u));box-shadow:0 1px calc(2 * var(--u)) #0000002e;background:#e8ddb8e6;position:absolute;transform:rotate(-2deg)}.ls-stamp{right:calc(54 * var(--u));top:calc(44 * var(--u));width:calc(118 * var(--u));height:calc(118 * var(--u));border:calc(4 * var(--u)) double #4e7a2e;color:#4e7a2e;font-size:calc(20 * var(--u));letter-spacing:.2em;border-radius:50%;justify-content:center;align-items:center;font-weight:800;animation:.5s ease-out both lsStamp;display:flex;position:absolute;transform:rotate(-10deg)}.ls-say{align-items:center;gap:calc(16 * var(--u));margin-bottom:calc(14 * var(--u));display:flex}.ls-say .ls-portrait{width:calc(72 * var(--u));height:calc(72 * var(--u));box-shadow:0 0 0 calc(3 * var(--u)) #e3d9c4}.ls-bubble{padding:calc(12 * var(--u)) calc(20 * var(--u)) calc(13 * var(--u));border-radius:calc(16 * var(--u));text-align:left;font-size:calc(18 * var(--u));background:#efe6d2;flex-direction:column;align-items:flex-start;gap:1px;font-weight:700;display:flex;position:relative}.ls-bubble:before{content:"";left:calc(-9 * var(--u));margin-top:calc(-9 * var(--u));border:calc(9 * var(--u)) solid transparent;border-left:none;border-right-color:#efe6d2;position:absolute;top:50%}.ls-end .ls-chip{color:#2f4a1a;background:#e2ebb7}.ls-end h2{margin:calc(6 * var(--u)) 0 0;max-width:calc(700 * var(--u));font-size:calc(34 * var(--u));font-weight:800;line-height:1.2}.ls-end-sub{font-size:calc(18 * var(--u));color:#5f5a4f;font-weight:500}.ls-end-buttons{gap:calc(14 * var(--u));margin-top:calc(30 * var(--u));flex-wrap:wrap;justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){.ls-card.open,.ls-paper,.ls-end,.ls-stamp,.ls-m.shake{animation:none}}.al-grid{left:calc(148 * var(--u));top:calc(192 * var(--u));width:calc(1624 * var(--u));height:calc(776 * var(--u));gap:calc(26 * var(--u)) calc(26 * var(--u));grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:absolute}.al-grid>li{min-height:0;display:flex}.al-card{padding:calc(16 * var(--u)) calc(18 * var(--u)) calc(16 * var(--u));gap:calc(6 * var(--u))}.al-thumb{height:calc(170 * var(--u));margin:calc(4 * var(--u)) 0 calc(4 * var(--u));border-radius:calc(10 * var(--u));background:#26372f;flex:none;display:block;position:relative;overflow:hidden}.al-thumb img{object-fit:cover;width:100%;height:100%;display:block}.al-play{width:calc(54 * var(--u));height:calc(54 * var(--u));margin:calc(-27 * var(--u)) 0 0 calc(-27 * var(--u));color:#f3f1e7;background:#1c2a14b8;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.al-play svg{width:calc(26 * var(--u));height:calc(26 * var(--u));fill:currentColor;margin-left:calc(4 * var(--u))}.al-card .ls-card-title{font-size:calc(19 * var(--u));margin-top:0}.al-card .ls-card-sub{font-size:calc(14 * var(--u))}.al-test{justify-content:flex-start}.al-test .ls-card-title{margin-top:calc(16 * var(--u));font-size:calc(24 * var(--u))}.al-test .ls-card-sub{font-size:calc(15 * var(--u))}.al-video-paper{padding:calc(24 * var(--u));background:#1d211d;justify-content:center;align-items:center}.al-video{object-fit:contain;border-radius:calc(10 * var(--u));background:#000;width:100%;height:100%}.al-missing{align-items:center;gap:calc(10 * var(--u));text-align:center;color:#f3f1e7;flex-direction:column;display:flex}.al-missing .title{font-size:calc(26 * var(--u));font-weight:800}.al-missing .text{font-size:calc(17 * var(--u));color:#c3cec4}.al-test-paper{scrollbar-width:thin;overflow-y:auto}.al-intro{margin:calc(6 * var(--u)) 0 0;font-size:calc(17 * var(--u));color:#5f5a4f;font-weight:600}.al-situations{padding:calc(14 * var(--u)) calc(18 * var(--u));gap:calc(6 * var(--u)) calc(24 * var(--u));border-radius:calc(14 * var(--u));font-size:calc(16 * var(--u));color:#25231e;background:#fbf7ee;border:1px solid #e3d9c4;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}.al-situations b{width:calc(26 * var(--u));height:calc(26 * var(--u));margin-right:calc(8 * var(--u));color:#c9db6e;font-size:calc(13 * var(--u));background:#26372f;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.al-items{gap:calc(14 * var(--u));flex-direction:column;display:flex}.al-item{padding:calc(14 * var(--u)) calc(18 * var(--u));border-radius:calc(14 * var(--u));gap:calc(10 * var(--u));background:#fbf7ee;border:1px solid #e3d9c4;flex-direction:column;display:flex}.al-prompt{font-size:calc(19 * var(--u));color:#25231e;margin:0;font-weight:700;line-height:1.4}.al-options{gap:calc(8 * var(--u)) calc(10 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.al-option{align-items:center;gap:calc(12 * var(--u));min-height:calc(48 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));border-radius:calc(11 * var(--u));text-align:left;cursor:pointer;background:#f7f1e3;border:1px solid #e3d9c4;font-weight:600;display:flex;color:#25231e!important;font-size:calc(17 * var(--u))!important}.al-option .dot{width:calc(18 * var(--u));height:calc(18 * var(--u));box-shadow:inset 0 0 0 calc(2 * var(--u)) #8e887a;border-radius:50%;flex:none}.al-option:hover{border-color:#26372f}.al-option.on{border:calc(2 * var(--u)) solid #26372f;background:#efe6d2}.al-option.on .dot{box-shadow:inset 0 0 0 calc(5 * var(--u)) #26372f}.al-option:focus-visible,.al-key:focus-visible{outline:calc(3 * var(--u)) solid #26372f;outline-offset:calc(2 * var(--u))}.al-keys{gap:calc(8 * var(--u));flex-wrap:wrap;display:flex}.al-key{width:calc(48 * var(--u));height:calc(44 * var(--u));border-radius:calc(11 * var(--u));cursor:pointer;background:#f7f1e3;border:1px solid #e3d9c4;font-weight:800;color:#25231e!important;font-size:calc(18 * var(--u))!important}.al-key:hover{border-color:#26372f}.al-key.on{border:calc(2 * var(--u)) solid #26372f;background:#26372f;color:#c9db6e!important}.al-input{width:100%;padding:calc(10 * var(--u)) calc(14 * var(--u));border-radius:calc(11 * var(--u));color:#25231e;font-family:var(--latin);font-size:calc(18 * var(--u));resize:vertical;background:#fffdf7;border:1px solid #cfc4ac;outline:none}.al-input.short{width:calc(160 * var(--u))}.al-input:focus{box-shadow:0 0 0 calc(3 * var(--u)) #26372f26;border-color:#26372f}.al-confirm-scrim{z-index:5;background:#0e141099;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.al-confirm{width:calc(620 * var(--u));padding:calc(34 * var(--u)) calc(40 * var(--u)) calc(30 * var(--u));border-radius:calc(22 * var(--u));color:#25231e;text-align:center;gap:calc(12 * var(--u));box-shadow:0 calc(30 * var(--u)) calc(80 * var(--u)) #060a088c;background:#f7f1e3;flex-direction:column;display:flex}.al-confirm strong{font-size:calc(26 * var(--u));font-weight:800}.al-confirm p{margin:0 0 calc(8 * var(--u));font-size:calc(17 * var(--u));color:#5f5a4f;line-height:1.5}.al-confirm .row{gap:calc(12 * var(--u));justify-content:center;display:flex}.pf-body{gap:calc(22 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.pf-state{color:var(--text-2);font-size:calc(20 * var(--u));text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.pf-who{align-items:center;gap:calc(22 * var(--u));padding:calc(18 * var(--u)) calc(24 * var(--u));background:var(--field);border:1px solid var(--field-rim);border-radius:calc(24 * var(--u));display:flex}.pf-badge{width:calc(96 * var(--u));height:calc(96 * var(--u));background:var(--avatar-ground);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.pf-badge .object-picture{width:calc(64 * var(--u));height:calc(64 * var(--u));font-size:calc(48 * var(--u));margin:0}.pf-flag{right:calc(-4 * var(--u));bottom:calc(-2 * var(--u));font-size:calc(28 * var(--u));line-height:1;position:absolute}.pf-names{gap:calc(4 * var(--u));flex-direction:column;min-width:0;display:flex}.pf-names h3{font-size:calc(32 * var(--u));color:var(--text);margin:0;font-weight:800}.pf-number{font-size:calc(20 * var(--u));color:var(--text-2);font-weight:700}.pf-since{font-size:calc(15 * var(--u));color:var(--text-2)}.pf-note{max-width:calc(380 * var(--u));font-size:calc(15 * var(--u));color:var(--text-2);text-align:right;margin-left:auto}.pf-grid{gap:calc(18 * var(--u));flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);min-height:0;display:grid}.pf-card{gap:calc(10 * var(--u));min-height:0;padding:calc(18 * var(--u)) calc(22 * var(--u));background:var(--field);border:1px solid var(--field-rim);border-radius:calc(22 * var(--u));flex-direction:column;display:flex;overflow-y:auto}.pf-card h4{font-size:calc(14 * var(--u));letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);justify-content:space-between;align-items:baseline;margin:0;font-weight:800;display:flex}.pf-card h4 small{font-size:calc(14 * var(--u));letter-spacing:0;text-transform:none;color:var(--text-2)}.pf-card h5{margin:calc(6 * var(--u)) 0 0;font-size:calc(13 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-weight:800}.pf-big{font-size:calc(34 * var(--u));color:var(--text);font-weight:800}.pf-big small{font-size:calc(18 * var(--u));color:var(--text-2);font-weight:700}.pf-sub{font-size:calc(16 * var(--u));color:var(--text-2)}.pf-bar{height:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:var(--inset);overflow:hidden}.pf-bar span{background:var(--accent);border-radius:inherit;height:100%;display:block}.pf-chip{padding:calc(4 * var(--u)) calc(12 * var(--u));border-radius:calc(999 * var(--u));background:var(--accent);color:var(--on-accent);font-size:calc(14 * var(--u));align-self:flex-start;font-weight:800}.pf-nums{gap:calc(26 * var(--u));display:flex}.pf-num{flex-direction:column;display:flex}.pf-num b{font-size:calc(30 * var(--u));color:var(--text);font-weight:800;line-height:1.1}.pf-num span{font-size:calc(13 * var(--u));color:var(--text-2)}.pf-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pf-list li{justify-content:space-between;gap:calc(14 * var(--u));padding:calc(7 * var(--u)) 0;border-top:1px solid var(--rule);font-size:calc(16 * var(--u));color:var(--text);display:flex}.pf-list li:first-child{border-top:0}.pf-list .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pf-list .val{color:var(--text-2);flex:none}.pf-ach{grid-template-columns:repeat(auto-fill, minmax(calc(118 * var(--u)), 1fr));gap:calc(12 * var(--u));margin:0;padding:0;list-style:none;display:grid}.pf-ach .ach-tile{cursor:default}.pf-message{height:calc(48 * var(--u));padding:0 calc(22 * var(--u));background:var(--accent);color:var(--on-accent);font-family:var(--latin);font-size:calc(16 * var(--u));cursor:pointer;border:0;border-radius:999px;margin-left:auto;font-weight:800}.kl-screen{display:block}.kl-stage{transform-origin:50%;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.kl-panel{box-sizing:border-box;background:var(--j-panel);border:1px solid var(--j-rim);width:1728px;height:972px;box-shadow:0 30px 90px #040c148c, inset 0 1px 0 var(--j-highlight);border-radius:36px;position:absolute;top:54px;left:96px;overflow:hidden}.kl-close{background:var(--j-field);border:1px solid var(--j-field-rim);width:44px;height:44px;color:var(--j-text);cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:24px;left:1658px}.kl-close svg{width:18px;height:18px}.kl-state{text-align:center;height:fit-content;color:var(--j-text2);margin:auto;font-size:22px;position:absolute;inset:0}.kl-head{width:1540px;height:90px;position:absolute;top:26px;left:94px}.kl-title{text-align:right;grid-template-columns:auto auto;justify-content:end;align-items:baseline;column-gap:14px;display:grid;position:absolute;top:0;right:0}.kl-title .name{grid-column:2;font-size:32px;font-weight:800}.kl-title .en{color:var(--j-text2);grid-area:1/1;font-size:16px;font-weight:700}.kl-title .where{letter-spacing:.2em;color:var(--j-accent-text);grid-column:1/-1;margin-top:6px;font-size:11.5px;font-weight:800}.kl-attempt{letter-spacing:.16em;color:var(--j-text2);flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.kl-attempt .pips{gap:8px;display:flex}.kl-attempt .pips span{box-sizing:border-box;border:2px solid var(--j-field-rim);border-radius:50%;width:14px;height:14px}.kl-attempt .pips .played{background:var(--j-text2);border-color:var(--j-text2)}.kl-attempt .pips .won{background:var(--j-success);border-color:var(--j-success)}.kl-attempt .pips .current{border-color:var(--j-accent-text)}.kl-grid{flex-direction:column;gap:10px;width:500px;height:500px;display:flex;position:absolute;top:246px;left:64px}.kl-row{gap:10px;display:flex}.kl-row.shake{animation:.45s kl-shake}.kl-tile{--bg:transparent;--fg:var(--j-text);--rim:var(--j-field-rim);box-sizing:border-box;border:2px solid var(--rim);background:var(--bg);width:92px;height:92px;color:var(--fg);border-radius:14px;justify-content:center;align-items:center;font-size:46px;font-weight:700;line-height:1;display:flex;position:relative}.kl-tile.typed{--bg:var(--j-field);--rim:var(--j-accent-text);animation:.14s kl-pop}.kl-tile.last{cursor:pointer}.kl-tile.right{--bg:#8ccb7a;--fg:#12260e;--rim:#8ccb7a}.kl-tile.present{--bg:#e7b64a;--fg:#2a1708;--rim:#e7b64a}.kl-tile.absent{--bg:#263f55;--fg:#7f98af;--rim:#263f55}.kl-tile.right:before,.kl-tile.present:before{content:"";box-sizing:border-box;border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:8px}.kl-tile.right:before{background:#12260e8c}.kl-tile.present:before{border:2px solid #2a17088c}.kl-tile.flip{animation:.36s ease-in-out both kl-flip}.kl-tile.flip:before{animation:.36s both kl-mark;animation-delay:inherit}.kl-tile.bounce{animation:.5s ease-out both kl-bounce}@keyframes kl-flip{0%{background:var(--j-field);color:var(--j-text);border-color:var(--j-accent-text);transform:rotateX(0)}49.9%{background:var(--j-field);color:var(--j-text);border-color:var(--j-accent-text);transform:rotateX(90deg)}50%{background:var(--bg);color:var(--fg);border-color:var(--rim);transform:rotateX(90deg)}to{background:var(--bg);color:var(--fg);border-color:var(--rim);transform:rotateX(0)}}@keyframes kl-mark{0%,49.9%{opacity:0}50%,to{opacity:1}}@keyframes kl-pop{50%{transform:scale(1.1)}}@keyframes kl-bounce{30%{transform:translateY(-22px)}60%{transform:translateY(4px)}to{transform:none}}@keyframes kl-shake{0%,to{transform:none}20%{transform:translate(-12px)}40%{transform:translate(12px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}.kl-legend{width:500px;color:var(--j-text2);justify-content:center;gap:22px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex;position:absolute;top:772px;left:64px}.kl-legend li{align-items:center;gap:8px;display:flex}.kl-swatch{border-radius:5px;width:18px;height:18px}.kl-swatch.right{background:#8ccb7a}.kl-swatch.present{background:#e7b64a}.kl-swatch.absent{border:1px solid var(--j-field-rim);background:#263f55}.kl-toast{z-index:4;background:var(--j-text);height:48px;color:var(--j-ink);white-space:nowrap;border-radius:999px;align-items:center;margin:0;padding:0 22px;font-size:16px;font-weight:800;animation:1.6s both kl-toast;display:flex;position:absolute;top:168px;left:314px;transform:translate(-50%)}@keyframes kl-toast{0%{opacity:0;transform:translate(-50%,6px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.kl-hint{text-align:center;width:500px;color:var(--j-text);margin:0;font-size:16px;line-height:1.4;position:absolute;top:150px;left:64px}.kl-hint strong{letter-spacing:.16em;text-transform:uppercase;color:var(--j-gold);margin-right:8px;font-size:12px}.kl-error{text-align:center;width:1020px;color:var(--j-error);margin:0;font-size:15px;position:absolute;top:880px;left:640px}.kl-keyboard{flex-direction:column;align-items:center;gap:10px;width:1020px;display:flex;position:absolute;top:321px;left:640px}.kl-keys{direction:ltr;gap:8px;display:flex}.kl-key{background:var(--j-field);border:1px solid var(--j-field-rim);width:77px;height:110px;color:var(--j-text);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;padding:0;font-weight:600;transition:background-color .2s,color .2s;display:flex;box-shadow:inset 0 -4px #04101c47;font-size:32px!important}.kl-key:active{transform:translateY(2px)}.kl-key.wide{width:119px;font-family:var(--latin);font-weight:800;font-size:17px!important}.kl-key.wide svg{width:32px;height:24px}.kl-key.enter.ready{background:var(--j-accent);border-color:var(--j-accent);color:var(--j-on-accent)}.kl-key.absent{color:#5f7a93;background:#22384c;border-color:#2c455c}.kl-key.present{color:#2a1708;background:#e7b64a;border-color:#d4a23a}.kl-key.right{color:#12260e;background:#8ccb7a;border-color:#7ab868}.kl-share{flex-direction:column;align-items:center;gap:10px;width:500px;display:flex;position:absolute;top:772px;left:64px}.kl-share .buttons{gap:12px;display:flex}.kl-share p{color:var(--j-faded);margin:0;font-size:13px}.kl-primary,.kl-secondary{cursor:pointer;border-radius:999px;height:52px;padding:0 30px;font-weight:800;font-size:17px!important}.kl-primary{background:var(--j-accent);border:none;color:var(--j-on-accent)!important}.kl-secondary{background:var(--j-field);border:1px solid var(--j-field-rim)}.kl-result{text-align:center;flex-direction:column;align-items:center;width:1020px;animation:.35s ease-out kl-in;display:flex;position:absolute;top:150px;left:640px}@keyframes kl-in{0%{opacity:0;transform:translateY(12px)}}.kl-chip{background:var(--j-inset);border:1px solid var(--j-field-rim);letter-spacing:.18em;color:var(--j-accent-text);border-radius:999px;margin:0 0 18px;padding:8px 18px;font-size:12px;font-weight:800}.kl-result h2{margin:0;font-size:66px;font-weight:800;line-height:1.1}.kl-result h2.won{color:#b6e39e}.kl-sub{color:var(--j-text2);margin:8px 0 22px;font-size:18px;font-weight:700}.kl-word{box-sizing:border-box;background:var(--j-inset);border-radius:24px;flex-direction:column;align-items:center;gap:6px;width:640px;padding:22px 28px 26px;display:flex}.kl-word .label,.kl-numbers .label,.kl-next .label{letter-spacing:.2em;color:var(--j-faded);font-size:11.5px;font-weight:800}.kl-word .ar{font-size:60px;font-weight:700;line-height:1.3}.kl-word .def{color:var(--j-text2);font-size:17px;line-height:1.45}.kl-numbers{gap:60px;margin-top:26px;display:flex}.kl-numbers>div,.kl-next{flex-direction:column;align-items:center;gap:4px;display:flex}.kl-numbers .n{font-variant-numeric:tabular-nums;font-size:42px;font-weight:800}.kl-numbers .n.small{font-size:26px;line-height:1.6}.kl-next{margin-top:30px}.kl-next .n{font-variant-numeric:tabular-nums;color:var(--j-accent-text);font-size:34px;font-weight:800}.kl-confetti{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.kl-confetti span{border-radius:2px;width:10px;height:16px;animation:linear both kl-fall;position:absolute;top:-20px}@keyframes kl-fall{to{transform:translateY(1010px) rotate(var(--turn))}}@media (prefers-reduced-motion:reduce){.kl-tile,.kl-row,.kl-result,.kl-toast{animation:none!important}}.ex-screen{z-index:12;background:var(--z-panel);color:var(--z-text);font-family:var(--latin);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ex-screen [lang=ar]{font-family:var(--arabic)}.ex-screen :where(button){font:inherit;color:inherit}.ex-loading{gap:calc(16 * var(--u));font-size:calc(18 * var(--u));flex-direction:column}.ex-stage{width:calc(1920 * var(--u));height:calc(1080 * var(--u));flex:none;position:relative}.ex-who{left:calc(48 * var(--u));top:calc(28 * var(--u));align-items:center;gap:calc(14 * var(--u));display:flex;position:absolute}.ex-face{display:flex}.ex-face .hud-avatar{width:calc(60 * var(--u));height:calc(60 * var(--u))}.ex-who-names{font-size:calc(19 * var(--u));font-weight:700}.ex-title{left:50%;top:calc(20 * var(--u));text-align:center;white-space:nowrap;position:absolute;transform:translate(-50%)}.ex-title h2{font-size:calc(34 * var(--u));letter-spacing:.14em;color:var(--z-paper);margin:0;font-weight:800}.ex-title p{margin:calc(6 * var(--u)) 0 0;font-size:calc(18 * var(--u));color:var(--z-text2);font-weight:500}.ex-close{right:calc(48 * var(--u));top:calc(32 * var(--u));width:calc(52 * var(--u));height:calc(52 * var(--u));background:var(--z-area);border:1px solid var(--z-rim);color:var(--z-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.ex-loading .ex-close{top:calc(32 * var(--u));right:calc(48 * var(--u));position:fixed}.ex-close svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.ex-close:hover{background:var(--z-highlight);border-color:var(--z-line)}.ex-close:focus-visible{outline:calc(3 * var(--u)) solid var(--z-accent);outline-offset:calc(2 * var(--u))}.ex-sheet{top:calc(124 * var(--u));height:calc(852 * var(--u));box-sizing:border-box;border-radius:calc(18 * var(--u));background:var(--z-paper);border:1px solid var(--z-paper-rim);box-shadow:0 calc(24 * var(--u)) calc(60 * var(--u)) #060a0873, inset 0 calc(-5 * var(--u)) 0 var(--z-paper-edge);color:var(--z-ink);scrollbar-width:thin;position:absolute;overflow:auto}.ex-story{left:calc(48 * var(--u));width:calc(1000 * var(--u));padding:calc(26 * var(--u)) calc(40 * var(--u)) calc(24 * var(--u));gap:calc(10 * var(--u));flex-direction:column;display:flex}.ex-block{gap:calc(2 * var(--u));flex-direction:column;display:flex}.ex-par{align-items:flex-start;gap:calc(12 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));border-radius:calc(10 * var(--u));margin:0;transition:background .15s;display:flex}.ex-par.lit{background:#eee3c8}.ex-chip{width:calc(26 * var(--u));height:calc(26 * var(--u));margin-top:calc(6 * var(--u));font-size:calc(15 * var(--u));color:var(--z-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.ex-block[lang=ar] .text{font-size:calc(23 * var(--u));font-weight:500;line-height:1.66}.ex-block.tr .ex-chip{margin-top:calc(1 * var(--u));font-size:calc(13 * var(--u));font-weight:800}.ex-block.tr .text{font-size:calc(15 * var(--u));color:var(--z-translit);font-style:italic;font-weight:500;line-height:1.5}.ex-divider{width:100%;margin:calc(6 * var(--u)) 0;border:none;border-top:1px dashed #d9cdb4}.ex-questions{left:calc(1072 * var(--u));width:calc(800 * var(--u));padding:calc(22 * var(--u)) calc(28 * var(--u)) calc(20 * var(--u))}.ex-grid{row-gap:calc(8 * var(--u));column-gap:calc(12 * var(--u));grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.ex-card{box-sizing:border-box;padding:calc(9 * var(--u)) calc(14 * var(--u)) calc(9 * var(--u));border-radius:calc(14 * var(--u));border:1px solid var(--z-paper-rim);gap:calc(6 * var(--u));background:#fbf7ee;flex-direction:column;display:flex}.ex-q{align-items:flex-start;gap:calc(10 * var(--u));display:flex}.ex-num{width:calc(28 * var(--u));height:calc(28 * var(--u));box-sizing:border-box;border:calc(1.5 * var(--u)) solid var(--z-ink);font-size:calc(15 * var(--u));border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.ex-num.on{background:var(--z-accent);border-color:var(--z-accent-edge);color:var(--z-on-accent)}.ex-prompt{gap:calc(2 * var(--u));flex-direction:column;min-width:0;display:flex}.ex-prompt [lang=ar]{font-size:calc(19 * var(--u));font-weight:600;line-height:1.35}.ex-screen .tr{color:var(--z-translit);text-align:left;font-style:italic}.ex-prompt .tr{font-size:calc(12.5 * var(--u));font-weight:500}.ex-answer{align-items:center;gap:calc(10 * var(--u));width:100%;padding:calc(5 * var(--u)) calc(12 * var(--u)) calc(6 * var(--u));border-radius:calc(11 * var(--u));background:var(--z-paper);border:1px solid var(--z-paper-rim);text-align:right;cursor:pointer;display:flex;color:var(--z-ink)!important}.ex-answer:hover{border-color:var(--z-accent-edge);background:#f3f1db}.ex-answer[aria-pressed=true]{border-color:var(--z-accent-edge);box-shadow:inset 0 0 0 1px var(--z-accent-edge);background:#e7eec6}.ex-answer:focus-visible{outline:calc(3 * var(--u)) solid var(--z-panel);outline-offset:calc(1 * var(--u))}.ex-answer .radio{width:calc(18 * var(--u));height:calc(18 * var(--u));box-sizing:border-box;border:calc(1.5 * var(--u)) solid var(--z-faded);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.ex-answer[aria-pressed=true] .radio{background:var(--z-on-accent);border-color:var(--z-on-accent)}.ex-answer[aria-pressed=true] .radio:after{content:"";width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--z-accent);border-radius:50%}.ex-answer .words{flex-direction:column;min-width:0;display:flex}.ex-answer [lang=ar]{font-size:calc(17 * var(--u));font-weight:500}.ex-answer .tr{font-size:calc(12 * var(--u));font-weight:500}.ex-foot{left:calc(48 * var(--u));top:calc(990 * var(--u));width:calc(1824 * var(--u));height:calc(64 * var(--u));align-items:center;gap:calc(24 * var(--u));flex-direction:row-reverse;display:flex;position:absolute}.ex-count{align-items:center;gap:calc(16 * var(--u));font-size:calc(20 * var(--u));font-variant-numeric:tabular-nums;font-weight:600;display:flex}.ex-dots{gap:calc(7 * var(--u));display:flex}.ex-dots span{width:calc(12 * var(--u));height:calc(12 * var(--u));box-sizing:border-box;border:calc(1.5 * var(--u)) solid var(--z-line);border-radius:50%}.ex-dots span.on{background:var(--z-accent);border-color:var(--z-accent)}.ex-error{font-size:calc(15 * var(--u));color:#f0b4a8;margin:0}.ex-validate{height:calc(58 * var(--u));padding:0 calc(34 * var(--u));background:var(--z-accent);box-shadow:inset 0 calc(-3 * var(--u)) 0 var(--z-accent-edge), 0 calc(12 * var(--u)) calc(30 * var(--u)) #060a0859;cursor:pointer;border:none;border-radius:999px;margin-right:auto;font-weight:800;color:var(--z-on-accent)!important;font-size:calc(19 * var(--u))!important}.ex-validate:hover:not(:disabled){background:#d4e47e}.ex-validate:disabled{background:var(--z-highlight);box-shadow:none;cursor:default;color:var(--z-disabled)!important}.ex-validate:focus-visible{outline:calc(3 * var(--u)) solid var(--z-text);outline-offset:calc(2 * var(--u))}.ex-scrim{z-index:13;background:#0e1410b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ex-dialog{width:calc(640 * var(--u));box-sizing:border-box;padding:calc(40 * var(--u)) calc(48 * var(--u)) calc(36 * var(--u));border-radius:calc(24 * var(--u));background:var(--z-paper);color:var(--z-ink);text-align:center;box-shadow:0 calc(30 * var(--u)) calc(80 * var(--u)) #060a088c, inset 0 calc(-6 * var(--u)) 0 var(--z-paper-edge);animation:.25s ease-out ex-rise;position:relative}.ex-dialog h3{font-size:calc(44 * var(--u));margin:0;font-weight:700}.ex-dialog.pass h3{font-size:calc(52 * var(--u))}.ex-dialog p{margin:calc(12 * var(--u)) 0 calc(28 * var(--u));font-size:calc(20 * var(--u));line-height:1.4}.ex-main{height:calc(54 * var(--u));padding:0 calc(28 * var(--u));background:var(--z-panel);cursor:pointer;border:none;border-radius:999px;font-weight:700;color:var(--z-text)!important;font-size:calc(18 * var(--u))!important}.ex-main:focus-visible{outline:calc(3 * var(--u)) solid var(--z-accent-edge);outline-offset:calc(2 * var(--u))}.ex-stamp{left:calc(40 * var(--u));bottom:calc(34 * var(--u));width:calc(112 * var(--u));height:calc(112 * var(--u));box-sizing:border-box;border:calc(4 * var(--u)) double #4e7a2e;color:#4e7a2e;font-family:var(--arabic);font-size:calc(24 * var(--u));border-radius:50%;justify-content:center;align-items:center;font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) ex-stamp;display:flex;position:absolute;transform:rotate(-9deg)}@keyframes ex-rise{0%{transform:translateY(calc(10 * var(--u)));opacity:0}}@keyframes ex-stamp{0%{opacity:0;transform:rotate(-9deg)scale(1.8)}}@media (prefers-reduced-motion:reduce){.ex-dialog,.ex-stamp{animation:none}}.np-screen{z-index:10;background:radial-gradient(#1a120a8c,#0e0905d1);animation:.35s ease-out np-dim;position:fixed;inset:0;overflow:hidden}.np-stage{transform-origin:50%;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.np-sheet{box-sizing:border-box;color:#1f1d1a;text-shadow:0 0 .35px #1f1d1a8c;background-color:#ece7da;background-image:linear-gradient(#0000 0 calc(100% - 30px),#3c30201a calc(100% - 10px),#281e1438 100%),linear-gradient(90deg,#0000 calc(50% - 3px),#463a280f calc(50% - 1px),#fffffa59 calc(50% + 1px),#0000 calc(50% + 4px)),radial-gradient(at 50% 45%,#0000 60%,#8c765024 100%),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.31 0 0 0 0 0.24 0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.02' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.40 0 0 0 0 0.30 0 0 0 0.16 -0.04'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");border-radius:2px 2px 5px 5px;width:1320px;height:1012px;padding:20px 40px 0;font-family:PT Serif,serif;animation:.5s cubic-bezier(.2,.8,.25,1) both np-open;position:absolute;top:34px;left:300px;overflow:hidden;transform:rotate(-.4deg);box-shadow:0 2px #dcd5c5,0 4px #d2cab8,0 34px 90px #06040299,0 8px 22px #06040266}.np-sheet *{box-sizing:border-box}@keyframes np-open{0%{opacity:0;transform:translateY(70px)rotate(-2.2deg)}}@keyframes np-dim{0%{opacity:0}}.np-masthead{justify-content:center;align-items:center;height:126px;display:flex}.np-masthead h1{letter-spacing:0;align-items:center;gap:0;margin:0;font-family:UnifrakturMaguntia,serif;font-size:100px;font-weight:400;line-height:1;display:flex}.np-masthead h1>span{align-items:center;display:flex}.np-lantern{margin:0 22px}.np-double-rule{border-top:3px solid #2a2724;border-bottom:1px solid #2a2724;height:7px;margin-top:4px}.np-dateline{letter-spacing:.16em;text-transform:uppercase;height:30px;margin:1px 0 0;font-size:12.5px;font-weight:700;display:flex}.np-dateline span{white-space:nowrap;border-left:1px solid #2a2724;flex:1;justify-content:center;align-items:center;display:flex}.np-dateline span:first-child{border-left:none}.np-rule{border-top:1px solid #2a2724;height:0;margin-top:3px}.np-lead{width:846px;height:772px;position:absolute;top:208px;left:40px}.np-lead h2{letter-spacing:-.01em;margin:0;font-family:Playfair Display,serif;font-size:54px;font-weight:900;line-height:1.04}.np-standfirst{margin:12px 0 0;font-size:20px;font-style:italic;line-height:1.38}.np-byline{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #2a2724;margin:12px 0 0;padding-bottom:10px;font-size:13px;font-weight:700}.np-lead-body{grid-template-columns:270px 528px;column-gap:48px;margin-top:16px;display:grid}.np-lead-body p,.np-short p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0}.np-lead-body p{font-size:16.5px;line-height:1.46}.np-lead-body p+p{text-indent:1.1em}.np-col1{position:relative}.np-col1:after{content:"";border-right:1px solid #8a8377;position:absolute;top:0;bottom:0;right:-24px}.np-photo{margin:0}.np-photo .frame{background:#ece7da;width:528px;height:262px;position:relative;overflow:hidden}.np-photo img{mix-blend-mode:multiply;width:552px;height:320px;position:absolute;top:-36px;left:-12px}.np-photo figcaption{margin-top:7px;font-size:13.5px;font-style:italic;line-height:1.35}.np-under{column-count:2;column-rule:1px solid #8a8377;border-top:1px solid #8a8377;column-gap:24px;margin-top:14px;padding-top:12px}.np-right{width:354px;height:770px;position:absolute;top:208px;left:926px}.np-right:before{content:"";border-left:1px solid #8a8377;position:absolute;top:0;bottom:0;left:-20px}.np-short+.np-short{border-top:1px solid #2a2724;margin-top:22px;padding-top:20px}.np-short h3{margin:0 0 10px;font-family:Playfair Display,serif;font-size:27px;font-weight:800;line-height:1.12}.np-short-stand{font-style:italic;margin-bottom:8px!important;font-size:16px!important;line-height:1.4!important}.np-short p{font-size:15px;line-height:1.5}.np-short p+p{margin-top:8px}.np-state{text-align:center;font-family:var(--latin);color:#f2e7d0;font-size:22px;position:absolute;top:50%;left:0;right:0}.np-state.error{top:auto;bottom:20px}.np-close{z-index:2;background:var(--field,#6a5c4d);border:1px solid var(--field-rim,#7d6f5f);width:52px;height:52px;color:var(--text,#f6eee3);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50px;right:316px}.np-close svg{width:20px;height:20px}.np-close:focus-visible{outline:3px solid var(--accent,#f2a65a);outline-offset:2px}@media (prefers-reduced-motion:reduce){.np-screen,.np-sheet{animation:none}}.tv-overlay{z-index:10;color:#fff6ea;background:radial-gradient(at 34% 46%,#261c14c7 0%,#1a130ee6 60%,#120d0af2 100%);font-family:Manrope,sans-serif;animation:.35s ease-out tv-dim;position:fixed;inset:0;overflow:hidden}.tv-overlay.closing{animation:.3s ease-in .45s forwards tv-undim}@keyframes tv-dim{0%{opacity:0}}@keyframes tv-undim{to{opacity:0}}.tv-stage{transform-origin:50%;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.tv-stage *{box-sizing:border-box}.tv-stage [lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif}.tv-glow{filter:blur(60px);pointer-events:none;border-radius:50%;width:1240px;height:940px;transition:background .6s,opacity .6s;position:absolute;top:-7px;left:-55px}.tv-wood{background-color:#5e3c27;background-image:radial-gradient(60px 14px at 22% 38%,#28140a59 0,#28140a1f 45%,#0000 70%),radial-gradient(80px 16px at 74% 70%,#28140a4d 0,#28140a1a 45%,#0000 70%),repeating-linear-gradient(90.4deg,#00000021 0 2px,#0000 2px 9px,#0000000f 9px 10px,#0000 10px 23px),repeating-linear-gradient(89.2deg,#ffdcb414 0 1px,#0000 1px 17px),repeating-linear-gradient(90.9deg,#28140a29 0 4px,#0000 4px 41px),linear-gradient(#7a5136 0%,#694530 40%,#5a3925 100%)}.tv-cabinet{border-radius:14px 14px 0 0;width:1140px;height:200px;position:absolute;top:940px;left:70px;box-shadow:inset 0 4px #ffdcb438,0 -2px #00000059}.tv-cabinet .top{background:linear-gradient(#8c6243,#6b4630);border-radius:14px 14px 0 0;height:22px;position:absolute;top:0;left:0;right:0}.tv-cabinet .door{border-radius:8px;width:520px;height:160px;position:absolute;top:46px;box-shadow:inset 0 0 0 3px #1e0f0859}.tv-cabinet .knob{background:#c9a15a;border-radius:7px;width:14px;height:14px;position:absolute;top:110px}.tv-casing{border-radius:38px;width:1020px;height:800px;position:absolute;top:130px;left:130px;box-shadow:inset 0 3px #ffdcb440,inset 0 -6px #0000004d,inset 0 0 0 2px #1e0f0880,0 40px 80px #0000008c}.tv-bezel{background:linear-gradient(#2a211b,#1a1410);border-radius:34px;width:810px;height:610px;position:absolute;top:158px;left:160px;box-shadow:inset 0 2px #ffffff14,inset 0 -2px #00000080,0 2px #ffdcb426}.tv-foot{background:#1e140e;border-radius:0 0 8px 8px;width:60px;height:14px;position:absolute;top:926px}.tv-antenna-base{background:linear-gradient(#3a2e26,#1e1712);border-radius:40px 40px 6px 6px;width:80px;height:30px;position:absolute;top:104px;left:790px}.tv-rod{transform-origin:50% 100%;background:linear-gradient(90deg,#8e8a84,#e6e2da,#8e8a84);border-radius:3px;width:5px;position:absolute;left:827px}.tv-side{background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 3px),linear-gradient(#c9c0b2 0%,#afa697 100%);border-radius:22px;width:126px;height:610px;position:absolute;top:158px;left:994px;box-shadow:inset 0 2px #ffffff80,inset 0 -2px #00000040,0 2px #ffdcb426}.tv-side .brand{text-align:center;letter-spacing:.12em;color:#3b2f26;margin-right:-.12em;font-family:"Baloo Bhaijaan 2",sans-serif;font-size:30px;font-weight:800;line-height:1;position:absolute;top:22px;left:0;right:0}.tv-side .grille{opacity:.85;background:repeating-linear-gradient(#3b2f26 0 5px,#0000 5px 11px);border-radius:12px;height:220px;position:absolute;top:104px;left:22px;right:22px}.tv-side .dial,.tv-side .volume{background:radial-gradient(circle at 40% 35%,#f4eee4 0%,#d3c9ba 55%,#a69c8c 100%);border-radius:50%;position:absolute;box-shadow:0 4px 8px #00000059,inset 0 -3px #00000026}.tv-side .dial{width:84px;height:84px;top:352px;left:21px}.tv-side .needle{transition:transform .35s cubic-bezier(.4,1.5,.5,1);position:absolute;inset:0}.tv-side .needle i{background:#b9553b;border-radius:3px;width:6px;height:26px;position:absolute;top:6px;left:39px}.tv-side .volume{width:60px;height:60px;top:478px;left:33px}.tv-side .volume i{transform-origin:50% 25px;background:#3b2f26;border-radius:3px;width:5px;height:18px;position:absolute;top:5px;left:27px}.tv-side .knob-label{text-align:center;letter-spacing:.18em;color:#5b4c3e;font-size:10px;font-weight:800;position:absolute;left:0;right:0}.tv-side .led{border-radius:6px;width:12px;height:12px;transition:background .3s;position:absolute;top:576px;left:57px}.tv-key{cursor:pointer;color:#3b2f26;background:linear-gradient(#f1e8d9 0%,#e2d6c3 100%);border:none;border-radius:16px;justify-content:center;align-items:center;width:150px;height:80px;font-family:Manrope,sans-serif;font-size:34px;transition:transform 80ms,box-shadow 80ms;display:flex;position:absolute;top:798px;box-shadow:inset 0 -5px #5a3c1e38,0 6px #2a1b11,0 10px 18px #0006}.tv-key:hover:enabled{background:linear-gradient(#fff6ea 0%,#eadfcc 100%)}.tv-key:active:enabled{transform:translateY(5px);box-shadow:inset 0 -3px #5a3c1e38,0 1px #2a1b11,0 3px 8px #0006}.tv-key:disabled{cursor:default;opacity:.7}.tv-key:focus-visible{outline-offset:4px;outline:3px solid #f2a65a}.tv-display{background:#140b08;border-radius:14px;width:220px;height:80px;position:absolute;top:798px;left:455px;overflow:hidden;box-shadow:inset 0 3px 10px #000000e6,0 2px #ffdcb42e}.tv-display span{text-align:center;font-family:VT323,monospace;font-size:82px;line-height:1;position:absolute;top:2px;left:0;right:0}.tv-display .ghost{color:#ff5a3c1a}.tv-display .digits{color:#ff5a3c;text-shadow:0 0 12px #ff5a3cd9;transition:color .3s}.tv-lbl{text-align:center;letter-spacing:.18em;color:#e4cdb0;font-size:11px;font-weight:800;position:absolute;top:890px}.tv-glass{background:#0b0b0a;border-radius:44px/40px;width:760px;height:570px;position:absolute;top:178px;left:185px;overflow:hidden;box-shadow:inset 0 0 50px #000000d9}.tv-picture{transform-origin:50%;position:absolute;inset:0}.tv-power-on{animation:.7s cubic-bezier(.2,.8,.3,1) both tv-on}@keyframes tv-on{0%{filter:brightness(6);transform:scale(.9,.004)}35%{filter:brightness(4);transform:scaleY(.012)}to{filter:brightness();transform:scale(1)}}.tv-power-off{animation:.55s ease-in both tv-off}@keyframes tv-off{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(4);transform:scaleY(.006)}80%{filter:brightness(6);transform:scale(.004,.006)}to{filter:brightness(6);transform:scale(0)}}.tv-video{background:#000;width:1052px;height:592px;position:absolute;top:-11px;left:-146px;overflow:hidden}.tv-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.tv-message{text-align:center;color:#c9b9a6;justify-content:center;align-items:center;margin:0;padding:40px;font-size:22px;font-weight:600;display:flex;position:absolute;inset:0}.tv-snow{image-rendering:pixelated;opacity:0;pointer-events:none;background-size:256px 256px;position:absolute;inset:-40px}.tv-zap{animation:.32s steps(4,end) infinite tv-snow,.5s ease-out forwards tv-zap}@keyframes tv-zap{0%,55%{opacity:1}to{opacity:0}}.tv-dead{animation:.32s steps(4,end) infinite tv-snow,1.1s ease-out forwards tv-dead}@keyframes tv-dead{0%,70%{opacity:1}to{opacity:.2}}@keyframes tv-snow{0%{background-position:0 0}25%{background-position:-97px 53px}50%{background-position:41px -120px}75%{background-position:-160px -31px}to{background-position:0 0}}.tv-card{position:absolute;inset:0}.tv-card svg{display:block;position:absolute;top:0;left:0}.tv-card .box{letter-spacing:4px;color:#fff;justify-content:center;align-items:center;width:340px;height:128px;font-family:VT323,monospace;font-size:34px;display:flex;position:absolute;top:186.8px;left:210px}.tv-roll{pointer-events:none;background:linear-gradient(#0000,#ffffff12,#0000);height:90px;animation:6s linear infinite tv-roll;position:absolute;top:-90px;left:0;right:0}@keyframes tv-roll{0%{transform:translateY(0)}to{transform:translateY(750px)}}.tv-osd{color:#7dff8a;letter-spacing:2px;text-shadow:0 0 8px #6eff82cc,2px 2px #0009;pointer-events:none;font-family:VT323,monospace;font-size:52px;line-height:1;animation:2.4s linear forwards tv-osd;position:absolute;top:34px;left:42px}@keyframes tv-osd{0%,85%{opacity:1}to{opacity:0}}.tv-scan{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.tv-vig{pointer-events:none;border-radius:44px/40px;position:absolute;inset:0;box-shadow:inset 0 0 70px 18px #0000008c}.tv-refl{pointer-events:none;background:radial-gradient(70% 50% at 28% 14%,#ffffff21 0%,#ffffff0a 45%,#0000 70%),linear-gradient(160deg,#ffffff0f 0%,#0000 30%);border-radius:44px/40px;position:absolute;inset:0}.tv-col{background:#5f5244;border-radius:30px;width:570px;height:968px;position:absolute;top:56px;left:1230px;overflow:hidden;box-shadow:inset 0 0 0 1px #7c6d5c,inset 0 1px #786a5b,0 24px 60px #00000073}.tv-k{letter-spacing:.2em;color:#c9b9a6;font-size:11px;font-weight:800}.tv-head{flex-direction:column;gap:10px;display:flex;position:absolute;top:28px;left:30px;right:30px}.tv-title{color:#fff6ea;text-align:right;min-height:48px;font-size:38px;font-weight:700;line-height:1.25}.tv-modes{align-items:center;gap:8px;display:flex;position:absolute;top:168px;left:30px;right:30px}.tv-modes .tv-k{margin-right:auto}.tv-mode{color:#dccdbb;cursor:pointer;background:0 0;border:1px solid #807262;border-radius:999px;height:40px;padding:0 16px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700}.tv-mode[aria-pressed=true]{color:#2b1f14;background:#f2a65a;border-color:#f2a65a}.tv-mode[aria-disabled=true]{opacity:.35;cursor:default}.tv-mode:focus-visible{outline-offset:2px;outline:3px solid #f2a65a}.tv-rule{background:#7c6d5c;height:1px;position:absolute;top:230px;left:30px;right:30px}.tv-win{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#807262 transparent;position:absolute;inset:250px 0 84px;overflow-y:auto;-webkit-mask:linear-gradient(#0000 0,#000 70px calc(100% - 90px),#0000 100%);mask:linear-gradient(#0000 0,#000 70px calc(100% - 90px),#0000 100%)}.tv-rows{flex-direction:column;gap:2px;padding:60px 28px 80px;display:flex}.tv-row{text-align:right;cursor:pointer;width:100%;min-height:54px;font:inherit;background:0 0;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-end;padding:8px 8px 8px 22px;transition:background .2s;display:flex;position:relative}.tv-row:hover{background:#fff6ea0f}.tv-row:focus-visible{outline-offset:-3px;outline:3px solid #f2a65a}.tv-row .ar{font-weight:500;line-height:1.35}.tv-row.past .ar{color:#a3937f;font-size:22px}.tv-row.next .ar{color:#cdbeac;font-size:24px}.tv-row.now{background:#6c5f50;min-height:96px;margin:6px 0;padding:16px 26px 24px 22px}.tv-row.now .ar{color:#fff6ea;font-size:34px;font-weight:700}.tv-row.now .latin{color:#f2a65a;margin-top:4px;font-size:18px;font-style:italic;font-weight:600}.tv-row.now .en{color:#dccdbb;margin-top:2px;font-size:16px;font-weight:600}.tv-row.now:hover{background:#6c5f50}.tv-end{text-align:center;opacity:.55;border:1px dashed #807262;border-radius:18px;flex-direction:column;gap:4px;margin-top:18px;padding:16px 22px;display:flex}.tv-end .title{color:#fff6ea;font-size:18px;font-weight:700}.tv-end .text{color:#c9b9a6;font-size:14px;font-weight:500}.tv-end.now{opacity:1;background:#6c5f50;border-color:#f2a65a}.tv-bar{background:#f2a65a;border-radius:3px;width:5px;position:absolute;top:14px;bottom:14px;right:0}.tv-prog{background:#fff6ea24;border-radius:2px;height:3px;position:absolute;bottom:10px;left:22px;right:22px;overflow:hidden}.tv-prog i{background:#f2a65a;height:100%;transition:width .2s linear;display:block}.tv-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0 50px;display:flex;position:absolute;inset:250px 0 84px}.tv-empty-icon{width:200px;height:170px;position:relative}.tv-empty-icon svg{position:absolute}.tv-empty .title{color:#fff6ea;font-size:24px;font-weight:700}.tv-empty .text{color:#c9b9a6;max-width:340px;font-size:16px;font-weight:500;line-height:1.5}.tv-ring{border:2px solid #f2a65a80;border-radius:50%;animation:3.2s ease-out infinite tv-ring;position:absolute;top:50%;left:50%}@keyframes tv-ring{0%{opacity:.9;width:60px;height:60px;margin:-30px 0 0 -30px}to{opacity:0;width:200px;height:200px;margin:-100px 0 0 -100px}}.tv-hint{color:#c9b9a6;border-top:1px solid #7c6d5c;padding-top:16px;font-size:14px;font-weight:600;position:absolute;bottom:26px;left:30px;right:30px}.tv-x{cursor:pointer;background:#5f5244;border:none;border-radius:30px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:28px;right:28px;box-shadow:inset 0 0 0 1px #7c6d5c,0 10px 24px #0006}.tv-x:hover{background:#6c5f50}.tv-x:focus-visible{outline-offset:3px;outline:3px solid #f2a65a}@media (prefers-reduced-motion:reduce){.tv-roll,.tv-ring{animation:none!important}.tv-ring{display:none}}.cs-overlay{z-index:10;color:#fff6ea;background:radial-gradient(at 32% 48%,#2a1f16c2 0%,#1c140ee6 60%,#120d0af2 100%);font-family:Manrope,sans-serif;animation:.35s ease-out cs-dim;position:fixed;inset:0;overflow:hidden}@keyframes cs-dim{0%{opacity:0}}.cs-stage{transform-origin:50%;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.cs-stage *{box-sizing:border-box}.cs-stage [lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif}.cs-lamp{pointer-events:none;background:radial-gradient(#f2a65a38 0%,#0000 62%);border-radius:50%;width:1100px;height:1000px;position:absolute;top:40px;left:60px}.cs-set{position:absolute;inset:0}.cs-set.clunk{animation:.32s ease-out cs-clunk}@keyframes cs-clunk{0%,to{transform:none}30%{transform:translateY(5px)}60%{transform:translateY(-2px)}}.cs-shadow{filter:blur(34px);pointer-events:none;background:#0805039e;border-radius:80px;width:1000px;height:470px;position:absolute;top:330px;left:110px}.cs-topf{pointer-events:none;clip-path:polygon(40px 0,960px 0,984px 26px,16px 26px);background:linear-gradient(#b9bec5 0%,#e2e5e9 70%,#eef0f3 100%);width:1000px;height:26px;position:absolute;top:226px;left:110px}.cs-post{background:linear-gradient(90deg,#6e727a,#9ea3ab,#6e727a);border-radius:6px;width:26px;height:90px;position:absolute;top:150px}.cs-handle{background:linear-gradient(#f4f6f9 0%,#d2d6dc 45%,#9ea3ab 100%);border-radius:17px;width:848px;height:34px;position:absolute;top:126px;left:186px;box-shadow:0 6px 12px #00000059,inset 0 -2px #0003}.cs-front{pointer-events:none;clip-path:polygon(36px 0,1004px 0,1040px 36px,1040px 484px,1004px 520px,36px 520px,0 484px,0 36px);background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 3px),linear-gradient(#d5d9df 0%,#bcc1c8 40%,#aab0b8 100%);width:1040px;height:520px;position:absolute;top:252px;left:90px}.cs-outline{pointer-events:none;position:absolute;top:0;left:0}.cs-key{cursor:pointer;color:#2e3036;border:none;border-radius:7px 7px 2px 2px;justify-content:center;align-items:flex-start;gap:10px;height:64px;padding:14px 0 0;font-family:Manrope,sans-serif;transition:transform 80ms;display:flex;position:absolute;top:194px;box-shadow:inset 0 8px #ffffff6b,inset 3px 0 #fff3,inset -3px 0 #00000024,0 -1px #00000040}.cs-key.dec{cursor:default;pointer-events:none}.cs-key:not(.dec):not([aria-disabled=true]):hover{filter:brightness(1.05)}.cs-key:not(.dec):not([aria-disabled=true]):active,.cs-key.down{transform:translateY(14px)}.cs-key[aria-disabled=true]{cursor:default}.cs-key[aria-disabled=true] svg{opacity:.4}.cs-key:focus-visible{outline-offset:4px;outline:3px solid #f2a65a}.cs-spk{pointer-events:none;background:radial-gradient(circle at 40% 35%,#f1f3f6,#a3a8b0 70%,#8a8f98);border-radius:140px;width:280px;height:280px;position:absolute;box-shadow:0 3px #fff9,0 -2px #0003,inset 0 -3px 4px #0000004d}.cs-grille{background-color:#1c1c20;background-image:radial-gradient(circle,#3a3b42 1.3px,#0000 1.8px);background-size:7px 7px;border-radius:128px;width:256px;height:256px;position:absolute;top:12px;left:12px;box-shadow:inset 0 4px 10px #000c}.cs-ring{border-radius:96px;width:192px;height:192px;position:absolute;top:44px;left:44px;box-shadow:0 0 0 3px #50525ab3,inset 0 0 0 2px #0009}.cs-cone{background:conic-gradient(from 20deg, #e1e4e8 0 17%, #c3c7cd 17% 34%, #9da2aa 34% 50%, #7f848c 50% 67%, #a9aeb6 67% 84%, #cdd1d6 84% 100%);border-radius:40px;width:80px;height:80px;position:absolute;top:100px;left:100px;box-shadow:0 0 0 5px #a3a8b0,0 0 0 7px #6e727a,0 5px 12px #0009}.cs-cone:after{content:"";background:radial-gradient(circle at 40% 35%,#f4f6f8,#b9bec5);border-radius:10px;width:20px;height:20px;position:absolute;top:30px;left:30px}.cs-set.thump .cs-cone{animation:.44s ease-in-out infinite alternate cs-thump}@keyframes cs-thump{to{transform:scale(1.06)}}.cs-tuning{background:#efe6c8;border-radius:6px;width:380px;height:42px;position:absolute;top:270px;left:420px;overflow:hidden;box-shadow:inset 0 0 0 2px #c4c8ce,inset 0 2px 4px #00000026}.cs-tuning span{color:#6b5f52;font-family:Oswald,sans-serif;font-size:11px;font-weight:500;position:absolute;top:4px}.cs-tuning .ticks{background:repeating-linear-gradient(90deg,#8a7a69 0 1px,#0000 1px 10px);height:12px;position:absolute;bottom:6px;left:10px;right:10px}.cs-tuning .needle{background:#d84a3a;border-radius:2px;width:3px;height:34px;position:absolute;top:4px;left:166px}.cs-door{background:linear-gradient(#34363d,#24262b);border-radius:16px;width:420px;height:318px;position:absolute;top:330px;left:400px;box-shadow:inset 0 0 0 2px #00000080,inset 0 2px #ffffff1f,0 2px #ffffff80}.cs-glass{background:#121214;border-radius:10px;width:392px;height:254px;position:absolute;top:16px;left:14px;overflow:hidden}.cs-glass:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff24 0 20%,#0000 20% 46%,#ffffff0f 46% 52%,#0000 52%),linear-gradient(#14141a2e,#14141a4d);position:absolute;inset:0}.cs-glass.fast .cs-hub svg{filter:blur(1.4px)}.cs-head-slot{background:#1a1b1f;border-radius:5px;width:120px;height:10px;position:absolute;bottom:18px;left:150px;box-shadow:inset 0 2px 2px #0009}.cs-slot{transform-origin:0 0;width:440px;height:281px;position:absolute;top:6.2px;left:6.8px;transform:scale(.86)}.cs-slot.inserting{animation:.42s cubic-bezier(.3,1.3,.5,1) cs-insert}@keyframes cs-insert{0%{transform:scale(.86)translateY(-300px)}}.cs-face{border-radius:16px;width:440px;height:281px;position:relative;box-shadow:inset 0 2px #ffffff2e,inset 0 -3px #00000040,0 1px #0000004d}.cs-face-notch{clip-path:polygon(21% 100%,25% 0,75% 0,79% 100%);background:#00000047;width:256px;height:69px;position:absolute;top:212px;left:92px}.cs-face-hole{background:#0000008c;border-radius:3px;height:14px;position:absolute;top:248px}.cs-screw{background:radial-gradient(circle at 40% 35%,#e3ded4,#8a847a);border-radius:6px;width:12px;height:12px;position:absolute;box-shadow:0 1px #00000059}.cs-screw:after{content:"";background:#00000073;width:8px;height:2px;position:absolute;top:5px;left:2px;transform:rotate(30deg)}.cs-win{background:linear-gradient(#3a3029,#241d18);border-radius:12px;width:208px;height:72px;position:absolute;top:86px;left:116px;overflow:hidden;box-shadow:inset 0 0 0 2px #00000080,0 0 0 2px #ffffff38}.cs-pack{background:radial-gradient(circle,#0000 0 60%,#ffd2a01a 61%,#0000 75%),repeating-radial-gradient(circle,#6e4c34 0 1px,#523826 1px 3px);border-radius:50%;position:absolute;box-shadow:0 0 0 1.5px #9a7050,0 0 8px #0009}.cs-hub{width:42px;height:42px;position:absolute}.cs-glint{pointer-events:none;background:linear-gradient(115deg,#ffffff2e 0 18%,#0000 18% 40%,#ffffff14 40% 46%,#0000 46%);position:absolute;inset:0}.cs-empty-deck .spindle{background:#2a2b30;border-radius:23px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:absolute;top:88px;box-shadow:inset 0 0 0 3px #3a3b42}.cs-empty-deck .slot{background:#1a1a1e;border-radius:6px;height:30px;position:absolute;bottom:26px;left:90px;right:90px;box-shadow:inset 0 0 0 2px #2a2b30}.cs-counter{background:#2e3036;border-radius:6px;padding:5px 7px;position:absolute;top:664px;left:540px;box-shadow:inset 0 2px 5px #000c}.cs-counter span{color:#f3efe6;text-align:center;background:linear-gradient(#111 0%,#2a2a2a 50%,#111 100%);border-radius:3px;width:26px;height:36px;margin:0 2px;font-family:Oswald,sans-serif;font-size:25px;font-weight:500;line-height:36px;display:inline-block}.cs-led{border-radius:8px;width:16px;height:16px;transition:background .15s;position:absolute;top:678px;left:664px}.cs-brand{text-align:center;letter-spacing:.22em;color:#4e525a;text-shadow:0 1px #ffffff4d;width:1040px;font-family:"Baloo Bhaijaan 2",sans-serif;font-size:22px;font-weight:800;line-height:1;position:absolute;top:741px;left:90px}.cs-tray{background:#2e241d;border-radius:26px;width:1000px;height:176px;position:absolute;top:806px;left:110px;box-shadow:inset 0 3px 10px #0009,0 2px #ffe1be1a}.cs-wave{cursor:pointer;touch-action:none;outline:none;width:920px;height:110px;position:absolute;top:820px;left:150px}.cs-wave[tabindex="-1"]{cursor:default}.cs-wave:focus-visible{border-radius:12px;box-shadow:0 0 0 3px #f2a65a}.cs-bars{align-items:center;gap:2.57px;display:flex;position:absolute;inset:0}.cs-bars i{border-radius:2px;flex:none;width:4px;display:block}.cs-headline{pointer-events:none;width:0;position:absolute;top:-6px;bottom:-6px}.cs-headline:before{content:"";background:#fff6ea;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:-1.5px;box-shadow:0 0 8px #fff6ea80}.cs-knob{background:radial-gradient(circle at 40% 35%,#fff,#e9dcc6 60%,#cdbea6);border-radius:22px;width:44px;height:44px;margin-top:-22px;transition:transform .15s;position:absolute;top:50%;left:-22px;box-shadow:0 6px 14px #00000080,inset 0 -3px #0000001f}.cs-knob:after{content:"";background:repeating-linear-gradient(90deg,#a8987f 0 2px,#0000 2px 6px);width:14px;height:18px;position:absolute;top:13px;left:15px}.cs-wave:hover .cs-knob{transform:scale(1.08)}.cs-knob.grab{transform:scale(1.2);box-shadow:0 10px 24px #0000008c,0 0 0 6px #f2a65a59}.cs-times{color:#a8987f;justify-content:space-between;width:920px;font-size:15px;font-weight:700;display:flex;position:absolute;top:942px;left:150px}.cs-col{background:#5f5244;border-radius:30px;width:640px;height:968px;position:absolute;top:56px;left:1200px;box-shadow:inset 0 0 0 1px #7c6d5c,inset 0 1px #786a5b,0 24px 60px #00000073}.cs-desk{background:linear-gradient(#4a3f35,#42382f);border-radius:0 0 30px 30px;height:38px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff14,0 -3px #0000001f}.cs-colhead{position:absolute;top:30px;left:32px;right:32px}.cs-k{letter-spacing:.2em;color:#c9b9a6;font-size:13px;font-weight:800}.cs-count{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.cs-count .n{color:#dccdbb;font-size:20px;font-weight:700}.cs-pips{gap:6px;display:flex}.cs-pips i{border-radius:3px;width:22px;height:14px;display:block;box-shadow:inset 0 0 0 2px #807262}.cs-pips i.on{box-shadow:none;background:#e9dcc6}.cs-hint{color:#2b1f14;background:#f2a65a;border-radius:999px;align-items:center;height:38px;margin-top:14px;padding:0 16px;font-size:15px;font-weight:800;animation:2.4s ease-in-out infinite cs-pulse;display:inline-flex}@keyframes cs-pulse{0%,to{opacity:1}50%{opacity:.75}}.cs-error{color:#dccdbb;margin:0;font-size:16px;position:absolute;top:150px;left:32px;right:32px}.cs-pile{position:absolute;inset:0}.cs-item{cursor:pointer;filter:drop-shadow(0 4px 4px #00000073);background:0 0;border:none;padding:0;position:absolute}.cs-item:hover:enabled{filter:drop-shadow(0 6px 8px #00000080)brightness(1.07)}.cs-item:disabled{cursor:default;opacity:.6}.cs-lift{width:550px;height:70px;transition:transform .22s cubic-bezier(.3,.7,.3,1);position:relative}.cs-item:hover:enabled .cs-lift{transform:translate(-18px)}.cs-item:focus-visible .cs-lift{outline-offset:3px;border-radius:6px;outline:3px solid #f2a65a}.cs-item.in .cs-lift{transform:translate(-44px)}.cs-item.in .cs-shell{opacity:.07}.cs-in-mark{background:#f2a65a;border-radius:4px;width:7px;height:46px;position:absolute;top:12px;left:-14px;box-shadow:0 0 12px #f2a65ab3}.cs-spine{transform-origin:0 0;text-align:left;background:#dee4ea42;border-radius:5px;width:500px;height:64px;position:absolute;top:0;left:0;transform:scale(1.1);box-shadow:inset 0 0 0 1.5px #ffffff80,inset 0 2px #ffffff59,inset 0 -2px #00000040}.cs-shell{transition:opacity .3s;position:absolute}.cs-knuckle{background:linear-gradient(90deg,#b9bec4,#e8ebee);border-radius:3px;width:8px;height:12px;position:absolute;left:-4px}.cs-panel{border-radius:2px;width:476px;height:46px;position:absolute;top:9px;left:12px;overflow:hidden}.cs-stag{color:#3b2f26;z-index:2;background:#fff6ea;border-radius:5px;align-items:center;gap:7px;height:38px;padding:0 11px 0 9px;display:flex;position:absolute;top:13px;right:8px;box-shadow:0 3px 6px #00000059,inset 0 -2px #0000000f}.cs-stag .ar{font-size:16px;font-weight:700;line-height:1}.cs-stag .en{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}.cs-none{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:0 60px;display:flex;position:absolute;top:330px;left:0;right:0}.cs-none .title{color:#fff6ea;font-size:24px;font-weight:700}.cs-none .text{color:#c9b9a6;max-width:440px;font-size:16px;line-height:1.5}.cs-outline-case{border:3px dashed #807262;border-radius:6px;width:550px;height:70px;position:absolute;left:62px}.cs-outline-case.faint{border-color:#80726280}.cs-x{cursor:pointer;background:#5f5244;border:none;border-radius:30px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:28px;right:28px;box-shadow:inset 0 0 0 1px #7c6d5c,0 10px 24px #0006}.cs-x:hover{background:#6c5f50}.cs-x:focus-visible{outline-offset:3px;outline:3px solid #f2a65a}@media (prefers-reduced-motion:reduce){.cs-slot.inserting,.cs-set.clunk{animation:none}}.rs .mg-dot.half{background:linear-gradient(90deg, var(--success) 50%, var(--error) 50%);border:none}.rs-game{grid-template-columns:calc(580 * var(--u)) 1fr;grid-template-rows:calc(478 * var(--u)) 1fr;gap:calc(20 * var(--u)) calc(32 * var(--u));flex:1;min-height:0;display:grid}.rs-customer{border-radius:calc(28 * var(--u));justify-content:center;align-items:center;gap:calc(40 * var(--u));flex-direction:column;grid-row:1/3;display:flex;position:relative}.rs-stage{width:calc(380 * var(--u));height:calc(380 * var(--u));position:relative}.rs-ring{width:100%;height:100%;position:absolute;inset:0}.rs-ring circle{fill:none;stroke-width:14px}.rs-ring .track{stroke:var(--field)}.rs-ring .arc{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.rs-ring .arc.late{stroke:var(--error);animation:.6s ease-in-out infinite alternate rsPulse}.rs-ring.frozen .arc{opacity:.5;animation:none}.rs-disc{left:calc(22 * var(--u));top:calc(22 * var(--u));width:calc(336 * var(--u));height:calc(336 * var(--u));transform-origin:50% 60%;background:#4a3f34;border-radius:50%;justify-content:center;align-items:flex-end;display:flex;position:absolute;overflow:hidden}.rs-figure{width:calc(168 * var(--u));height:calc(240 * var(--u));image-rendering:pixelated;margin-bottom:calc(30 * var(--u))}.rs-wash{opacity:var(--wash,0);pointer-events:none;background:#e8584a;transition:opacity .3s;position:absolute;inset:0}.rs-customer.held .rs-wash{transition:opacity .3s}.rs-disc.shake-1{animation:.24s linear infinite rsShake1}.rs-disc.shake-2{animation:.17s linear infinite rsShake2}.rs-disc.shake-3{animation:.11s linear infinite rsShake3}@keyframes rsShake1{0%,to{transform:none}25%{transform:translateX(calc(-2 * var(--u))) rotate(-1deg)}75%{transform:translateX(calc(2 * var(--u))) rotate(1deg)}}@keyframes rsShake2{0%,to{transform:none}25%{transform:translateX(calc(-4 * var(--u))) rotate(-2deg)}75%{transform:translateX(calc(4 * var(--u))) rotate(2deg)}}@keyframes rsShake3{0%,to{transform:none}25%{transform:translateX(calc(-8 * var(--u))) rotate(-4deg)}75%{transform:translateX(calc(8 * var(--u))) rotate(4deg)}}@keyframes rsPulse{0%{opacity:1}to{opacity:.55}}.rs-vein{left:calc(14 * var(--u));top:calc(14 * var(--u));width:calc(72 * var(--u));height:calc(72 * var(--u));animation:.5s ease-in-out infinite alternate rsVein;position:absolute}.rs-vein.big{left:calc(2 * var(--u));top:calc(2 * var(--u));width:calc(84 * var(--u));height:calc(84 * var(--u));animation-duration:.32s}.rs-vein path{fill:none;stroke:#e8584a;stroke-width:7px;stroke-linecap:round}@keyframes rsVein{0%{transform:scale(.88)}to{transform:scale(1.12)}}.rs-steam{pointer-events:none;height:30%;position:absolute;top:0;left:0;right:0}.rs-steam i{width:calc(64 * var(--u));height:calc(46 * var(--u));background:var(--text);opacity:.9;border-radius:50%;animation:1.2s ease-out infinite rsSteam;position:absolute}.rs-steam i:first-child{top:10%;left:30%}.rs-steam i:last-child{animation-delay:.5s;top:0;left:52%}@keyframes rsSteam{0%{opacity:.9;transform:translateY(0)scale(.7)}to{transform:translateY(calc(-40 * var(--u))) scale(1.1);opacity:0}}.rs-bubble{left:calc(302 * var(--u));top:calc(-52 * var(--u));min-width:calc(156 * var(--u));height:calc(88 * var(--u));box-sizing:border-box;padding:0 calc(26 * var(--u));border-radius:calc(30 * var(--u));background:var(--text);color:var(--deep);box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) #140c0459;z-index:2;justify-content:center;align-items:center;animation:.2s ease-out rsPop;display:flex;position:absolute}.rs-bubble:after{content:"";left:calc(18 * var(--u));bottom:calc(-12 * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u));background:var(--text);position:absolute;transform:rotate(45deg)}@keyframes rsPop{0%{transform:translateY(calc(10 * var(--u)));opacity:0}to{opacity:1;transform:none}}.rs-bars{align-items:center;gap:calc(9 * var(--u));height:calc(44 * var(--u));display:inline-flex}.rs-bars i{width:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:var(--accent);height:100%;animation:.7s ease-in-out infinite alternate rsBar}.rs-bars i:nth-child(2){animation-delay:-.2s}.rs-bars i:nth-child(3){animation-delay:-.45s}.rs-bars i:nth-child(4){animation-delay:-.1s}.rs-bars i:nth-child(5){animation-delay:-.3s}@keyframes rsBar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.rs-timeup{left:50%;bottom:calc(-24 * var(--u));height:calc(48 * var(--u));padding:0 calc(22 * var(--u));background:var(--error);color:#2a0e08;font-size:calc(17 * var(--u));letter-spacing:.16em;white-space:nowrap;box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) #140c0466;z-index:3;border-radius:999px;align-items:center;font-weight:800;animation:.25s ease-out rsStamp;display:flex;position:absolute;transform:translate(-50%)}@keyframes rsStamp{0%{transform:translate(-50%)scale(.6)}to{transform:translate(-50%)scale(1)}}.rs-again{height:calc(64 * var(--u));padding:0 calc(30 * var(--u)) 0 calc(24 * var(--u));background:var(--field);border:calc(1.5 * var(--u)) solid var(--field-rim);color:var(--text);align-items:center;gap:calc(12 * var(--u));cursor:pointer;border-radius:999px;font-weight:800;display:inline-flex;font-size:calc(19 * var(--u))!important}.rs-again .icon{font-size:calc(26 * var(--u));color:var(--accent-text)}.rs-again .rs-bars{height:calc(22 * var(--u));gap:calc(4 * var(--u))}.rs-again .rs-bars i{width:calc(6 * var(--u))}.rs-again.playing{border-color:var(--accent);color:var(--accent-text);background:#f2a65a24}.rs-again:disabled{cursor:default}.rs-again:disabled:not(.playing){opacity:.5}.rs-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rs-row{border-radius:calc(28 * var(--u));padding:calc(24 * var(--u)) calc(28 * var(--u)) calc(28 * var(--u));gap:calc(18 * var(--u));flex-direction:column;min-height:0;display:flex}.rs-row.done.right{box-shadow:inset 0 0 0 calc(3 * var(--u)) var(--success)}.rs-row.done.wrong{box-shadow:inset 0 0 0 calc(3 * var(--u)) var(--error)}.rs-head{height:calc(44 * var(--u));align-items:center;gap:calc(14 * var(--u));flex:none;display:flex}.rs-num{width:calc(36 * var(--u));height:calc(36 * var(--u));font-size:calc(18 * var(--u));background:var(--field);color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.rs-num.active{background:var(--accent);color:var(--on-accent)}.rs-num.right{background:var(--success);color:#12260e}.rs-num.wrong{background:var(--error);color:#2a0e08}.rs-label{font-size:calc(13 * var(--u));letter-spacing:.22em;color:var(--accent-text);font-weight:800}.rs-hint{font-size:calc(17 * var(--u));color:var(--text-2);margin-left:auto;font-weight:600}.rs-cards{gap:calc(24 * var(--u));flex:1;grid-template-columns:repeat(3,1fr);min-height:0;display:grid}.rs-card{border-radius:calc(22 * var(--u));cursor:pointer;transition:transform .12s,border-color .12s;position:relative}.rs-card.picture{background:var(--field);border:calc(2 * var(--u)) solid var(--field-rim);justify-content:center;align-items:center;display:flex}.rs-object{width:calc(240 * var(--u));height:calc(240 * var(--u));max-height:90%}.rs-card.reply{background:var(--text);border:calc(2 * var(--u)) solid #e6d6c2;color:var(--deep);justify-content:center;align-items:center;gap:calc(6 * var(--u));padding:0 calc(12 * var(--u));flex-direction:column;display:flex}.rs-card.reply .ar{font-size:calc(40 * var(--u));font-weight:600;line-height:1.3}.rs-card.reply .tr{font-size:calc(21 * var(--u));color:#6e5e4c;font-style:italic;font-weight:500}.rs-row.wait .rs-cards,.rs-row.wait .rs-hint{opacity:.5}.rs-row.active .rs-card:hover{border-color:var(--accent);transform:translateY(calc(-4 * var(--u)))}.rs-row.active .rs-card:active{transform:translateY(1px)}.rs-row:not(.active) .rs-card{cursor:default}.rs-card.picked-right,.rs-card.right{border:calc(4 * var(--u)) solid var(--success)}.rs-card.picture.picked-right,.rs-card.picture.right{background:#8ccb7a33}.rs-card.reply.picked-right,.rs-card.reply.right{background:#eef6e6}.rs-card.picked-right{animation:.9s ease-out mgGreen}.rs-card.picked-wrong{border:calc(4 * var(--u)) solid var(--error);animation:.45s ease-in-out mgShake}.rs-card.picture.picked-wrong{background:#e8705a33}.rs-card.reply.picked-wrong{background:#fbe6df}.rs-card.other{opacity:.4}.rs-mark{top:calc(14 * var(--u));right:calc(14 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u));font-size:calc(24 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #140c044d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.rs-mark.ok{background:var(--success);color:#12260e}.rs-mark.no{background:var(--error);color:#2a0e08}.rs-recap{grid-template-columns:1fr calc(524 * var(--u));gap:calc(32 * var(--u));flex:1;min-height:0;display:grid}.rs-tables{border-radius:calc(28 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u));gap:calc(6 * var(--u));flex-direction:column;min-height:0;animation:.35s ease-out rsIn;display:flex}.rs-tables-head,.rs-line{grid-template-columns:calc(96 * var(--u)) minmax(0, 1fr) calc(236 * var(--u)) calc(262 * var(--u)) calc(70 * var(--u));column-gap:calc(14 * var(--u));align-items:center;display:grid}.rs-tables-head{padding:calc(8 * var(--u)) calc(18 * var(--u)) calc(10 * var(--u));border-bottom:1px solid var(--rule);font-size:calc(12 * var(--u));letter-spacing:.2em;color:var(--text-2);font-weight:800}.rs-tables-head .right,.rs-line .said,.rs-line .earned{text-align:right}.rs-tables-head .req,.rs-line .req{padding-left:calc(24 * var(--u))}.rs-list{gap:calc(6 * var(--u));flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex}.rs-line{min-height:calc(130 * var(--u));box-sizing:border-box;padding:calc(12 * var(--u)) calc(18 * var(--u));border-radius:calc(18 * var(--u));background:var(--panel);border:1px solid var(--field);flex:none}.rs-line .who{align-items:center;gap:calc(12 * var(--u));display:flex}.rs-line .n{font-size:calc(26 * var(--u));color:var(--text-2);font-weight:800}.rs-line .face{width:calc(64 * var(--u));height:calc(64 * var(--u));background:#4a3f34;border-radius:50%;flex:none;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.rs-line .face img{width:calc(28 * var(--u));height:calc(40 * var(--u));image-rendering:pixelated;margin-bottom:calc(6 * var(--u))}.rs-line .said{gap:calc(2 * var(--u));flex-direction:column;min-width:0;display:flex}.rs-line .said .ar{font-size:calc(26 * var(--u));font-weight:600;line-height:1.3}.rs-line .said .tr{font-size:calc(17 * var(--u));color:var(--text-2);font-style:italic}.rs-line .said .en{font-size:calc(15 * var(--u));color:var(--muted)}.rs-line .req{gap:calc(12 * var(--u));display:flex}.rs-line .tile{width:calc(96 * var(--u));height:calc(96 * var(--u));border-radius:calc(16 * var(--u));box-sizing:border-box;border:calc(3 * var(--u)) solid var(--success);background:#8ccb7a29;justify-content:center;align-items:center;display:flex;position:relative}.rs-line .tile .mg-picture{width:calc(78 * var(--u));height:calc(78 * var(--u))}.rs-line .tile.wrong{border-color:var(--error);background:#e8705a29}.rs-line .tile.none,.rs-line .chip.none{border:calc(2 * var(--u)) dashed var(--error);font-size:calc(12 * var(--u));letter-spacing:.1em;color:#f3a898;text-align:center;background:0 0;font-weight:800}.rs-line .tick{top:calc(-10 * var(--u));right:calc(-10 * var(--u));width:calc(30 * var(--u));height:calc(30 * var(--u));box-shadow:0 0 0 calc(3 * var(--u)) var(--panel);font-size:calc(16 * var(--u));border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.rs-line .tick.ok{background:var(--success);color:#12260e}.rs-line .tick.no{background:var(--error);color:#2a0e08}.rs-line .rep{gap:calc(6 * var(--u));flex-direction:column;display:flex}.rs-line .chip{min-height:calc(56 * var(--u));box-sizing:border-box;border-radius:calc(14 * var(--u));border:calc(3 * var(--u)) solid var(--success);color:var(--deep);padding:calc(4 * var(--u)) calc(40 * var(--u)) calc(4 * var(--u)) calc(14 * var(--u));background:#eef6e6;flex-direction:column;justify-content:center;align-items:flex-end;display:flex;position:relative}.rs-line .chip.wrong{border-color:var(--error);background:#fbe6df}.rs-line .chip .ar{font-size:calc(21 * var(--u));font-weight:600;line-height:1.25}.rs-line .chip .tr{font-size:calc(13 * var(--u));color:#6e5e4c;font-style:italic}.rs-line .chip .tick{top:50%;right:calc(8 * var(--u));box-shadow:none;width:calc(26 * var(--u));height:calc(26 * var(--u));transform:translateY(-50%)}.rs-line .earned{font-size:calc(28 * var(--u));color:var(--accent-text);font-weight:800}.rs-line .earned.zero{color:var(--muted)}.rs-side{gap:calc(20 * var(--u));flex-direction:column;min-height:0;animation:.35s ease-out 80ms both rsIn;display:flex}.rs-rita{border-radius:calc(28 * var(--u));padding:calc(26 * var(--u)) calc(30 * var(--u));justify-content:center;align-items:center;gap:calc(6 * var(--u));text-align:center;flex-direction:column;flex:1;display:flex}.rs-rita .disc{width:calc(176 * var(--u));height:calc(176 * var(--u));box-shadow:0 0 0 calc(4 * var(--u)) var(--accent);background:#a08a72;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.rs-rita .disc img{width:calc(162 * var(--u));height:calc(162 * var(--u));image-rendering:pixelated}.rs-rita .name{margin:calc(12 * var(--u)) 0 calc(6 * var(--u));font-size:calc(13 * var(--u));letter-spacing:.24em;color:var(--accent-text);font-weight:800}.rs-rita .ar{font-size:calc(30 * var(--u));font-weight:600}.rs-rita .tr{font-size:calc(18 * var(--u));color:var(--text-2);font-style:italic}.rs-rita .en{font-size:calc(15 * var(--u));color:var(--muted)}.rs-rita .en.alone{font-size:calc(22 * var(--u));color:var(--text);line-height:1.4}.rs-earned{border-radius:calc(28 * var(--u));padding:calc(24 * var(--u)) calc(28 * var(--u)) calc(28 * var(--u));gap:calc(4 * var(--u));flex-direction:column;display:flex;position:relative}.rs-earned .label{font-size:calc(12 * var(--u));letter-spacing:.2em;color:var(--text-2);font-weight:800}.rs-earned .amount{font-size:calc(104 * var(--u));color:var(--accent-text);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.rs-earned .rule{font-size:calc(15 * var(--u));color:var(--text-2);margin-bottom:calc(16 * var(--u))}.rs-earned .mg-primary{width:100%}.rs-stamp{right:calc(34 * var(--u));top:calc(22 * var(--u));width:calc(168 * var(--u));height:calc(168 * var(--u));box-sizing:border-box;border:calc(4 * var(--u)) solid #e7b64a;box-shadow:inset 0 0 0 calc(6 * var(--u)) var(--inset), inset 0 0 0 calc(9 * var(--u)) #e7b64a;text-align:center;font-size:calc(22 * var(--u));letter-spacing:.16em;color:#e7b64a;border-radius:50%;justify-content:center;align-items:center;font-weight:800;animation:.5s cubic-bezier(.3,1.6,.5,1) .5s both rsLand;display:flex;position:absolute;transform:rotate(-10deg)}@keyframes rsLand{0%{opacity:0;transform:rotate(-10deg)scale(1.7)}to{opacity:1;transform:rotate(-10deg)scale(1)}}@keyframes rsIn{0%{transform:translateY(calc(10 * var(--u)));opacity:0}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rs-disc[class*=shake-],.rs-bars i,.rs-vein,.rs-steam i,.rs-card.picked-wrong,.rs-card.picked-right{animation:none}.rs-steam{display:none}}.map-scrim{transition:opacity .28s}.map-scrim.closing{opacity:0}.map-frame{gap:0;padding:0;transition:transform .28s,opacity .28s}.map-scrim.closing .map-frame{opacity:0;transform:scale(.98)}.map-head{height:calc(84 * var(--u));box-sizing:border-box;padding:0 calc(22 * var(--u)) 0 calc(30 * var(--u));align-items:center;gap:calc(16 * var(--u));flex:none;display:flex}.map-icon{width:calc(44 * var(--u));height:calc(44 * var(--u));box-sizing:border-box;border-radius:calc(14 * var(--u));background:var(--field);border:1px solid var(--field-rim);color:var(--accent-text);flex:none;justify-content:center;align-items:center;display:flex}.map-icon svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.map-title{flex-direction:column;min-width:0;display:flex}.map-title .eyebrow{font-size:calc(12 * var(--u));letter-spacing:.24em;color:var(--accent-text);font-weight:700}.map-title .names{align-items:baseline;gap:calc(14 * var(--u));display:flex}.map-title .ar{font-size:calc(32 * var(--u));font-weight:600;line-height:1.2}.map-title .en{font-size:calc(26 * var(--u));letter-spacing:-.01em;font-weight:500}.map-close{margin-left:auto}.map-selector+.map-close{margin-left:0}.map-selector{height:calc(52 * var(--u));box-sizing:border-box;padding:calc(4 * var(--u));gap:calc(4 * var(--u));background:var(--inset);border:1px solid var(--field-rim);border-radius:999px;margin-left:auto;display:flex}.map-selector button{height:calc(42 * var(--u));padding:0 calc(20 * var(--u));align-items:center;gap:calc(9 * var(--u));color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:999px;display:flex}.map-selector button [lang=ar]{font-size:calc(18 * var(--u));font-weight:600}.map-selector button span:last-child{font-size:calc(13 * var(--u));font-weight:700}.map-selector button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);cursor:default}.map-selector button[aria-pressed=false]:hover{background:var(--field);color:var(--text)}.map-selector button:focus-visible{outline:calc(3 * var(--u)) solid var(--accent);outline-offset:calc(2 * var(--u))}.map-view{left:calc(24 * var(--u));top:calc(84 * var(--u));width:calc(1680 * var(--u));height:calc(864 * var(--u));border-radius:calc(22 * var(--u));background:var(--inset);position:absolute;overflow:hidden}.map-view:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 0 0 0 1px #2e201699, inset 0 calc(2 * var(--u)) calc(10 * var(--u)) #140c0440;position:absolute;inset:0}.map-state{text-align:center;height:fit-content;font-size:calc(18 * var(--u));color:var(--text-2);margin:auto;position:absolute;inset:0}.map-layer{position:absolute;inset:0}.map-art{max-width:none;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.map-layer.leaving{pointer-events:none;animation:.48s cubic-bezier(.65,0,.35,1) forwards map-shrink,.38s forwards map-fade-out}.map-layer.leaving.in{animation-name:map-grow-away,map-fade-out}.map-layer.entering{animation:.48s cubic-bezier(.65,0,.35,1) map-come-in,.38s map-fade-in}.map-layer.entering.in{animation-name:map-come-up,map-fade-in}@keyframes map-shrink{to{transform:scale(.38)}}@keyframes map-grow-away{to{transform:scale(2.6)}}@keyframes map-come-in{0%{transform:scale(2.6)}}@keyframes map-come-up{0%{transform:scale(.38)}}@keyframes map-fade-out{to{opacity:0}}@keyframes map-fade-in{0%{opacity:0}}.map-pins{margin:0;padding:0;list-style:none}.map-spot{width:0;height:0;position:absolute}.map-pin{transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.map-pin.plain{position:relative}.map-pin:has(>.map-card:not([aria-disabled]):hover){transform:translateY(calc(-4 * var(--u)))}.map-card{--tx:0;height:calc(56 * var(--u));box-sizing:border-box;padding:0 calc(20 * var(--u));border-radius:calc(16 * var(--u));justify-content:center;align-items:center;gap:calc(2 * var(--u));white-space:nowrap;cursor:pointer;transform:translateX(var(--tx));transform-origin:50% 100%;box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) #1018204d, 0 1px calc(3 * var(--u)) #10182040;z-index:1;background:#fff;border:none;flex-direction:column;transition:transform .15s,box-shadow .22s;display:flex;position:absolute}.map-card .ar{font-size:calc(23 * var(--u));color:#151c24;font-weight:700;line-height:1.1}.map-card .en{font-size:calc(13.5 * var(--u));letter-spacing:.09em;text-transform:uppercase;color:#5d6875;font-weight:800}.map-card.anchor-c{--tx:-50%;left:0}.map-card.anchor-l{left:calc(-24 * var(--u))}.map-card.anchor-L{left:calc(-14 * var(--u))}.map-card.anchor-r{right:calc(-24 * var(--u))}.map-card.anchor-R{right:calc(-14 * var(--u))}.map-card:not([aria-disabled]):hover{box-shadow:0 calc(16 * var(--u)) calc(30 * var(--u)) #10182057, 0 calc(2 * var(--u)) calc(4 * var(--u)) #10182040}.map-card:not([aria-disabled]):active,.map-card.pressed{transform:translateX(var(--tx)) scale(.97)}.map-card[aria-disabled]{cursor:default}.map-card:focus-visible{outline:calc(3 * var(--u)) solid #151c24;outline-offset:calc(2 * var(--u))}.map-card.here{outline:calc(3 * var(--u)) solid var(--accent)}.map-card.locked{box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #10182033;background:#e2e5e8}.map-card.locked .ar{color:#8c959e}.map-card.locked .en{color:#9ea6ae}.map-card.plain{--tx:0;position:relative;transform:none}.map-point{left:calc(-11 * var(--u));width:calc(22 * var(--u));height:calc(13 * var(--u));clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 calc(2 * var(--u)) calc(1.5 * var(--u)) #10182040);z-index:1;background:#fff;position:absolute;bottom:0}.map-point.locked{background:#e2e5e8}.map-point.here{left:calc(-16 * var(--u));bottom:calc(-5 * var(--u));width:calc(32 * var(--u));height:calc(19 * var(--u));background:var(--accent)}.map-point.here:after{content:"";left:calc(6 * var(--u));width:calc(20 * var(--u));height:calc(12 * var(--u));clip-path:polygon(0 0,100% 0,50% 100%);background:#fff;position:absolute;top:0}.map-stem{left:calc(-1 * var(--u));bottom:calc(13 * var(--u));width:calc(2 * var(--u));box-shadow:0 1px calc(3 * var(--u)) #10182073;background:#fff;position:absolute}.map-badge{top:calc(-13 * var(--u));right:calc(-13 * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid #fff;color:#fff;box-shadow:0 1px calc(3 * var(--u)) #1018204d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.map-badge svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.map-badge.home{background:#151c24}.map-badge.lock{background:#6b747d}.map-badge.waiting{right:auto;left:calc(-14 * var(--u));top:calc(-14 * var(--u));color:#3a2a00;font-size:calc(16 * var(--u));background:#ffc83d;font-weight:800;animation:.45s ease-out map-pop,2.6s .45s infinite map-hop}@keyframes map-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes map-hop{0%,8%,to{transform:none}4%{transform:translateY(calc(-4 * var(--u)))}}.map-note{left:0;top:calc(10 * var(--u));width:max-content;max-width:calc(320 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(12 * var(--u));background:var(--panel);color:var(--text);font-size:calc(14 * var(--u));box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) #140c0459;z-index:2;margin:0;animation:4.5s forwards map-note;position:absolute;transform:translate(-50%)}@keyframes map-note{0%{opacity:0}5%,85%{opacity:1}to{opacity:0}}@keyframes map-note-still{0%,to{opacity:1}}.map-unplaced{left:calc(20 * var(--u));top:calc(20 * var(--u));gap:calc(14 * var(--u));z-index:2;margin:0;padding:0;list-style:none;display:flex;position:absolute}.map-toast{left:50%;bottom:calc(28 * var(--u));z-index:4;padding:calc(12 * var(--u)) calc(22 * var(--u));color:#fff;align-items:baseline;gap:calc(12 * var(--u));font-size:calc(16 * var(--u));background:#151c24eb;border-radius:999px;margin:0;font-weight:700;animation:.25s ease-out map-fade-in;display:flex;position:absolute;transform:translate(-50%)}.map-toast [lang=ar]{font-size:calc(20 * var(--u))}.map-toast.error{background:#8a2b20}.map-help{left:calc(20 * var(--u));bottom:calc(20 * var(--u));z-index:4;align-items:flex-start;gap:calc(10 * var(--u));max-width:calc(560 * var(--u));flex-direction:column;display:flex;position:absolute}.map-help-button{height:calc(48 * var(--u));padding:0 calc(18 * var(--u)) 0 calc(12 * var(--u));background:var(--panel);border:1px solid var(--field-rim);color:var(--text);align-items:center;gap:calc(10 * var(--u));font-size:calc(15 * var(--u));cursor:pointer;box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) #140c0459;border-radius:999px;font-weight:700;display:flex}.map-help-button svg{width:calc(24 * var(--u));height:calc(24 * var(--u));color:var(--accent-text)}.map-help-button:hover,.map-help-button.open{border-color:var(--accent)}.map-help-text{padding:calc(14 * var(--u)) calc(18 * var(--u));border-radius:calc(16 * var(--u));background:var(--panel);border:1px solid var(--field-rim);color:var(--text);font-size:calc(16 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) #140c0466;margin:0;line-height:1.45;animation:.2s ease-out map-fade-in}@media (prefers-reduced-motion:reduce){.map-layer.leaving,.map-layer.entering{animation:none}.map-card,.map-pin,.map-scrim,.map-frame{transition:none}.map-badge.waiting{animation:none}.map-note{animation:4.5s forwards map-note-still}}
