:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #0071e3;--blue-hover: #0077ed;--ink: #1d1d1f;--muted: #6e6e73;--canvas: #f5f5f7;--surface: #fff;--line: rgba(0, 0, 0, .08);--danger: #d70015}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}.app{min-height:100vh;background:var(--canvas)}.main{min-height:calc(100vh - 48px)}.topbar{position:sticky;z-index:50;top:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1120px)/2));background:#fafafcd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.04)}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650;letter-spacing:-.2px}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink)}.topnav{display:flex;align-items:center;gap:6px}.topnav>a{min-height:36px;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:13px;color:#000000b8;border-radius:999px}.topnav>a:hover,.topnav>a.active{background:#0000000d;color:#000}.topnav i{min-width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:10px}.profile-button,.icon-button{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#e8e8ed}.profile-button{margin-left:4px}.invite-center{position:relative}.invite-center-button{position:relative;margin-left:0}.invite-center-button>span{position:absolute;right:-3px;top:-3px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fafafc;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--danger);font-size:8px;font-weight:750}.invite-popover{position:absolute;z-index:80;right:0;top:43px;width:min(360px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 64px));overflow:auto;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 55px #0000002e}.invite-popover>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.invite-popover>header>div{display:grid;gap:3px}.invite-popover>header strong{font-size:14px}.invite-popover>header small{color:var(--muted);font-size:9px}.invite-popover>header button{width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:#f1f1f3}.invite-popover>header svg{width:15px}.invite-error{padding:9px;border-radius:9px;text-align:center;color:var(--danger);background:#fff0f1;font-size:9px}.invite-item{min-height:64px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line)}.invite-item>.avatar{width:34px;height:34px;flex:0 0 auto}.invite-item>span:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.invite-item strong,.invite-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-item strong{font-size:11px}.invite-item small{color:var(--muted);font-size:8px}.invite-item>div{display:flex;gap:5px}.invite-item>div button{width:31px;height:31px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue)}.invite-item>div button:last-child{color:var(--muted);background:#ededf0}.invite-item>div svg{width:15px}.invite-item--sent>.text-button{width:auto;padding:0 5px;color:var(--danger);background:transparent}.invite-popover h3{margin:17px 0 3px;display:flex;align-items:center;gap:6px;font-size:10px}.invite-popover h3 svg{width:14px;color:var(--muted)}.invite-empty{min-height:115px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center;color:var(--muted);font-size:10px}.invite-empty svg{width:22px}.invite-empty strong{font-size:11px}.push-enable.is-enabled{color:#17652e;background:#eaf8ee}.account-page{width:min(920px,calc(100% - 40px))}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.account-card{display:grid;gap:15px}.account-card h2{margin:0 0 4px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px}.account-card h2 svg{width:18px;color:var(--blue)}.account-avatar{width:72px;height:72px;margin:0 auto;border-radius:50%;display:grid;place-items:center;color:#075aab;background:linear-gradient(145deg,#dcecff,#eef7ff);font-size:24px;font-weight:750}.account-inline{display:grid;grid-template-columns:1fr 48px;gap:8px}.account-inline button,.account-readonly button{border:0;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:#eef6ff}.account-inline svg,.account-readonly svg{width:17px}.account-readonly{min-height:58px;padding:9px 12px;border-radius:12px;display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:7px;background:var(--canvas);text-align:center}.account-readonly span{color:var(--muted);font-size:10px}.account-readonly strong{font-size:11px}.account-readonly button{width:32px;height:32px}.account-identity{min-height:70px;padding:13px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--canvas)}.account-identity>svg{width:20px;color:var(--blue)}.account-identity>span{display:grid;gap:4px;text-align:center}.account-identity strong{font-size:12px}.account-identity small{color:var(--muted);font-size:9px}.account-danger p{text-align:center;color:var(--muted);font-size:11px;line-height:1.5}.account-danger h2 svg{color:var(--danger)}.content-page,.home-page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:68px 0 80px}.narrow-page{width:min(680px,calc(100% - 40px))}.hero{min-height:445px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:58px 64px;border-radius:28px;color:#fff;background:#000}.hero-copy{z-index:2}.presence,.live-dot{width:fit-content;display:flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:600;color:#ffffffd1;background:#ffffff1f}.presence span,.live-dot:before{width:7px;height:7px;border-radius:50%;background:#30d158;box-shadow:0 0 0 4px #30d1581f}.hero h1{margin:26px 0 18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:clamp(40px,5vw,64px);font-weight:650;line-height:1.04;letter-spacing:-2.7px}.hero h1 em{color:#2997ff;font-style:normal}.hero-copy>p{max-width:430px;margin:0;color:#ffffffad;font-size:18px;line-height:1.55;letter-spacing:-.4px}.hero-art{position:relative;height:330px;perspective:1000px}.hero-card{position:absolute;width:190px;height:260px;display:grid;place-items:center;border-radius:18px;background:#fff;box-shadow:0 25px 55px #0006}.hero-card--one{top:36px;left:36px;transform:rotate(-13deg)}.hero-card--two{right:25px;top:26px;transform:rotate(12deg)}.hero-card .fruit-cluster{width:145px}.hero-bell{position:absolute;z-index:3;left:50%;bottom:0;width:140px;height:128px;transform:translate(-50%);filter:drop-shadow(0 18px 18px rgba(0,0,0,.5))}.bell-knob{position:absolute;z-index:2;left:50%;top:0;width:34px;height:25px;transform:translate(-50%);border-radius:15px 15px 5px 5px;background:linear-gradient(90deg,#ccc,#fff 50%,#aaa)}.bell-dome{position:absolute;left:18px;top:19px;width:104px;height:82px;border-radius:60px 60px 13px 13px;background:radial-gradient(circle at 34% 28%,#fff 0,#d9d9d9 36%,#7b7b7d)}.bell-base{position:absolute;bottom:8px;left:4px;width:132px;height:32px;border-radius:12px;background:linear-gradient(#303033,#111);border:3px solid #555}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.action-card{min-height:170px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-radius:22px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.action-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #00000017}.action-card--blue{color:#fff;background:var(--blue)}.action-card--dark{color:#fff;background:var(--ink)}.action-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#f0f7ff}.action-card--blue .action-icon,.action-card--dark .action-icon{color:#fff;background:#ffffff26}.action-card h2{margin:22px 0 5px;font-size:24px;line-height:1.15;letter-spacing:-.7px}.action-card p{margin:0;color:var(--muted);font-size:14px}.action-card--blue p,.action-card--dark p{color:#ffffffad}.action-arrow{position:absolute;top:29px;right:29px}.friend-strip{margin-top:16px;min-height:82px;display:flex;align-items:center;gap:17px;padding:16px 24px;border-radius:18px;background:#fff}.friend-strip>span:nth-child(2){flex:1;display:grid;gap:3px}.friend-strip strong{font-size:14px}.friend-strip small{color:var(--muted);font-size:12px}.friend-stack{display:flex;padding-left:9px}.friend-stack i{width:34px;height:34px;margin-left:-9px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#d8e9ff;color:#075aab;font-size:12px;font-style:normal;font-weight:700}.friend-stack i:nth-child(2){background:#f6e1ff;color:#8a35a3}.friend-stack i:nth-child(3){background:#e3f3dd;color:#34772b}.page-heading{position:relative;text-align:center;margin-bottom:36px}.back-button{position:absolute;left:0;top:-8px;background:#fff}.eyebrow{margin:0 0 10px!important;color:var(--blue)!important;font-size:11px!important;font-weight:750;letter-spacing:1.6px!important}.page-heading h1,.matching-page h1{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:clamp(34px,5vw,48px);line-height:1.08;letter-spacing:-1.7px}.page-heading>p:last-child,.matching-page>p{max-width:540px;margin:14px auto 0;color:var(--muted);font-size:16px;line-height:1.5;letter-spacing:-.25px}.form-card{padding:32px;border-radius:24px;background:#fff}.primary-button,.secondary-button{min-height:48px;padding:0 23px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:var(--blue);font-weight:600;transition:transform .15s ease,background .15s ease}.primary-button:hover{background:var(--blue-hover)}.primary-button:active,.secondary-button:active{transform:scale(.98)}.primary-button:disabled{cursor:not-allowed;background:#b8d8f5}.secondary-button{color:var(--ink);background:#e8e8ed}.secondary-button:hover{background:#dedee3}.primary-button svg,.secondary-button svg{width:18px}.full-button{width:100%}.text-button,.danger-text-button{min-height:40px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--blue);background:transparent;font-size:13px}.text-button svg,.danger-text-button svg{width:16px}.danger-text-button{color:var(--danger)}.people-visual{min-height:88px;display:flex;justify-content:center;align-items:center}.people-visual span{width:60px;height:60px;margin:0 -5px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;color:#075aab;background:#d9ebfc}.people-visual span:nth-child(2n){color:#7b3d8c;background:#f1ddf7}.people-visual svg{width:25px}.stepper-label{margin-top:24px;display:flex;justify-content:space-between;align-items:baseline}.stepper-label span{font-size:14px;font-weight:600}.stepper-label strong{font-size:19px}.stepper{margin:13px 0 10px;min-height:82px;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;border-radius:16px;background:var(--canvas)}.stepper button{width:44px;height:44px;margin:auto;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink)}.stepper button:disabled{opacity:.35}.stepper button svg{width:19px}.stepper output{text-align:center;font-size:34px;font-weight:650}.helper-text{text-align:center;color:var(--muted);font-size:12px;margin:0 0 26px}.lobby-capacity{margin-top:18px;padding:10px;border-radius:12px;display:grid;grid-template-columns:1fr 32px auto 32px;align-items:center;gap:7px;background:var(--canvas);font-size:11px}.lobby-capacity button{width:32px;height:32px;border:0;border-radius:9px;display:grid;place-items:center;color:var(--blue);background:#fff}.lobby-capacity button svg{width:15px}.lobby-member-actions{display:flex;gap:4px}.lobby-member-actions button{width:32px;height:32px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:#f1f1f3}.lobby-member-actions button:last-child{color:var(--danger)}.lobby-member-actions svg{width:14px}.ready-badge{padding:4px 7px;border-radius:999px;color:#8a5b00;background:#fff4d8;font-size:8px;font-weight:750}.ready-badge.is-ready,.ready-toggle.is-ready{color:#17652e;background:#eaf8ee}.action-confirm{position:fixed;z-index:120;inset:0;padding:20px;display:grid;place-items:center;background:#0000006b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.action-confirm>div{width:min(390px,100%);padding:25px;border-radius:20px;display:grid;gap:12px;text-align:center;background:#fff;box-shadow:0 20px 65px #00000038}.action-confirm h2{margin:0;font-size:19px}.action-confirm p{margin:0;color:var(--muted);font-size:11px}.action-confirm label{display:grid;gap:7px}.action-confirm label span{font-size:11px;font-weight:650}.action-confirm input{height:48px;border:0;border-radius:12px;text-align:center;background:var(--canvas)}.action-confirm .danger-button,.action-confirm .secondary-button{width:100%}.lobby-page{width:min(920px,calc(100% - 40px))}.lobby-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.room-code-card,.member-card{padding:30px;border-radius:24px;background:#fff}.room-code-card{text-align:center;align-self:start}.room-code-card>p{margin:3px 0 18px;color:var(--muted);font-size:12px;font-weight:600}.room-code{font-size:38px;font-weight:700;letter-spacing:5px}.room-code span{color:var(--blue)}.room-code-card .secondary-button{width:100%;margin-top:25px}.room-code-card .text-button{margin-top:5px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:0 0 3px;font-size:19px}.section-title p{margin:0;color:var(--muted);font-size:12px}.live-dot{color:#248a3d;background:#e8f8ed}.member-list{list-style:none;margin:22px 0 24px;padding:0}.member-list li,.friend-row{min-height:62px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.member-list li>span:nth-child(2),.friend-row>span:nth-child(2){flex:1;display:grid;gap:3px}.member-list strong,.friend-row strong{font-size:14px}.member-list small,.friend-row small{color:var(--muted);font-size:11px}.avatar{position:relative;width:38px;height:38px;display:grid!important;place-items:center;border-radius:50%;color:#075aab;background:#dcecff;font-weight:700;font-size:13px}.avatar--2{color:#813b96;background:#f1def7}.avatar--3{color:#2f7628;background:#e2f0dc}.avatar--4{color:#986117;background:#f9e8cd}.avatar svg{width:17px}.host-crown{width:18px;color:#f0a000}.kick-button{width:32px;height:32px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:transparent}.kick-button:hover{color:var(--danger);background:#fff0f1}.kick-button svg{width:16px}.empty-member{color:#a1a1a6}.empty-member .avatar{color:#a1a1a6;background:#f1f1f3}.member-card>.danger-text-button{width:100%;margin-top:4px}.join-form{display:grid;gap:22px}.join-form label{position:relative;display:grid;gap:8px}.join-form label>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650}.join-form label>span svg{width:16px;color:var(--muted)}.join-form input{width:100%;height:52px;padding:0 16px;border:0;outline:0;border-radius:12px;color:var(--ink);background:#f0f0f3}.join-form input:focus{box-shadow:0 0 0 2px var(--blue)}.join-form label>small{position:absolute;right:12px;bottom:17px;color:#86868b;font-size:10px}.join-form .code-input{height:68px;text-align:center;font-size:28px;font-weight:650;letter-spacing:8px}.form-error{margin:-10px 0 0;color:var(--danger);font-size:12px}.privacy-note{margin:-10px 0 0;display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:11px}.privacy-note svg{width:13px}.joined-lobby{background:#fff;border-radius:24px}.joined-room-code{margin-bottom:25px;padding:18px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;background:var(--canvas)}.joined-room-code span{color:var(--muted);font-size:12px;font-weight:600}.joined-room-code strong{font-size:22px;letter-spacing:3px}.joined-room-code em{color:var(--blue);font-style:normal}.joined-lobby>.danger-text-button{margin-top:5px}.count-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.count-options button{height:94px;position:relative;border:0;border-radius:14px;display:grid;place-content:center;color:var(--ink);background:var(--canvas)}.count-options button strong{font-size:28px}.count-options button span{color:var(--muted);font-size:11px}.count-options button.is-selected{color:#fff;background:var(--blue)}.count-options button.is-selected span{color:#ffffffb3}.count-options button svg{position:absolute;right:8px;top:8px;width:16px}.queue-info{margin:22px 0;display:flex;align-items:center;gap:13px;padding:16px;border-radius:13px;background:#f5f5f7}.queue-info>svg{color:var(--blue)}.queue-info span{flex:1;display:grid;gap:3px}.queue-info strong{font-size:13px}.queue-info small{color:var(--muted);font-size:11px}.queue-info i{padding:4px 8px;border-radius:999px;color:#248a3d;background:#e2f5e7;font-size:10px;font-style:normal;font-weight:650}.matching-page{text-align:center;position:relative}.match-close{position:absolute;right:0;top:0;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:#e8e8ed}.radar{position:relative;width:190px;height:190px;margin:0 auto 34px;border-radius:50%;overflow:hidden;background:#0071e30f}.radar i{position:absolute;inset:25px;border:1px solid rgba(0,113,227,.16);border-radius:50%}.radar i:nth-child(2){inset:53px}.radar i:nth-child(3){inset:0;border:0;background:conic-gradient(from 0deg,transparent 60%,rgba(0,113,227,.18));animation:spin 2.2s linear infinite}.radar span{position:absolute;z-index:2;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);box-shadow:0 0 0 10px #0071e31a}.match-slots{margin:32px auto 15px;width:min(440px,100%);display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.match-slot{height:62px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:13px;color:#9d9da2;background:#ededf0;font-size:12px}.match-slot>svg{width:18px;animation:spin 1.2s linear infinite}.match-slot.is-found{color:#075aab;background:#e7f2fe}.match-slot.is-found>svg{animation:none}.match-count{display:block;margin:16px 0;font-size:14px}.matching-page>.secondary-button{min-width:140px}@keyframes spin{to{transform:rotate(360deg)}}.match-error{margin:0 auto 12px;text-align:center}.match-close:disabled,.matching-page>.secondary-button:disabled{opacity:.45;cursor:not-allowed}.count-options button:disabled{cursor:not-allowed;opacity:.6}.rules-page{width:min(980px,calc(100% - 40px))}.rule-hero{min-height:270px;display:flex;align-items:center;justify-content:center;gap:24px;padding:35px;border-radius:25px;background:#fff}.rule-card{width:150px;height:195px;position:relative;display:grid;place-items:center;border-radius:15px;background:#fff;box-shadow:0 8px 30px #0000001c}.rule-card .fruit-cluster{width:118px}.rule-card b{position:absolute;right:10px;bottom:8px;color:var(--muted)}.plus-sign,.equals-sign{font-size:32px;font-weight:300}.rule-bell{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue);box-shadow:0 8px 30px #0071e340}.rule-bell svg{width:38px;height:38px}.rule-bell strong{font-size:12px}.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.rule-grid article{position:relative;padding:26px 22px;border-radius:18px;background:#fff}.rule-grid article>span{position:absolute;right:18px;top:16px;color:#d2d2d7;font-size:24px;font-weight:700}.rule-grid svg{width:26px;height:26px;color:var(--blue)}.rule-grid h2{margin:28px 0 8px;font-size:16px}.rule-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.rule-compare{padding:30px;border-radius:22px;background:#fff}.rule-compare>h2{margin:0 0 20px;font-size:22px}.rule-compare>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rule-compare article{padding:20px;border-radius:14px;background:#edf8f0}.rule-compare article.wrong-example{background:#fff0f1}.rule-compare header{display:flex;gap:7px;align-items:center;color:#248a3d;font-size:13px;font-weight:700}.rule-compare header svg{width:18px}.rule-compare .wrong-example header{color:var(--danger)}.rule-compare article p{margin:20px 0 5px;color:var(--muted);font-size:12px}.rule-compare article strong{font-size:14px}.penalty-note{margin:20px 0 0;color:var(--muted);font-size:12px;text-align:center}.friends-page{width:min(840px,calc(100% - 40px))}.friends-toolbar{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-bottom:16px}.segmented-control{display:flex;padding:4px;border-radius:12px;background:#e8e8ed}.segmented-control button{min-width:104px;border:0;border-radius:9px;background:transparent;font-size:12px;font-weight:600}.segmented-control button.is-active{background:#fff;box-shadow:0 1px 5px #00000014}.segmented-control span{color:var(--blue)}.search-field{height:48px;display:flex;align-items:center;gap:10px;padding-left:15px;border-radius:12px;background:#fff}.search-field>svg{width:18px;color:#86868b}.search-field input{flex:1;border:0;outline:0;background:transparent}.search-field button{width:48px;height:48px;border:0;display:grid;place-items:center;color:var(--blue);background:transparent}.search-field button svg{width:19px}.friends-list{padding:28px;border-radius:22px;background:#fff}.friend-row{min-height:74px}.avatar i{position:absolute;right:0;bottom:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#a1a1a6}.avatar i.is-online{background:#30d158}.invite-button{min-height:34px;padding:0 14px;border:0;border-radius:999px;display:flex;align-items:center;gap:6px;color:var(--blue);background:#eaf4ff;font-size:11px;font-weight:650}.invite-button svg{width:14px}.request-actions{display:flex;gap:7px}.request-actions button{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue)}.request-actions button:last-child{color:var(--muted);background:#ededf0}.request-actions svg{width:17px}.empty-state{padding:60px 20px;text-align:center;color:var(--muted)}.empty-state svg{margin:0 auto 14px}.empty-state strong{display:block;color:var(--ink)}.empty-state p{font-size:12px}.subsection-title{margin:25px 0 5px;display:flex;align-items:center;gap:7px;font-size:13px}.subsection-title svg{width:16px;color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-results{margin-bottom:16px}.friends-notice{margin:0 0 16px;padding:11px 14px;border-radius:12px;text-align:center;color:#17652e;background:#eaf8ee;font-size:12px;font-weight:650}.friends-notice.is-error{color:var(--danger);background:#fff0f1}.friends-loading{padding:42px 20px}.friends-inline-empty{margin:10px 0 20px;padding:18px;text-align:center;color:var(--muted);font-size:11px}.friend-activity,.relationship-label{min-height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;color:#256aa8;background:#edf6ff;font-size:10px;font-weight:650;white-space:nowrap}.friend-activity svg,.relationship-label svg{width:13px}.friend-manage-actions{display:flex;align-items:center;gap:5px}.friend-manage-actions>button{min-width:34px;min-height:34px;padding:0 9px;border:0;border-radius:9px;display:grid;place-items:center;color:var(--muted);background:#f1f1f3;font-size:10px;font-weight:650}.friend-manage-actions>button svg{width:15px}.friend-manage-actions .confirm-action{color:#17652e;background:#eaf8ee}.friend-manage-actions .confirm-action.is-danger{color:var(--danger);background:#fff0f1}.is-spinning{animation:friend-spin .8s linear infinite}@keyframes friend-spin{to{transform:rotate(360deg)}}.app--game,.main--game{min-height:100vh;background:#0a0a0b}.game-page{min-height:100vh;position:relative;overflow:hidden;padding:26px max(24px,calc((100vw - 1100px)/2)) 30px;color:#fff;background:radial-gradient(circle at 50% 48%,#26272a 0,#111113 47%,#050506)}.game-page:before{content:"";position:absolute;inset:0;opacity:.11;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle,#000,transparent 75%);mask-image:radial-gradient(circle,#000,transparent 75%)}.game-topbar{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.game-topbar>button,.game-topbar>div:last-child button{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff1a}.game-topbar>div:nth-child(2){display:grid;gap:3px;text-align:center}.game-topbar span{color:#2997ff;font-size:10px;font-weight:700;letter-spacing:1.3px}.game-topbar strong{display:flex;align-items:center;gap:5px;font-size:13px}.game-topbar strong svg{width:14px}.game-topbar>div:last-child{display:flex;justify-content:flex-end;gap:7px}.game-topbar svg{width:18px}.opponents{position:relative;z-index:3;max-width:650px;margin:34px auto 0;display:flex;justify-content:space-around}.opponent{min-width:110px;display:grid;justify-items:center;gap:4px;color:#ffffffb3}.opponent .avatar{width:44px;height:44px;border:2px solid transparent}.opponent.is-turn .avatar{border-color:#2997ff;box-shadow:0 0 0 5px #2997ff21}.opponent strong{font-size:12px}.opponent small{font-size:10px;color:#ffffff6b}.game-table{position:relative;z-index:2;width:min(720px,90vw);height:390px;margin:0 auto}.played-card{position:absolute;top:83px;width:150px;height:204px;border:0;border-radius:14px;display:grid;place-items:center;background:#fff;box-shadow:0 16px 35px #0006}.played-card .fruit-cluster{width:120px}.played-card--left{left:8%;transform:rotate(-8deg)}.played-card--center{left:50%;z-index:3;transform:translate(-50%) rotate(2deg)}.played-card--right{right:8%;transform:rotate(9deg)}.played-card--center span{position:absolute;bottom:-35px;color:#ffffff9e;font-size:10px}.deck-stack{position:absolute;left:50%;bottom:-1px;width:90px;height:112px;transform:translate(-50%);border-radius:9px;display:grid;place-content:center;text-align:center;background:var(--blue);box-shadow:0 0 0 3px #fff,5px 6px 0 3px #0062c6,10px 12px 0 3px #004e9f}.deck-stack i{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.3);border-radius:5px}.deck-stack strong{font-size:27px}.deck-stack small{font-size:9px;color:#ffffffb3}.game-message{position:relative;z-index:4;width:fit-content;max-width:calc(100% - 40px);margin:4px auto 17px;padding:9px 15px;border-radius:999px;color:#ffffffad;background:#ffffff14;font-size:11px;text-align:center}.game-message.is-success{color:#85e89d;background:#30d1581f}.bell-button{position:relative;z-index:4;width:150px;height:110px;margin:0 auto;border:0;display:grid;place-items:center;color:#fff;background:transparent}.bell-button>span{position:absolute;inset:0;border-radius:75px 75px 20px 20px;background:linear-gradient(145deg,#f8f8f8 0,#aeafb2 55%,#666);box-shadow:inset 8px 8px 15px #ffffffa6,inset -10px -12px 18px #00000040,0 12px #29292c,0 18px 30px #0000008c}.bell-button svg,.bell-button strong{position:relative;z-index:1}.bell-button svg{width:34px;height:34px;color:#222}.bell-button strong{font-size:11px;color:#111}.bell-button:active{transform:translateY(7px)}.bell-button:active>span{box-shadow:inset 8px 8px 15px #ffffffa6,inset -10px -12px 18px #00000040,0 5px #29292c,0 10px 18px #0000008c}.game-hint{position:relative;z-index:2;margin:21px 0 0;text-align:center;color:#ffffff59;font-size:10px}.game-table--live{height:390px;display:grid;justify-items:center;align-content:start;padding-top:34px}.table-card-grid{width:min(680px,100%);min-height:220px;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,18px)}.table-card{width:clamp(82px,13vw,122px);height:clamp(118px,18vw,170px);position:relative;flex:0 1 122px;border-radius:13px;display:grid;place-items:center;background:#fff;box-shadow:0 15px 30px #00000061;transform:rotate(var(--card-tilt,0deg))}.table-card:nth-child(3n+1){--card-tilt:-3deg}.table-card:nth-child(3n+2){--card-tilt:2deg}.table-card:nth-child(3n){--card-tilt:4deg}.table-card .fruit-cluster{width:clamp(72px,10vw,105px);height:100px}.table-card small{position:absolute;left:8px;right:8px;bottom:7px;color:#707077;font-size:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-table{height:160px;display:grid;place-items:center;color:#ffffff59;font-size:11px}.reveal-button{position:absolute;left:50%;bottom:36px;z-index:4;transform:translate(-50%);min-width:125px;height:36px;padding:0 18px;border:0;border-radius:999px;color:#fff;background:#2f95f6;font-size:11px;font-weight:700}.reveal-button:disabled{color:#ffffff73;background:#ffffff1a}.game-table--live .deck-stack{left:calc(50% + 150px);bottom:1px;width:72px;height:90px}.deck-stack.is-turn{box-shadow:0 0 0 3px #fff,5px 6px 0 3px #0062c6,10px 12px 0 3px #004e9f,0 0 30px #2997ffa6}.bell-button:disabled{opacity:.42;filter:grayscale(.65)}.fruit-cluster{position:relative;width:80px;height:80px}.fruit-cluster svg{position:absolute;width:55%;height:55%}.fruit-cluster--1 svg{left:22%;top:22%;width:60%;height:60%}.fruit-cluster--2 svg:first-child{left:5%;top:22%}.fruit-cluster--2 svg:last-child{right:5%;bottom:18%}.fruit-cluster--3 svg:nth-child(1){left:23%;top:0}.fruit-cluster--3 svg:nth-child(2){left:4%;bottom:4%}.fruit-cluster--3 svg:nth-child(3){right:3%;bottom:4%}.fruit-cluster--4 svg:nth-child(1){left:4%;top:3%}.fruit-cluster--4 svg:nth-child(2){right:4%;top:3%}.fruit-cluster--4 svg:nth-child(3){left:4%;bottom:3%}.fruit-cluster--4 svg:nth-child(4){right:4%;bottom:3%}.fruit-cluster--large{height:120px}@media(max-width:760px){.topbar{padding:0 16px}.topnav>a:first-child{display:none}.content-page,.home-page{width:min(100% - 28px,600px);padding:35px 0 60px}.hero{min-height:580px;grid-template-columns:1fr;align-content:start;padding:38px 28px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-copy>p{font-size:15px}.hero-art{height:275px;margin-top:20px}.hero-card{width:145px;height:200px}.hero-card--one{left:8%;top:30px}.hero-card--two{right:6%;top:20px}.hero-card .fruit-cluster{width:112px}.hero-bell{transform:translate(-50%) scale(.8);transform-origin:bottom}.action-grid{grid-template-columns:1fr}.action-card{min-height:145px}.friend-strip{padding:14px 17px}.page-heading{padding-top:28px;margin-bottom:27px}.page-heading h1{font-size:36px}.back-button{top:-5px}.form-card{padding:24px}.lobby-layout{grid-template-columns:1fr}.room-code-card{order:0}.rule-hero{gap:10px;padding:25px 12px}.rule-card{width:95px;height:135px}.rule-card .fruit-cluster{width:80px}.rule-bell{width:75px;height:75px}.rule-bell svg{width:27px}.plus-sign,.equals-sign{font-size:20px}.rule-grid{grid-template-columns:1fr 1fr}.rule-compare>div{grid-template-columns:1fr}.friends-toolbar{grid-template-columns:1fr}.segmented-control{height:48px}.segmented-control button{flex:1}.friends-list{padding:20px}.invite-button{font-size:0}.invite-button svg{width:17px}.game-page{padding:18px 14px 25px}.opponents{margin-top:25px}.opponent{min-width:85px}.game-table{height:360px;width:100%}.played-card{width:112px;height:158px;top:85px}.played-card .fruit-cluster{width:90px}.played-card--left{left:2%}.played-card--right{right:2%}.game-message{margin-top:2px}.bell-button{transform:scale(.9)}.bell-button:active{transform:scale(.9) translateY(7px)}.table-card-grid{min-height:205px}.game-table--live{height:340px;padding-top:22px}.game-table--live .deck-stack{left:calc(50% + 115px);bottom:4px}.reveal-button{bottom:31px}}@media(max-width:430px){.brand>span:last-child{display:none}.topnav>a span{display:none}.hero{border-radius:22px}.hero h1{font-size:37px}.action-card{padding:23px}.rule-grid{grid-template-columns:1fr}.rule-hero{min-height:205px}.rule-card{width:78px;height:112px}.rule-card .fruit-cluster{width:65px}.rule-bell{width:62px;height:62px}.plus-sign,.equals-sign{font-size:16px}.count-options{grid-template-columns:repeat(5,1fr);gap:5px}.count-options button{height:78px}.count-options button strong{font-size:22px}.game-table{height:330px}.played-card{width:100px;height:142px}.opponent{min-width:76px}.table-card-grid{gap:5px}.table-card{min-width:0;height:125px}.table-card .fruit-cluster{width:68px;height:82px}.game-table--live .deck-stack{left:calc(50% + 105px);transform:translate(-50%) scale(.86)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid #2997ff;outline-offset:2px}[role=dialog][aria-modal=true]:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #0a84ff;outline-offset:3px;box-shadow:0 0 0 2px #ffffffeb}.game-page button:focus-visible{outline-color:#64b5ff;box-shadow:0 0 0 2px #071d17}h1,h2,h3,p,strong,small,label{overflow-wrap:anywhere}body{overflow-x:hidden}@media(pointer:coarse){button,[role=button],a.primary-button,a.secondary-button,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{min-height:44px}.topnav>a,.profile-button,.icon-button,.game-topbar>button,.game-topbar>div:last-child button{min-width:44px;min-height:44px}}@media(max-width:360px){.content-page,.home-page,.narrow-page,.account-page,.lobby-page,.rules-page,.friends-page{width:calc(100% - 20px)}.topbar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.topnav{gap:2px}.topnav>a{padding:0 7px}.form-card,.friends-list,.admin-card{padding-left:16px;padding-right:16px}.page-heading h1{font-size:clamp(29px,10vw,36px)}.game-settings-overlay,.game-confirm-overlay,.game-result-overlay,.action-confirm,.pwa-ios-overlay{padding:8px}.game-settings-card,.game-confirm-card,.game-result-card,.pwa-ios-overlay>div{max-height:calc(100dvh - 16px);overflow-y:auto}}.fatal-error-page,.not-found-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--canvas)}.not-found-page{min-height:calc(100dvh - 48px);padding-top:40px;padding-bottom:40px}.fatal-error-page>section,.not-found-page>section{width:min(560px,100%);padding:clamp(28px,6vw,54px);border-radius:28px;display:grid;justify-items:center;gap:14px;text-align:center;background:#fff;box-shadow:0 18px 60px #00000014}.fatal-error-page>section>span,.not-found-page>section>span,.recovery-link-state>svg{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:var(--blue);background:#eaf4ff}.fatal-error-page svg,.not-found-page>section>span svg,.recovery-link-state>svg{width:28px;height:28px}.fatal-error-page h1,.not-found-page h1{margin:0;font-size:clamp(28px,5vw,44px);letter-spacing:-1.4px}.fatal-error-page p,.not-found-page p{max-width:460px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.fatal-error-page>section>p:first-of-type,.not-found-page>section>p:first-of-type{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.6px}.fatal-error-page code{padding:8px 12px;border-radius:9px;color:#5d3d00;background:#fff6dc;font-size:11px}.fatal-error-page>section>div,.not-found-page>section>div{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.fatal-error-page .primary-button,.fatal-error-page .secondary-button,.not-found-page .primary-button,.not-found-page .secondary-button{justify-content:center}.recovery-link-state{justify-items:center;text-align:center}.recovery-link-state>strong{font-size:17px}.recovery-link-state>p{margin:0 0 5px;color:var(--muted);font-size:11px}.auth-notice{margin:0;text-align:center}@media(max-width:430px){.fatal-error-page>section>div,.not-found-page>section>div{grid-template-columns:1fr}.fatal-error-page,.not-found-page{padding:10px}.fatal-error-page>section,.not-found-page>section{border-radius:22px}}.game-page--arena{height:100dvh;min-height:620px;display:grid;grid-template-rows:auto 1fr;padding:18px max(20px,calc((100vw - 1180px)/2)) 16px;background:radial-gradient(circle at 50% 44%,#153e35 0,#09271f 46%,#04130f)}.game-page--arena:after{content:"";position:absolute;inset:70px 4% 4%;border:1px solid rgba(255,255,255,.05);border-radius:42%;pointer-events:none}.halli-arena{position:relative;z-index:2;width:min(1080px,100%);min-height:0;margin:10px auto 0;display:grid;grid-template-rows:minmax(170px,1fr) minmax(150px,.82fr) minmax(185px,1fr);gap:10px}.arena-opponents{min-width:0;display:flex;align-items:stretch;justify-content:center;gap:10px}.arena-station{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#00000038;box-shadow:0 16px 38px #0000002b;transition:border-color .2s,box-shadow .2s}.arena-station.is-turn{border-color:#50bfffe6;box-shadow:0 0 0 3px #2997ff21,0 18px 40px #00000040}.opponent-station{width:min(330px,calc((100% - 30px)/3));padding:12px}.station-profile{height:42px;display:flex;align-items:center;gap:9px}.station-profile .avatar{width:38px;height:38px;flex:0 0 auto;font-size:10px}.station-profile>span:nth-child(2){min-width:0;flex:1;display:grid;gap:2px}.station-profile strong,.station-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-profile strong{font-size:12px}.station-profile small{color:#ffffff70;font-size:9px}.station-profile>b{padding:5px 8px;border-radius:999px;color:#8bc9ff;background:#2997ff1f;font-size:10px}.station-play{height:calc(100% - 42px);display:flex;align-items:center;justify-content:center;gap:12px}.mini-deck,.player-deck{position:relative;width:74px;height:104px;border:2px solid rgba(255,255,255,.82);border-radius:9px;display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(145deg,#1389f6,#0065c8);box-shadow:5px 6px #00539f}.mini-deck strong,.player-deck strong{font-size:22px}.mini-deck small,.player-deck small{font-size:8px;color:#ffffffb8}.arena-face-card{position:relative;width:86px;height:120px;border-radius:10px;display:grid;place-items:center;background:#fff;box-shadow:0 10px 24px #0000004d;transform:rotate(-2deg)}.arena-face-card .fruit-cluster{width:76px;height:90px}.arena-face-card>small{position:absolute;left:5px;right:5px;bottom:5px;color:#777;font-size:7px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-face-card.is-empty{border:1px dashed rgba(255,255,255,.2);color:#ffffff38;background:#ffffff09;box-shadow:none}.arena-face-card.is-empty span{font-size:10px}.arena-face-card.is-empty small{color:#ffffff29}.arena-center{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto;align-items:center}.turn-pill{justify-self:end;margin-right:28px;padding:7px 13px;border-radius:999px;color:#ffffff8c;background:#ffffff12;font-size:10px;font-weight:700}.turn-pill.is-mine{color:#b5e0ff;background:#2997ff2e}.arena-bell{position:relative;width:138px;height:110px;border:0;display:grid;place-items:center;color:#111;background:transparent}.arena-bell>span{position:absolute;inset:0;border-radius:70px 70px 20px 20px;background:linear-gradient(145deg,#fff 0,#c5c7c9 48%,#777);box-shadow:inset 8px 8px 15px #ffffffbf,inset -10px -12px 18px #0000003b,0 10px #29292c,0 17px 28px #00000073}.arena-bell svg,.arena-bell strong{position:relative;z-index:1}.arena-bell svg{width:30px;height:30px}.arena-bell strong{font-size:10px}.arena-bell:active:not(:disabled){transform:translateY(6px)}.arena-bell:disabled{opacity:.46;filter:grayscale(.6)}.arena-message{grid-column:1/-1;justify-self:center;max-width:min(560px,90%);padding:8px 15px;border-radius:999px;color:#ffffffb3;background:#00000045;font-size:10px;text-align:center}.arena-message.is-success{color:#9cf2b4;background:#30d15821}.player-station{width:min(460px,100%);justify-self:center;padding:13px 18px}.player-play{height:calc(100% - 42px);gap:28px}.player-deck{width:92px;height:126px;border:0;cursor:pointer;box-shadow:0 0 0 3px #fff,6px 7px 0 3px #00539f,12px 14px 0 2px #003f7a}.player-deck i{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.28);border-radius:5px}.player-deck i:nth-child(2){inset:14px}.player-deck strong{font-size:28px}.player-deck:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.45)}.player-station.is-turn .player-deck{animation:deckPulse 1.3s ease-in-out infinite}.player-station .arena-face-card{width:100px;height:140px}.player-station .arena-face-card .fruit-cluster{width:88px;height:103px}.fruit-cluster--5 svg:nth-child(1){left:23%;top:0}.fruit-cluster--5 svg:nth-child(2){left:0;top:28%}.fruit-cluster--5 svg:nth-child(3){right:0;top:28%}.fruit-cluster--5 svg:nth-child(4){left:10%;bottom:0}.fruit-cluster--5 svg:nth-child(5){right:10%;bottom:0}@keyframes deckPulse{50%{box-shadow:0 0 0 3px #fff,6px 7px 0 3px #00539f,12px 14px 0 2px #003f7a,0 0 28px #3eadffbf}}@media(max-width:760px){.game-page--arena{min-height:580px;padding:12px 10px 10px}.halli-arena{grid-template-rows:minmax(145px,.92fr) minmax(125px,.72fr) minmax(170px,1fr);gap:7px;margin-top:7px}.arena-opponents{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.arena-opponents::-webkit-scrollbar{display:none}.opponent-station{min-width:250px;width:250px;padding:9px}.station-play{gap:9px}.turn-pill{margin-right:10px;padding:6px 9px}.arena-bell{width:112px;height:88px}.arena-bell svg{width:25px}.player-station{padding:10px 13px}.player-play{gap:20px}.player-station .arena-face-card{width:88px;height:123px}.player-deck{width:80px;height:110px}.game-page--arena .game-topbar{padding:0 3px}}@media(max-width:430px){.game-page--arena{min-height:540px}.halli-arena{grid-template-rows:minmax(130px,.9fr) minmax(110px,.68fr) minmax(155px,1fr)}.opponent-station{min-width:230px;width:230px}.station-profile{height:36px}.station-profile .avatar{width:32px;height:32px}.station-play{height:calc(100% - 36px)}.mini-deck{width:58px;height:82px}.arena-face-card{width:68px;height:94px}.arena-face-card .fruit-cluster{width:59px;height:72px}.arena-bell{width:98px;height:78px}.arena-message{max-width:96%;padding:6px 10px}.player-station .station-profile{display:none}.player-play{height:100%}.player-station .arena-face-card{width:78px;height:108px}.player-station .arena-face-card .fruit-cluster{width:68px;height:83px}.player-deck{width:70px;height:96px}.player-deck strong{font-size:24px}}.environment-badge{padding:3px 6px;border-radius:999px;color:#075aab;background:#dcecff;font-size:8px;font-style:normal;letter-spacing:.7px}.action-card--practice{grid-column:1/-1;min-height:110px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:18px}.action-card--practice h2{margin:0 0 5px}.action-card--practice .action-arrow{position:static}.route-loading{min-height:calc(100vh - 48px);display:grid;place-items:center;color:var(--muted);font-size:13px}.auth-card{display:grid;gap:17px}.demo-notice{min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;color:#075aab;background:#eaf4ff;font-size:11px;font-weight:600}.demo-notice svg{width:15px}.auth-tabs,.auth-method{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#ededf0}.auth-tabs button,.auth-method button{height:39px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:12px;font-weight:650}.auth-tabs button.is-active,.auth-method button.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 5px #00000014}.auth-method{background:transparent;gap:8px;padding:0}.auth-method button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff}.auth-method button.is-active{color:#075aab;border-color:#acd4fa;background:#edf7ff;box-shadow:none}.auth-method svg{width:15px}.auth-card label{display:grid;gap:7px}.auth-card label>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650}.auth-card label svg{width:15px;color:var(--muted)}.auth-card input{height:49px;padding:0 14px;border:0;outline:0;border-radius:11px;background:#f0f0f3}.auth-card input:focus{box-shadow:0 0 0 2px var(--blue)}.practice-card{display:grid;gap:20px}.bot-portrait{display:grid;justify-items:center;gap:5px;padding:18px;border-radius:16px;background:linear-gradient(145deg,#111,#29292d);color:#fff}.bot-portrait>svg{width:42px;height:42px;color:#64aaff}.bot-portrait span{font-weight:700}.bot-portrait i{color:#79df91;font-size:10px;font-style:normal}.level-options{display:grid;gap:8px}.level-options button{min-height:64px;padding:0 15px;border:1px solid transparent;border-radius:13px;display:flex;align-items:center;gap:12px;text-align:left;background:var(--canvas)}.level-options button>svg:first-child{width:21px;color:var(--muted)}.level-options button>span{flex:1;display:grid;gap:3px}.level-options strong{font-size:13px}.level-options small{color:var(--muted);font-size:10px}.level-options button.is-selected{border-color:#a8d2fb;background:#eef7ff}.level-options button.is-selected>svg{color:var(--blue)}.level-options button>svg:last-child{width:17px;color:var(--blue)}.bot-opponent .avatar{width:52px;font-size:10px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr;background:#f5f5f7}.admin-sidebar{position:sticky;top:0;height:100vh;padding:24px 14px;display:flex;flex-direction:column;background:#111113;color:#fff}.admin-brand{display:flex;align-items:center;gap:10px;padding:0 9px 24px}.admin-brand>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--blue)}.admin-brand svg{width:19px}.admin-brand>div{display:grid;gap:2px}.admin-brand strong{font-size:14px}.admin-brand small{color:#2997ff;font-size:8px;letter-spacing:1.2px}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav button{height:43px;padding:0 12px;border:0;border-radius:9px;display:flex;align-items:center;gap:10px;color:#ffffff85;background:transparent;text-align:left;font-size:12px}.admin-sidebar nav button:hover,.admin-sidebar nav button.is-active{color:#fff;background:#ffffff1a}.admin-sidebar nav svg{width:17px}.admin-profile{margin-top:auto;padding:14px 8px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:9px}.admin-profile>span:nth-child(2){flex:1;display:grid;gap:2px}.admin-profile strong{font-size:11px}.admin-profile small{color:#fff6;font-size:9px}.admin-profile>svg{width:16px;color:#fff6}.admin-main{padding:42px clamp(25px,4vw,64px)}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.admin-header p{margin:0 0 6px;color:var(--blue);font-size:9px;font-weight:750;letter-spacing:1.4px}.admin-header h1{margin:0;font-size:34px;letter-spacing:-1.2px}.admin-header label{width:min(320px,36%);height:43px;padding:0 13px;display:flex;align-items:center;gap:8px;border-radius:11px;background:#fff}.admin-header label svg{width:16px;color:#86868b}.admin-header input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric-grid article{padding:22px;border-radius:16px;background:#fff}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:10px}.metric-grid strong{display:block;margin:13px 0 7px;font-size:27px}.metric-grid small{color:#248a3d}.metric-grid small.is-warning{color:#b85d00}.admin-panel{padding:25px;border-radius:18px;background:#fff}.admin-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-panel h2{margin:0 0 4px;font-size:18px}.admin-panel header p{margin:0;color:var(--muted);font-size:10px}.admin-panel header button{min-height:35px;padding:0 13px;border:0;border-radius:999px;color:var(--blue);background:#eaf4ff;font-size:10px;font-weight:650}.admin-panel header button.admin-primary{display:flex;align-items:center;gap:6px;color:#fff;background:var(--blue)}.admin-primary svg{width:14px}.admin-table{display:grid}.table-head,.table-row{min-height:48px;display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr 35px;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:10px}.table-head{min-height:34px;color:var(--muted);font-size:9px}.table-row>span:first-child{display:flex;align-items:center;gap:8px}.table-row .avatar{width:28px;height:28px;font-size:10px}.table-row button{width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:transparent}.table-row button svg{width:15px}.status-badge{width:fit-content;padding:4px 8px;border-radius:999px;color:#248a3d;background:#e9f7ed;font-size:9px}.status-badge.is-banned{color:var(--danger);background:#fff0f1}.card-set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card-set-grid article{padding:16px;border:1px solid var(--line);border-radius:14px;display:grid;gap:5px}.card-preview{height:130px;margin-bottom:8px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:40px;font-weight:700}.preview-default{background:var(--blue)}.preview-school{background:#212124}.card-set-grid strong{font-size:12px}.card-set-grid small{color:var(--muted);font-size:9px}.card-set-grid .add-card-set{place-content:center;justify-items:center;color:var(--muted);border-style:dashed}.add-card-set svg{width:25px}.space-list{display:grid;gap:8px}.space-list article{min-height:68px;padding:0 14px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px}.space-list article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--blue);font-weight:700}.space-list article>div{flex:1;display:grid;gap:3px}.space-list strong{font-size:12px}.space-list small{color:var(--muted);font-size:9px}.space-list i{padding:4px 8px;border-radius:999px;color:#248a3d;background:#e9f7ed;font-size:9px;font-style:normal}@media(max-width:760px){.play-flow-page{height:calc(100svh - 48px);padding:18px 0;overflow:hidden}.play-flow-page .page-heading{margin-bottom:18px}.play-flow-page .page-heading h1{font-size:31px}.play-flow-page .page-heading>p:last-child{margin-top:9px;font-size:13px}.home-page{height:calc(100svh - 48px);padding:14px 0;display:grid;grid-template-rows:260px 1fr;gap:10px;overflow:hidden}.hero{min-height:0;height:260px;grid-template-columns:1fr .65fr;align-items:center;padding:25px 20px}.hero h1{margin:16px 0 10px;font-size:31px;letter-spacing:-1.3px}.hero-copy>p{font-size:11px}.presence{padding:5px 8px;font-size:9px}.hero-art{height:200px;margin:0}.hero-card{width:105px;height:145px}.hero-card--one{left:-4%;top:32px}.hero-card--two{right:-18%;top:25px}.hero-card .fruit-cluster{width:80px}.hero-bell{transform:translate(-50%) scale(.55);transform-origin:bottom}.action-grid{height:100%;margin:0;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:8px}.action-card{min-height:0;padding:13px}.action-card h2{margin:8px 0 2px;font-size:15px}.action-card p{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-icon{width:30px;height:30px;border-radius:9px}.action-icon svg{width:16px}.action-arrow{top:14px;right:13px;width:15px}.action-card--practice{grid-column:1/-1;display:grid;grid-template-columns:30px 1fr auto;gap:10px}.action-card--practice h2{margin:0 0 2px}.friend-strip{display:none}.auth-card{gap:12px;padding:18px}.auth-card input{height:44px}.demo-notice{min-height:32px}.practice-card{gap:12px;padding:18px}.bot-portrait{padding:12px}.level-options button{min-height:54px}.admin-shell{grid-template-columns:64px 1fr}.admin-sidebar{padding:14px 8px}.admin-brand>div,.admin-sidebar nav button{font-size:0}.admin-brand{padding:0 5px 18px}.admin-sidebar nav button{justify-content:center}.admin-profile>span:nth-child(2),.admin-profile>svg{display:none}.admin-main{padding:24px 16px}.admin-header{align-items:flex-start}.admin-header label{display:none}.metric-grid{grid-template-columns:1fr 1fr}.card-set-grid{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:1.2fr .8fr .7fr 30px}.table-head span:nth-child(4),.table-row>span:nth-child(4){display:none}}@media(max-width:430px)and (max-height:760px){.home-page{grid-template-rows:225px 1fr}.hero{height:225px}.hero h1{font-size:27px}.hero-art{height:170px}.play-flow-page{padding:10px 0}.play-flow-page .page-heading{margin-bottom:10px}.play-flow-page .page-heading h1{font-size:27px}.play-flow-page .page-heading>p:last-child{display:none}.form-card{padding:18px}}.admin-login,.admin-access-denied{min-height:100vh;display:grid;place-items:center;padding:20px;background:#0b0b0c}.admin-login form{width:min(390px,100%);padding:34px;border-radius:22px;display:grid;gap:16px;background:#fff}.admin-login form>span{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--blue)}.admin-login form>span svg{width:22px}.admin-login p{margin:8px 0 -10px;color:var(--blue);font-size:9px;font-weight:750;letter-spacing:1.4px}.admin-login h1{margin:0 0 8px;font-size:28px}.admin-login label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:650}.admin-login input{height:47px;padding:0 13px;border:0;border-radius:10px;outline:0;background:#f0f0f3}.admin-login input:focus{box-shadow:0 0 0 2px var(--blue)}.admin-login small{color:var(--danger)}.admin-login button{height:48px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--blue);font-weight:650}.admin-login button svg{width:16px}.admin-access-denied{align-content:center;justify-items:center;color:#fff;text-align:center}.admin-access-denied>svg{width:44px;height:44px;color:#2997ff}.admin-access-denied h1{margin:20px 0 5px}.admin-access-denied p{margin:0;color:#ffffff80}.admin-login button.bootstrap-link{height:38px;color:var(--blue);background:transparent;font-size:11px}.admin-config-warning,.bootstrap-warning{padding:10px;border-radius:9px;color:#b85d00;background:#fff5e8;font-size:10px;line-height:1.4}.bootstrap-admin{overflow:auto}.bootstrap-admin form{margin:auto}.admin-table{text-align:center}.table-head>span,.table-row>span{justify-self:center}.table-row>span:first-child{justify-self:center}.table-row>button{justify-self:center}.table-row>span:first-child>span{display:grid;gap:2px;text-align:center}.table-row>span:first-child small{color:var(--muted);font-size:8px}.admin-empty{min-height:180px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.admin-empty svg{width:26px;margin-bottom:8px}.admin-empty strong{color:var(--ink);font-size:12px}.admin-empty p{margin:5px 0;font-size:9px}.admin-error{margin-bottom:14px;padding:12px;border-radius:10px;color:var(--danger);background:#fff0f1;font-size:10px}.admin-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-loading span{height:120px;border-radius:15px;background:#e8e8ed;animation:pulse 1.2s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.45}}.admin-profile{width:100%;border:0;text-align:left}.admin-profile:hover{background:#ffffff0d}.friends-toolbar{grid-template-columns:auto 1fr auto}.push-enable{min-height:48px;padding:0 14px;border:0;border-radius:12px;display:flex;align-items:center;gap:6px;color:var(--blue);background:#fff;font-size:10px;font-weight:650}.push-enable svg{width:15px}.table-actions{display:flex;justify-content:center;gap:3px}.table-actions button:last-child{color:var(--danger)}@media(max-width:760px){.friends-toolbar{grid-template-columns:1fr}.push-enable{justify-content:center}.friend-row{flex-wrap:wrap;padding:9px 0}.friend-row>span:nth-child(2){min-width:130px}.friend-manage-actions{width:100%;justify-content:center;padding-bottom:4px}.friend-activity{margin-left:auto}.search-results .friend-row{flex-wrap:nowrap}.search-results .invite-button{font-size:0}.search-results .invite-button svg{width:17px}}@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-page{width:min(100% - 28px,600px)}}form,.form-card,input,textarea,select{text-align:center}input::placeholder,textarea::placeholder{text-align:center}form label,.form-card label{text-align:center}form label>span,.form-card label>span,.join-form label>span,.auth-card label>span{justify-content:center}.admin-login form>span{margin-inline:auto}.admin-login p,.admin-login h1,.admin-login label,.admin-login small,.auth-card .form-error,.join-form .form-error{text-align:center}.stepper-label{justify-content:center;gap:10px}.queue-info{text-align:center}.queue-info>span{justify-items:center}.search-field input,.admin-header input{text-align:center}.duplicate-check{min-height:42px;padding:5px 8px;border-radius:11px;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:8px;background:#f0f0f3}.duplicate-check button{height:32px;border:0;border-radius:999px;color:#fff;background:var(--blue);font-size:10px;font-weight:650}.duplicate-check button:disabled{opacity:.55}.duplicate-check span{color:var(--muted);font-size:10px;text-align:center}.duplicate-check.is-available{background:#e9f7ed}.duplicate-check.is-available span{color:#248a3d}.duplicate-check.is-taken{background:#fff0f1}.duplicate-check.is-taken span{color:var(--danger)}@media(max-width:760px){.auth-page .auth-card{gap:9px}.auth-page .auth-card label{gap:4px}.auth-page .auth-card input{height:40px}.auth-page .auth-tabs button,.auth-page .auth-method button{height:34px}.duplicate-check{min-height:38px}}.auth-field{display:grid;gap:7px;text-align:center}.auth-field>label span{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:650}.auth-field>label svg{width:15px;color:var(--muted)}.identifier-control{height:51px;position:relative;padding:2px;border:2px solid transparent;border-radius:12px;background:#f0f0f3;transition:border-color .15s ease,background .15s ease}.identifier-control input{width:100%;height:43px!important;padding-left:88px!important;padding-right:88px!important;box-shadow:none!important;background:transparent}.identifier-control button{position:absolute;right:5px;top:50%;height:37px;min-width:76px;padding:0 11px;border:0;border-radius:9px;transform:translateY(-50%);color:#fff;background:var(--blue);font-size:10px;font-weight:650}.identifier-control button:disabled{opacity:.55}.identifier-control:focus-within{border-color:#2997ff}.identifier-control.has-error{border-color:var(--danger);background:#fff5f5}.identifier-control.is-available{border-color:#34a853;background:#f2fbf4}.field-message{display:block;margin-top:-1px;text-align:center;font-size:10px;font-weight:600}.field-message--error{color:var(--danger)}.field-message--success{color:#248a3d}.auth-card button.method-switch{min-height:32px;border:0;color:var(--blue);background:transparent;font-size:11px;font-weight:600}.auth-card button.method-switch:hover{text-decoration:underline}@media(max-width:760px){.identifier-control{height:44px}.identifier-control input{height:36px!important;padding-left:80px!important;padding-right:80px!important}.identifier-control button{height:32px;min-width:70px}.auth-card button.method-switch{min-height:27px}}.arena-center{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;justify-items:center}.turn-pill{position:absolute;left:calc(50% - 245px);top:50%;z-index:3;transform:translateY(-50%);margin:0}.center-playfield{width:min(540px,76vw);display:grid;grid-template-columns:minmax(90px,1fr) 138px minmax(90px,1fr);align-items:center;justify-items:center;gap:18px}.center-face-row{min-width:90px;display:flex;align-items:center;justify-content:center}.center-face-row .arena-face-card{flex:0 0 86px}.center-face-row--opponent{justify-self:end}.center-face-row--player{justify-self:start}.center-face-row--opponent .arena-face-card{transform:rotate(-5deg)}.center-face-row--player .arena-face-card{transform:rotate(5deg)}.halli-arena.is-collecting .center-face-row .arena-face-card{opacity:0}.card-motion-layer{position:absolute;inset:0;z-index:30;overflow:visible;pointer-events:none}.motion-card-back,.motion-face-card{position:absolute;left:calc(50% - 41px);top:calc(50% - 57px);width:82px;height:114px;border-radius:10px}.motion-card-back{border:3px solid #fff;background:linear-gradient(145deg,#168cf6,#0063bf);box-shadow:5px 6px #004f98,0 16px 35px #0006}.motion-card-back i{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.4);border-radius:5px}.play-player .motion-card-back{animation:playFromPlayer .46s cubic-bezier(.2,.8,.25,1) both}.play-opponent .motion-card-back{animation:playFromOpponent .46s cubic-bezier(.2,.8,.25,1) both}.motion-face-card{display:grid;place-items:center;background:#fff;box-shadow:0 14px 30px #0000006b;--start-x:0px;--start-rotate:0deg}.motion-face-card .fruit-cluster{width:72px;height:86px}.motion-face-card--1{--start-x:-105px;--start-rotate:-6deg}.motion-face-card--2{--start-x:105px;--start-rotate:6deg}.motion-face-card--3{--start-x:-55px;--start-rotate:-3deg}.motion-face-card--4{--start-x:55px;--start-rotate:3deg}.motion-face-card--5{--start-x:-150px;--start-rotate:-9deg}.motion-face-card--6{--start-x:150px;--start-rotate:9deg}.collect-player .motion-face-card{animation:collectToPlayer .82s cubic-bezier(.22,.7,.2,1) both}.collect-opponent .motion-face-card{animation:collectToOpponent .82s cubic-bezier(.22,.7,.2,1) both}@keyframes playFromPlayer{0%{transform:translate(80px,245px) scale(.82) rotate(0);opacity:.3}58%{transform:translate(118px,-8px) scale(1.06) rotate(12deg);opacity:1}to{transform:translate(118px) scale(1) rotate(5deg);opacity:0}}@keyframes playFromOpponent{0%{transform:translateY(-235px) scale(.75) rotate(180deg);opacity:.3}58%{transform:translate(-118px,8px) scale(1.06) rotate(-12deg);opacity:1}to{transform:translate(-118px) scale(1) rotate(-5deg);opacity:0}}@keyframes collectToPlayer{0%{transform:translate(var(--start-x)) rotate(var(--start-rotate));opacity:1}48%{transform:translate(0) rotate(0) scale(.9);opacity:1}72%{transform:translateY(8px) rotate(0) scale(.78);opacity:1}to{transform:translate(80px,245px) rotate(8deg) scale(.22);opacity:0}}@keyframes collectToOpponent{0%{transform:translate(var(--start-x)) rotate(var(--start-rotate));opacity:1}48%{transform:translate(0) rotate(0) scale(.9);opacity:1}72%{transform:translateY(-8px) rotate(0) scale(.78);opacity:1}to{transform:translateY(-235px) rotate(-8deg) scale(.22);opacity:0}}@media(max-width:760px){.center-playfield{width:min(410px,94vw);grid-template-columns:minmax(72px,1fr) 112px minmax(72px,1fr);gap:8px}.turn-pill{left:6px;top:10px;transform:none}.center-face-row .arena-face-card{flex-basis:72px;width:72px;height:100px}.center-face-row .arena-face-card .fruit-cluster{width:62px;height:75px}@keyframes playFromPlayer{0%{transform:translate(55px,205px) scale(.75);opacity:.3}to{transform:translate(94px) rotate(5deg);opacity:0}}@keyframes playFromOpponent{0%{transform:translateY(-190px) scale(.7) rotate(180deg);opacity:.3}to{transform:translate(-94px) rotate(-5deg);opacity:0}}@keyframes collectToPlayer{0%{transform:translate(var(--start-x)) rotate(var(--start-rotate));opacity:1}48%{transform:translate(0) scale(.85);opacity:1}to{transform:translate(55px,205px) scale(.2);opacity:0}}@keyframes collectToOpponent{0%{transform:translate(var(--start-x)) rotate(var(--start-rotate));opacity:1}48%{transform:translate(0) scale(.85);opacity:1}to{transform:translateY(-190px) scale(.2);opacity:0}}}.arena-station.is-eliminated{opacity:.5;filter:grayscale(.55)}.game-result-overlay,.game-confirm-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#000000c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-result-card{width:min(600px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:26px;color:#fff;background:linear-gradient(160deg,#153e35,#071c16 62%);box-shadow:0 30px 90px #0000008c;text-align:center}.result-trophy{width:62px;height:62px;margin:0 auto 12px;border-radius:20px;display:grid;place-items:center;color:#342500;background:linear-gradient(145deg,#fff0a3,#ffc532);box-shadow:0 10px 30px #ffc53238}.result-trophy svg{width:30px}.game-result-card>p{margin:0;color:#75c6ff;font-size:9px;font-weight:800;letter-spacing:1.6px}.game-result-card>h1{margin:8px 0 5px;font-size:30px;letter-spacing:-1px}.game-result-card>small{color:#ffffff85;font-size:10px}.game-result-list{margin:22px 0;padding:0;display:grid;gap:8px;list-style:none}.game-result-list li{min-height:70px;padding:9px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;display:grid;grid-template-columns:38px 38px minmax(95px,1fr) auto;align-items:center;gap:9px;background:#ffffff0b;text-align:left}.game-result-list li.is-me{border-color:#2997ff8c;background:#2997ff1a}.game-result-list li>b{color:#ffd45c;font-size:13px;text-align:center}.game-result-list .avatar{width:36px;height:36px}.game-result-list li>span:nth-child(3){min-width:0;display:grid;gap:3px}.game-result-list strong,.game-result-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-result-list strong{font-size:11px}.game-result-list small{color:#ffffff7a;font-size:8px}.game-result-list dl{margin:0;display:flex;gap:12px}.game-result-list dl div{display:grid;justify-items:center;gap:2px}.game-result-list dt{color:#ffffff6b;font-size:7px}.game-result-list dd{margin:0;font-size:11px;font-weight:700}.game-result-card>.full-button{margin-top:9px}.game-result-card>.secondary-button{border-color:#ffffff24;color:#fff;background:#ffffff14}.game-confirm-card{width:min(390px,100%);padding:30px;border-radius:22px;display:grid;justify-items:center;color:#1d1d1f;background:#fff;text-align:center;box-shadow:0 24px 80px #00000080}.game-confirm-card>svg{width:36px;height:36px;color:#ff3b30}.game-confirm-card h2{margin:17px 0 7px;font-size:22px}.game-confirm-card p{margin:0;color:#777;font-size:11px;line-height:1.6}.game-confirm-card>div{width:100%;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.danger-button{min-height:46px;border:0;border-radius:999px;color:#fff;background:#ff3b30;font-weight:700}.danger-button:disabled{opacity:.5}@media(max-width:520px){.game-result-card{padding:22px 15px;border-radius:22px}.game-result-card>h1{font-size:25px}.game-result-list li{grid-template-columns:30px 34px 1fr}.game-result-list li>b{font-size:11px}.game-result-list dl{grid-column:2/-1;justify-content:space-around;padding-top:6px;border-top:1px solid rgba(255,255,255,.07)}.game-result-list dl div{display:flex;gap:4px}.game-result-list dt,.game-result-list dd{font-size:8px}}.connection-banner{max-width:900px;margin:0 auto 12px;padding:10px 14px;border:1px solid #f0c36a;border-radius:12px;color:#7a4a00;background:#fff7df;text-align:center;font-size:11px;font-weight:700}.game-connection-banner{position:fixed;z-index:45;top:58px;left:50%;width:min(92vw,520px);transform:translate(-50%);padding:9px 14px;border-radius:999px;color:#fff;background:#c75b00;text-align:center;font-size:10px;font-weight:700;box-shadow:0 8px 24px #00000040}.member-list li.is-disconnected,.arena-station.is-disconnected{opacity:.58}.station-profile .is-offline{background:#8e8e93!important;box-shadow:none!important}.halli-arena{grid-template-rows:minmax(145px,.85fr) minmax(225px,1.25fr) minmax(150px,.85fr)}.arena-opponents{display:grid;align-items:stretch;justify-content:stretch;gap:8px}.arena-opponents--1{grid-template-columns:minmax(220px,330px);justify-content:center}.arena-opponents--2{grid-template-columns:repeat(2,minmax(0,330px));justify-content:center}.arena-opponents--3{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-opponents--4{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-opponents--5{grid-template-columns:repeat(5,minmax(0,1fr))}.opponent-station{width:auto;min-width:0;padding:10px}.arena-opponents--4 .mini-deck,.arena-opponents--5 .mini-deck{width:60px;height:84px}.arena-opponents--4 .station-profile,.arena-opponents--5 .station-profile{gap:6px}.arena-opponents--4 .station-profile .avatar,.arena-opponents--5 .station-profile .avatar{width:32px;height:32px}.arena-opponents--4 .station-profile strong,.arena-opponents--5 .station-profile strong{font-size:10px}.arena-opponents--5 .station-profile small{font-size:7px}.arena-opponents--5 .station-profile>b{padding:4px 5px;font-size:8px}.center-playfield{width:min(780px,94%);height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 92px;place-items:center;gap:5px}.table-face-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:8px}.table-face-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.table-face-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.table-face-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.table-face-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}.table-face-grid .arena-face-card{width:76px;height:106px;transform:rotate(-2deg)}.table-face-grid .arena-face-card:nth-child(2n){transform:rotate(2deg)}.table-face-grid .arena-face-card.is-mine{outline:2px solid #45aaff;outline-offset:3px}.table-face-grid .arena-face-card.is-eliminated{opacity:.38;filter:grayscale(.8)}.table-face-grid .arena-face-card .fruit-cluster{width:66px;height:80px}.table-face-grid--5 .arena-face-card,.table-face-grid--6 .arena-face-card{width:66px;height:92px}.table-face-grid--5 .arena-face-card .fruit-cluster,.table-face-grid--6 .arena-face-card .fruit-cluster{width:57px;height:68px}.center-playfield .arena-bell{width:108px;height:84px}.center-playfield .arena-bell svg{width:24px;height:24px}.halli-arena.is-collecting .table-face-grid .arena-face-card{opacity:0}.arena-center .turn-pill{left:8px;top:8px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:none}@media(max-width:760px){.game-page--arena{min-height:560px}.halli-arena{grid-template-rows:minmax(104px,.66fr) minmax(245px,1.55fr) minmax(112px,.72fr);gap:6px}.arena-opponents{overflow:visible;display:grid;gap:5px}.arena-opponents--1{grid-template-columns:1fr}.arena-opponents--2{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-opponents--3,.arena-opponents--4,.arena-opponents--5{grid-template-columns:repeat(3,minmax(0,1fr))}.opponent-station{width:auto;min-width:0;padding:5px 6px;border-radius:12px}.opponent-station .station-play{display:none}.opponent-station .station-profile{height:100%;min-height:42px;gap:5px}.opponent-station .station-profile .avatar,.arena-opponents--4 .station-profile .avatar,.arena-opponents--5 .station-profile .avatar{width:27px;height:27px;font-size:8px}.opponent-station .station-profile strong,.arena-opponents--4 .station-profile strong,.arena-opponents--5 .station-profile strong{font-size:8px}.opponent-station .station-profile small,.arena-opponents--5 .station-profile small{font-size:6px}.opponent-station .station-profile>b,.arena-opponents--5 .station-profile>b{padding:3px 4px;font-size:7px;white-space:nowrap}.center-playfield{width:100%;grid-template-rows:minmax(0,1fr) 72px;gap:3px}.table-face-grid{gap:4px}.table-face-grid .arena-face-card{width:58px;height:81px}.table-face-grid .arena-face-card .fruit-cluster{width:50px;height:61px}.table-face-grid--5 .arena-face-card,.table-face-grid--6 .arena-face-card{width:49px;height:69px}.table-face-grid--5 .arena-face-card .fruit-cluster,.table-face-grid--6 .arena-face-card .fruit-cluster{width:42px;height:51px}.table-face-grid .arena-face-card>small{left:2px;right:2px;bottom:3px;font-size:5px}.table-face-grid .arena-face-card.is-empty span{font-size:7px}.center-playfield .arena-bell{width:90px;height:68px}.center-playfield .arena-bell strong{font-size:8px}.arena-center .turn-pill{left:3px;top:3px;max-width:115px;padding:5px 7px;font-size:8px}.arena-message{font-size:8px}.player-station{width:min(360px,100%)}}@media(max-width:390px)and (max-height:700px){.game-page--arena{padding-top:8px}.halli-arena{grid-template-rows:92px minmax(215px,1fr) 100px;margin-top:4px}.table-face-grid .arena-face-card{width:51px;height:71px}.table-face-grid .arena-face-card .fruit-cluster{width:44px;height:53px}.table-face-grid--5 .arena-face-card,.table-face-grid--6 .arena-face-card{width:43px;height:61px}.table-face-grid--5 .arena-face-card .fruit-cluster,.table-face-grid--6 .arena-face-card .fruit-cluster{width:37px;height:45px}.center-playfield{grid-template-rows:minmax(0,1fr) 60px}.center-playfield .arena-bell{width:78px;height:58px}}.practice-result-card.is-loss{background:linear-gradient(160deg,#3b2530,#190d12 62%)}.practice-result-stats{margin:20px 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.practice-result-stats article{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0b}.practice-result-stats article>strong{display:block;margin-bottom:10px;font-size:12px}.practice-result-stats dl{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.practice-result-stats dl div{display:grid;gap:3px}.practice-result-stats dt{color:#ffffff73;font-size:7px}.practice-result-stats dd{margin:0;font-size:12px;font-weight:750}@media(max-width:520px){.practice-result-stats{grid-template-columns:1fr}.practice-result-stats article{padding:10px}.practice-result-stats article>strong{margin-bottom:6px}}.admin-readonly,.admin-success{margin-bottom:14px;padding:11px 13px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:10px;font-weight:650}.admin-readonly{color:#6b4d00;background:#fff6d8}.admin-success{color:#177a32;background:#e9f7ed}.admin-readonly svg,.admin-success svg{width:15px;height:15px;flex:0 0 auto}.admin-panel .admin-filter{min-width:140px;display:grid;gap:5px;color:var(--muted);font-size:8px}.admin-filter select{height:35px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:999px;outline:0;color:var(--ink);background:#fff}.admin-filter select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #2997ff26}.admin-main,.admin-panel{min-width:0}.admin-table{max-width:100%;overflow-x:auto}.admin-table .table-head,.admin-table .table-row{min-width:720px;grid-template-columns:1.5fr .8fr 1fr .9fr 142px}.admin-table--audit .table-head,.admin-table--audit .table-row{grid-template-columns:1fr 1fr 1fr 1.7fr 1fr}.admin-table--audit .table-row>span:nth-child(4){max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row .admin-table-person{width:auto;height:auto;min-height:42px;padding:4px 8px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);background:transparent}.table-row .admin-table-person:hover{background:#f4f7fb}.admin-table-person>span{display:grid;gap:2px}.admin-table-person small{max-width:160px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:8px;white-space:nowrap}.table-actions{display:flex;align-items:center;justify-content:center;gap:2px}.table-actions button:hover{color:var(--blue);background:#edf6ff}.admin-pagination{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:14px}.admin-pagination button{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:4px;color:var(--ink);background:#fff;font-size:9px}.admin-pagination button:disabled{opacity:.35}.admin-pagination button svg{width:13px}.admin-pagination span{color:var(--muted);font-size:9px}.admin-fab{position:fixed;right:28px;bottom:28px;z-index:40;min-height:46px;padding:0 18px;border:0;border-radius:999px;display:flex;align-items:center;gap:7px;color:#fff;background:var(--blue);box-shadow:0 12px 32px #0063bf4d;font-size:11px;font-weight:700}.admin-fab svg{width:16px}.admin-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-modal{position:relative;width:min(440px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:30px;border-radius:22px;display:grid;gap:14px;background:#fff;box-shadow:0 24px 80px #00000059;text-align:center}.admin-modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:#f0f0f3}.admin-modal-close svg{width:16px}.admin-modal>span{width:45px;height:45px;margin:auto;border-radius:13px;display:grid;place-items:center;color:var(--blue);background:#eaf4ff}.admin-modal>span.is-danger{color:var(--danger);background:#fff0f1}.admin-modal>span svg{width:22px}.admin-modal h2{margin:0;font-size:23px}.admin-modal>p{margin:-5px 0 2px;color:var(--muted);font-size:10px;line-height:1.5}.admin-modal label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:650}.admin-modal input,.admin-modal select,.admin-modal textarea{width:100%;border:1px solid transparent;border-radius:11px;outline:0;background:#f0f0f3}.admin-modal input,.admin-modal select{height:44px;padding:0 12px}.admin-modal textarea{padding:12px;resize:vertical}.admin-modal input:focus,.admin-modal select:focus,.admin-modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #2997ff21}.admin-modal>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-modal>div>button{min-height:44px;border-radius:999px}.admin-modal .full-button{border:0;color:#fff;background:var(--blue);font-weight:700}.admin-modal .secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.admin-detail{width:min(600px,100%)}.admin-detail dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-detail dl div{padding:11px;border-radius:11px;background:#f6f6f8}.admin-detail dt{margin-bottom:4px;color:var(--muted);font-size:8px}.admin-detail dd{margin:0;overflow-wrap:anywhere;font-size:10px;font-weight:650}.admin-detail h3{margin:5px 0 -4px;font-size:12px}.admin-member-list{max-height:180px;margin:0;padding:0;overflow:auto;display:grid;gap:6px;list-style:none}.admin-member-list li{padding:9px 11px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;gap:8px}.admin-member-list strong,.admin-member-list span{font-size:9px}.admin-member-list span{color:var(--muted)}.admin-detail .admin-detail-actions{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-top:3px}.admin-detail-actions button{min-height:42px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ink);background:#fff;font-size:9px;font-weight:650}.admin-detail-actions button svg{width:14px}.admin-detail-actions button.is-danger{color:var(--danger);border-color:#ffc9cc;background:#fff5f5}@media(max-width:760px){.admin-brand>div{display:none}.admin-panel{padding:16px}.admin-panel>header{align-items:flex-start;gap:10px}.admin-panel .admin-filter{min-width:112px}.admin-table .table-head,.admin-table .table-row{min-width:650px;grid-template-columns:1.45fr .75fr .95fr .75fr 130px}.admin-table--audit .table-head,.admin-table--audit .table-row{min-width:700px;grid-template-columns:1fr 1fr 1fr 1.5fr 1fr}.admin-fab{right:16px;bottom:16px}.admin-modal{padding:25px 18px}.admin-detail dl{grid-template-columns:1fr}.admin-member-list li{align-items:center;flex-direction:column}.admin-header h1{font-size:28px}}.spaces-page,.space-admin-page{padding-bottom:60px}.space-join-panel{margin-bottom:18px;padding:18px 20px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;background:linear-gradient(135deg,#111113,#27272c)}.space-join-panel>div{display:flex;align-items:center;gap:12px}.space-join-panel>div>svg{width:25px;color:#62adff}.space-join-panel>div span{display:grid;gap:3px}.space-join-panel strong{font-size:13px}.space-join-panel small{color:#ffffff80;font-size:9px}.space-join-panel form{display:flex;gap:7px}.space-join-panel input{width:155px;height:41px;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:0;color:#fff;background:#ffffff1a;font-weight:750;letter-spacing:2px}.space-join-panel input:focus{border-color:#62adff}.space-join-panel button{min-width:90px;border:0;border-radius:999px;color:#fff;background:var(--blue);font-size:10px;font-weight:700}.space-directory{padding:24px;border-radius:20px;background:#fff}.space-directory>header{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.space-directory h2{margin:0 0 3px;font-size:19px}.space-directory header p{margin:0;color:var(--muted);font-size:9px}.space-directory header button{min-height:38px;padding:0 14px;border:0;border-radius:999px;display:flex;align-items:center;gap:6px}.space-directory header button svg{width:15px}.space-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.space-directory-grid article{min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:45px minmax(0,1fr);gap:12px}.space-directory-grid article>span{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:#fff;background:var(--blue)}.space-directory-grid article>span svg{width:21px}.space-directory-grid article>div:nth-child(2){min-width:0}.space-directory-grid i{padding:3px 7px;border-radius:999px;color:#248a3d;background:#e9f7ed;font-size:7px;font-style:normal}.space-directory-grid h3{margin:9px 0 4px;font-size:14px}.space-directory-grid p{height:28px;margin:0;color:var(--muted);overflow:hidden;font-size:9px;line-height:1.5}.space-directory-grid small{display:block;margin-top:6px;color:var(--muted);font-size:8px}.space-directory-grid article>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.space-directory-grid a{min-height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-size:9px;font-weight:650}.space-directory-grid a svg{width:13px}.space-code-preview{grid-template-columns:1fr 1fr auto!important;align-items:center}.space-code-preview span{font-family:ui-monospace,monospace}.space-code-preview button{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center}.space-code-preview svg{width:14px}.space-tabs{margin:0 auto 16px;padding:4px;border-radius:13px;display:grid;grid-template-columns:repeat(5,1fr);background:#e9e9ed}.space-tabs button{height:40px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-size:10px;font-weight:700}.space-tabs button.is-active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #00000014}.space-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.space-metrics article{padding:20px;border-radius:16px;background:#fff}.space-metrics span,.space-metrics small{display:block;color:var(--muted);font-size:9px}.space-metrics strong{display:block;margin:11px 0 6px;font-size:25px}.space-metrics small{color:#248a3d}.space-invite-card{margin-top:12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px}.space-invite-card>div:first-child{display:flex;align-items:center;gap:10px}.space-invite-card>div:first-child svg{width:21px;color:var(--blue)}.space-invite-card>div span{display:grid;gap:3px}.space-invite-card strong{font-size:12px}.space-invite-card small{color:var(--muted);font-size:8px}.space-invite-card code{padding:10px 13px;border-radius:9px;color:#075aab;background:#eaf4ff;font-size:16px;font-weight:800;letter-spacing:2px}.space-invite-card>div:last-child{display:flex;gap:6px}.space-invite-card button{min-height:37px;padding:0 12px;border-radius:999px;display:flex;align-items:center;gap:5px;font-size:8px}.space-invite-card button svg{width:13px}.space-admin-panel{min-width:0}.space-admin-panel>header a{min-height:35px;padding:0 13px;border-radius:999px;display:flex;align-items:center;gap:6px;color:#fff;background:var(--blue);text-decoration:none;font-size:10px;font-weight:650}.space-admin-panel>header a svg{width:14px}.space-member-table{max-width:100%;overflow-x:auto}.space-member-head,.space-member-row{min-width:720px;min-height:52px;display:grid;grid-template-columns:1.6fr .8fr .8fr .7fr 44px;align-items:center;gap:10px;border-bottom:1px solid var(--line);text-align:center;font-size:9px}.space-member-head{min-height:34px;color:var(--muted);font-size:8px}.space-member-row>span:first-child{display:flex;align-items:center;justify-content:center;gap:8px}.space-member-row>span:first-child>span{min-width:0;display:grid;gap:2px}.space-member-row .avatar{width:28px;height:28px}.space-member-row small{max-width:180px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:7px;white-space:nowrap}.space-member-row select{height:32px;border:1px solid var(--line);border-radius:999px;background:#fff}.space-member-row>button{width:32px;height:32px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--danger);background:#fff5f5}.space-member-row>button:disabled{opacity:.25}.space-member-row>button svg{width:14px}.space-credentials{margin-top:16px;padding:14px;border-radius:13px;display:grid;gap:6px;color:#5d3d00;background:#fff6dc;text-align:center}.space-credentials strong{font-size:11px}.space-credentials p{margin:0;font-size:8px}.space-credentials code{font-size:9px}.space-credentials button{width:fit-content;margin:auto;padding:6px 12px;border:0;border-radius:999px;display:flex;align-items:center;gap:5px}.space-credentials button svg{width:13px}.space-room-grid{display:grid;gap:8px}.space-room-grid article{padding:13px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px}.space-room-grid article>svg{width:20px;color:var(--blue)}.space-room-grid article>div{display:grid;gap:3px}.space-room-grid strong{font-size:11px}.space-room-grid small,.space-room-grid article>span{color:var(--muted);font-size:8px}.space-settings{width:min(600px,100%);margin:auto;display:grid;gap:14px}.space-settings h2{display:flex;align-items:center;justify-content:center;gap:8px}.space-settings h2 svg{width:20px}.space-settings label{display:grid;gap:6px}.space-settings textarea{padding:12px;border:0;border-radius:11px;background:#f0f0f3;resize:vertical}.space-toggle{display:flex!important;align-items:center;justify-content:center;gap:8px}.space-toggle input{width:18px;height:18px}.space-member-modal .space-member-modes{grid-template-columns:repeat(3,1fr);padding:4px;border-radius:11px;background:#ededf0}.space-member-modes button{height:34px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:8px}.space-member-modes button.is-active{color:var(--ink);background:#fff}.space-csv-upload{min-height:90px;border:1px dashed #a9ccef;border-radius:13px;display:grid!important;place-content:center;justify-items:center;gap:7px!important;color:var(--blue)!important;background:#f2f8ff}.space-csv-upload svg{width:22px}.space-csv-upload input{width:auto;height:auto;background:transparent}.space-room-select{display:grid;gap:6px}.space-room-select select{height:42px;border:0;border-radius:11px;background:#f0f0f3}.space-list>a{color:inherit;text-decoration:none}.space-list>a:hover article{border-color:#a8d2fb;background:#f5faff}@media(max-width:760px){.space-join-panel{align-items:stretch;flex-direction:column}.space-join-panel form{display:grid;grid-template-columns:1fr auto}.space-join-panel input{width:100%}.space-directory{padding:16px}.space-directory-grid{grid-template-columns:1fr}.space-metrics{grid-template-columns:1fr 1fr}.space-invite-card{grid-template-columns:1fr}.space-invite-card code{justify-self:center}.space-invite-card>div:last-child{justify-content:center}.space-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(76px,1fr))}.space-room-grid article{grid-template-columns:28px 1fr}.space-room-grid article>span{grid-column:2}.space-member-modal .space-member-modes{grid-template-columns:repeat(3,1fr)}}.card-library-page{padding-bottom:60px}.card-library-toolbar{margin-bottom:14px;padding:16px 18px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;background:#111113}.card-library-toolbar>div{display:flex;align-items:center;gap:10px}.card-library-toolbar svg{width:20px;color:#62adff}.card-library-toolbar span{display:grid;gap:3px}.card-library-toolbar strong{font-size:12px}.card-library-toolbar small{color:#ffffff80;font-size:8px}.card-library-toolbar button{min-height:38px;padding:0 14px;border:0;border-radius:999px;display:flex;align-items:center;gap:6px}.card-library-toolbar button svg{width:14px;color:#fff}.card-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card-library-grid article{min-width:0;padding:15px;border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;background:#fff}.card-library-preview{width:105px;height:145px;border:4px solid #fff;border-radius:13px;display:grid;place-content:center;justify-items:center;gap:8px;box-shadow:0 8px 22px #00000024}.card-library-preview svg{width:27px}.card-library-preview span{font-size:9px;font-weight:800;letter-spacing:1.5px}.card-library-grid article>div:nth-child(2){min-width:0}.card-status{width:fit-content;padding:4px 8px;border-radius:999px;color:#8b5a00;background:#fff4d5;font-size:8px;font-style:normal;font-weight:700}.card-status--published{color:#177b34;background:#e7f7eb}.card-status--archived{color:#777;background:#ededf0}.card-library-grid h2{margin:10px 0 5px;overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.card-library-grid p{height:31px;margin:0;color:var(--muted);overflow:hidden;font-size:8px;line-height:1.5}.card-library-grid small{display:block;margin-top:7px;color:var(--muted);font-size:7px}.card-library-actions{grid-column:1/-1;display:flex;gap:5px}.card-library-actions a,.card-library-actions button{min-height:34px;flex:1;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ink);background:#fff;text-decoration:none;font-size:8px;font-weight:650}.card-library-actions svg{width:13px}.card-library-actions .is-danger{color:var(--danger);border-color:#ffd0d2}.card-set-grid>a{color:inherit;text-decoration:none}.card-set-grid>a:hover article{border-color:#a8d2fb}.designer-notice{position:fixed;z-index:90;top:62px;left:50%;transform:translate(-50%);padding:9px 14px;border-radius:999px;color:#177b34;background:#e7f7eb;box-shadow:0 8px 24px #00000026;font-size:9px;font-weight:700}.designer-notice.is-error{color:var(--danger);background:#fff0f1}.card-designer-page{min-height:calc(100dvh - 48px);display:grid;grid-template-rows:70px 1fr;background:#ebebef}.card-designer-header{padding:0 22px;display:grid;grid-template-columns:40px minmax(180px,1fr) auto auto;align-items:center;gap:13px;background:#fff;border-bottom:1px solid var(--line)}.card-designer-header>a{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#f0f0f3}.card-designer-header>a svg{width:16px}.card-designer-header>div:nth-child(2){display:grid;gap:3px}.card-designer-header p{margin:0;color:var(--blue);font-size:7px;font-weight:800;letter-spacing:1.3px}.card-designer-header input{width:min(380px,100%);border:0;outline:0;background:transparent;text-align:left;font-size:18px;font-weight:750}.card-designer-header>div:last-child{display:flex;gap:6px}.card-designer-header button{min-height:35px;padding:0 12px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:5px;background:#fff;font-size:8px;font-weight:650}.card-designer-header button.is-primary{border-color:var(--blue);color:#fff;background:var(--blue)}.card-designer-header button svg{width:13px}.card-designer-main{min-height:0;display:grid;grid-template-columns:215px minmax(340px,1fr) 275px}.card-design-list,.card-properties{min-height:0;overflow:auto;background:#fff}.card-design-list{padding:14px;border-right:1px solid var(--line)}.card-design-list section{margin-top:14px}.card-design-list h2{margin:0 0 5px;color:var(--muted);font-size:8px}.card-design-list button{width:100%;min-height:48px;padding:5px 8px;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;gap:8px;background:transparent;text-align:left}.card-design-list button:hover,.card-design-list button.is-selected{border-color:#abd3fa;background:#edf6ff}.card-design-list button>.fruit-cluster{width:35px;height:38px}.card-design-list button>span:not(.design-mini-back){display:grid;gap:2px}.card-design-list strong{font-size:9px}.card-design-list small{color:var(--muted);font-size:7px}.design-mini-back{width:30px;height:40px;border:2px solid #fff;border-radius:5px;box-shadow:0 2px 7px #0003}.card-design-canvas{min-width:0;padding:25px;display:grid;place-content:center;justify-items:center;gap:25px;background-image:radial-gradient(#cfcfd4 1px,transparent 1px);background-size:20px 20px}.designer-card{position:relative;width:240px;height:335px;border:8px solid #fff;border-radius:25px;overflow:hidden;display:grid;place-content:center;justify-items:center;gap:15px;box-shadow:0 24px 60px #00000038}.designer-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.designer-card>svg{width:45px;height:45px}.designer-card>strong{font-size:13px;letter-spacing:2px}.designer-card>.fruit-cluster{width:200px;height:245px}.designer-card>small{position:absolute;z-index:2;left:15px;right:15px;bottom:13px;text-align:center;font-size:9px}.designer-count-preview{display:flex;gap:7px}.designer-count-preview>span{width:45px;height:62px;padding:3px;border:2px solid transparent;border-radius:7px;display:grid;place-content:center;justify-items:center;background:#fff;box-shadow:0 3px 10px #00000014}.designer-count-preview>span.is-current{border-color:var(--blue)}.designer-count-preview .fruit-cluster{width:35px;height:42px}.designer-count-preview small{font-size:6px}.card-properties{padding:18px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.card-properties h2{margin:0 0 5px;display:flex;align-items:center;gap:7px;font-size:13px}.card-properties h2 svg{width:17px;color:var(--blue)}.card-properties label{display:grid;gap:5px;color:var(--muted);font-size:8px;font-weight:650}.card-properties input:not([type=file]),.card-properties textarea{width:100%;border:0;border-radius:9px;outline:0;background:#f0f0f3}.card-properties input:not([type=file]){height:39px}.card-properties textarea{padding:9px;resize:vertical}.card-properties input[type=color]{padding:3px}.designer-upload{min-height:65px;border:1px dashed #9ec9f4;border-radius:11px;display:grid!important;place-content:center;justify-items:center;color:var(--blue)!important;background:#f1f8ff}.designer-upload svg{width:20px}.designer-upload input{width:100%;font-size:7px}.designer-upload.is-disabled{opacity:.45}.designer-remove-image{min-height:33px;border:1px solid #ffd0d2;border-radius:999px;color:var(--danger);background:#fff;font-size:8px}.version-history{margin-top:auto;padding-top:13px;border-top:1px solid var(--line);display:grid;gap:6px}.version-history h3{margin:0 0 3px;display:flex;align-items:center;gap:5px;font-size:9px}.version-history h3 svg{width:13px;color:#248a3d}.version-history>span{padding:7px;border-radius:8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;background:#f6f6f8}.version-history strong{font-size:8px}.version-history small{font-size:6px}.version-history svg{width:11px}.version-history p{color:var(--muted);font-size:7px}@media(max-width:900px){.card-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-designer-main{grid-template-columns:155px 1fr 220px}.designer-card{width:190px;height:265px}.designer-card>.fruit-cluster{width:160px;height:195px}}@media(max-width:700px){.card-library-toolbar{align-items:stretch;flex-direction:column}.card-library-toolbar button{justify-content:center}.card-library-grid{grid-template-columns:1fr}.card-designer-page{height:calc(100dvh - 48px);grid-template-rows:62px minmax(0,1fr)}.card-designer-header{padding:0 8px;grid-template-columns:34px minmax(100px,1fr) auto}.card-designer-header input{font-size:13px}.card-designer-header>.card-status{display:none}.card-designer-header>div:last-child{grid-column:1/-1;position:fixed;z-index:60;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));justify-content:center}.card-designer-header>div:last-child button{background:#fff;box-shadow:0 5px 20px #0000002e}.card-designer-main{position:relative;grid-template-columns:82px minmax(0,1fr)}.card-design-list{padding:6px}.card-design-list h2{font-size:6px}.card-design-list button{min-height:42px;padding:3px;justify-content:center}.card-design-list button>span:not(.design-mini-back){display:none}.card-design-list button>.fruit-cluster{width:31px;height:34px}.card-design-canvas{padding:10px;gap:12px}.designer-card{width:min(185px,58vw);height:min(258px,80vw);border-width:6px;border-radius:18px}.designer-card>.fruit-cluster{width:150px;height:185px}.designer-count-preview{gap:3px}.designer-count-preview>span{width:34px;height:48px}.designer-count-preview .fruit-cluster{width:27px;height:32px}.card-properties{position:fixed;z-index:70;right:0;top:48px;bottom:0;width:min(270px,82vw);transform:translate(calc(100% - 10px));transition:transform .2s;box-shadow:-8px 0 25px #0000001f}.card-properties:focus-within,.card-properties:hover{transform:translate(0)}.card-properties:before{content:"설정";position:absolute;right:100%;top:100px;padding:9px 5px;border-radius:8px 0 0 8px;color:#fff;background:#111;font-size:7px;writing-mode:vertical-rl}}.recovery-sent-card{justify-items:center;text-align:center}.recovery-sent-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;color:var(--blue);background:#eaf4ff}.recovery-sent-icon svg{width:30px;height:30px}.recovery-sent-card h2{margin:4px 0 0;font-size:22px}.recovery-sent-card>strong{color:var(--blue);font-size:13px}.recovery-sent-card>p{max-width:440px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.recovery-sent-note{width:100%;padding:12px 14px;border-radius:11px;color:#6e6e73;background:#f5f5f7;font-size:10px}.recovery-sent-card .primary-button{justify-content:center;text-decoration:none}.card-design-canvas{position:relative}.designer-properties-toggle,.designer-properties-close{display:none}@media(max-width:700px){.designer-properties-toggle{position:absolute;z-index:25;right:10px;top:10px;min-height:34px;padding:0 10px;border:0;border-radius:999px;display:flex;align-items:center;gap:5px;color:#fff;background:#111;font-size:8px;font-weight:700;box-shadow:0 4px 14px #0003}.designer-properties-toggle svg{width:13px}.card-properties{transform:translate(100%)}.card-properties:hover,.card-properties:focus-within{transform:translate(100%)}.card-properties.is-open{transform:translate(0)}.card-properties:before{display:none}.designer-properties-close{width:34px;height:34px;flex:0 0 auto;align-self:flex-end;border:0;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#f0f0f3}.designer-properties-close svg{width:15px}}.arena-face-card{overflow:hidden}.custom-card-face-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.arena-face-card .custom-card-face-image+small{z-index:2;padding:3px 5px;border-radius:5px;color:#fff;background:#00000080}.game-settings-overlay{position:fixed;inset:0;z-index:95;padding:18px;display:grid;place-items:center;background:#000000b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-settings-card{width:min(440px,100%);padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:24px;color:#fff;background:#17171a;box-shadow:0 28px 80px #0000008c;display:grid;gap:10px}.game-settings-card>header{margin-bottom:5px;display:flex;align-items:center;justify-content:space-between}.game-settings-card>header>div{display:flex;align-items:center;gap:10px}.game-settings-card>header>div>svg{width:28px;color:#62adff}.game-settings-card>header span{display:grid;gap:2px}.game-settings-card h2{margin:0;font-size:19px}.game-settings-card header small{color:#62adff;font-size:7px;font-weight:800;letter-spacing:1.3px}.game-settings-card>header>button{width:35px;height:35px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff14}.game-settings-card>header>button svg{width:16px}.game-setting-toggle,.game-setting-range{min-height:62px;padding:12px 14px;border-radius:13px;background:#ffffff0e}.game-setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px}.game-setting-toggle>span{display:grid;gap:3px}.game-setting-toggle strong,.game-setting-range strong{font-size:11px}.game-setting-toggle small{color:#ffffff73;font-size:8px}.game-setting-toggle input{width:42px;height:23px;accent-color:var(--blue)}.game-setting-range{display:grid;gap:9px}.game-setting-range>span{display:flex;justify-content:space-between}.game-setting-range output{color:#62adff;font-size:9px}.game-setting-range input{width:100%;accent-color:var(--blue)}.game-settings-card>p{margin:3px 0;text-align:center;color:#fff6;font-size:8px}.game-settings-card>.primary-button{justify-content:center}.halli-arena.is-collecting .arena-center{animation:arenaCollectFlash .82s ease}.arena-message.is-success{animation:correctPulse .5s ease}@keyframes arenaCollectFlash{40%{filter:drop-shadow(0 0 30px rgba(71,255,135,.48))}}@keyframes correctPulse{50%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.card-motion-layer,.halli-arena.is-collecting .arena-center,.arena-message.is-success,.player-station.is-turn .player-deck{animation:none!important;transition:none!important}}.pwa-network-banner,.pwa-update-banner,.pwa-install-banner,.pwa-toast{position:fixed;z-index:120;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;box-shadow:0 12px 35px #00000040}.pwa-network-banner{top:max(10px,env(safe-area-inset-top));width:min(520px,calc(100% - 24px));padding:11px 14px;border-radius:14px;color:#fff}.pwa-network-banner.is-offline{background:#8b3a00}.pwa-network-banner.is-online{background:#176b31}.pwa-network-banner>svg,.pwa-update-banner>svg,.pwa-install-banner>svg{width:20px;flex:0 0 auto}.pwa-network-banner span,.pwa-update-banner span,.pwa-install-banner span{min-width:0;flex:1;display:grid;gap:2px}.pwa-network-banner strong,.pwa-update-banner strong,.pwa-install-banner strong{font-size:10px}.pwa-network-banner small,.pwa-update-banner small,.pwa-install-banner small{color:#ffffffad;font-size:8px}.pwa-update-banner{bottom:max(14px,env(safe-area-inset-bottom));width:min(560px,calc(100% - 24px));padding:12px 14px;border-radius:16px;color:#fff;background:#17171a}.pwa-update-banner button,.pwa-install-banner>button:nth-last-child(2){min-height:34px;padding:0 12px;border:0;border-radius:999px;color:#fff;background:var(--blue);font-size:8px;font-weight:700}.pwa-install-banner{right:18px;bottom:max(18px,env(safe-area-inset-bottom));left:auto;transform:none;width:min(410px,calc(100% - 36px));padding:12px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff}.pwa-install-banner small{color:var(--muted)}.pwa-install-banner>button:last-child{width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:#f0f0f3}.pwa-install-banner>button:last-child svg{width:14px}.pwa-toast{bottom:max(14px,env(safe-area-inset-bottom));padding:10px 14px;border-radius:999px;color:#fff;background:#176b31;font-size:9px;font-weight:700}.pwa-toast svg{width:15px}.pwa-ios-overlay{position:fixed;inset:0;z-index:130;padding:18px;display:grid;place-items:center;background:#000000ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pwa-ios-overlay>div{position:relative;width:min(420px,100%);padding:28px;border-radius:24px;background:#fff;text-align:center}.pwa-ios-overlay>div>button:first-child{position:absolute;right:13px;top:13px;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:#f0f0f3}.pwa-ios-overlay>div>button:first-child svg{width:15px}.pwa-ios-overlay>div>svg{width:34px;color:var(--blue)}.pwa-ios-overlay h2{margin:12px 0 17px;font-size:22px}.pwa-ios-overlay ol{margin:0 0 20px;padding-left:22px;display:grid;gap:11px;text-align:left;font-size:11px;line-height:1.5}.pwa-ios-overlay .primary-button{justify-content:center}@supports (padding:max(0px)){.topbar{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(48px + env(safe-area-inset-top))}.game-page--arena{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(max-width:600px){.pwa-install-banner{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px)}.pwa-install-banner span small{white-space:normal}.pwa-update-banner{align-items:stretch;flex-wrap:wrap}.pwa-update-banner button{width:100%}}@media(orientation:landscape)and (max-height:520px){.game-page--arena{min-height:100dvh}.halli-arena{grid-template-rows:100px minmax(120px,1fr) 105px}.game-settings-card{max-height:calc(100dvh - 24px);overflow:auto}}.halli-arena{grid-template-rows:58px minmax(270px,1fr) minmax(145px,.72fr)}.arena-opponents{place-items:center;align-content:center;gap:7px}.arena-opponents--1{grid-template-columns:minmax(125px,180px)}.arena-opponents--2{grid-template-columns:repeat(2,minmax(125px,180px))}.arena-opponents--3{grid-template-columns:repeat(3,minmax(110px,170px))}.arena-opponents--4{grid-template-columns:repeat(4,minmax(100px,155px))}.arena-opponents--5{grid-template-columns:repeat(5,minmax(90px,145px))}.opponent-station{width:100%;height:46px;padding:5px 7px;border-radius:13px}.opponent-station .station-profile{height:100%;min-height:0;gap:6px}.opponent-station .station-profile .avatar,.arena-opponents--4 .station-profile .avatar,.arena-opponents--5 .station-profile .avatar{width:25px;height:25px;font-size:7px}.opponent-station .station-profile>span:nth-child(2){display:block}.opponent-station .station-profile strong,.arena-opponents--4 .station-profile strong,.arena-opponents--5 .station-profile strong{display:block;font-size:9px}.opponent-station .station-profile>b,.arena-opponents--5 .station-profile>b{padding:4px 6px;font-size:8px;white-space:nowrap}.opponent-station .station-play{display:none}.center-playfield{width:min(820px,96%);grid-template-rows:minmax(0,1fr) 96px}.table-face-grid{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,20px);perspective:900px}.table-face-grid .arena-face-card,.table-face-grid--5 .arena-face-card,.table-face-grid--6 .arena-face-card{width:108px;height:150px;flex:0 0 auto;transform:translateY(3px) rotate(-7deg);transition:transform .2s,opacity .2s}.table-face-grid .arena-face-card:nth-child(2){transform:translateY(-4px) rotate(6deg)}.table-face-grid .arena-face-card:nth-child(3){transform:translateY(5px) rotate(-3deg)}.table-face-grid .arena-face-card:nth-child(4){transform:translateY(-2px) rotate(8deg)}.table-face-grid .arena-face-card:nth-child(5){transform:translateY(4px) rotate(-9deg)}.table-face-grid .arena-face-card:nth-child(6){transform:translateY(-5px) rotate(4deg)}.table-face-grid .arena-face-card .fruit-cluster,.table-face-grid--5 .arena-face-card .fruit-cluster,.table-face-grid--6 .arena-face-card .fruit-cluster{width:94px;height:114px}.arena-message{max-width:min(690px,94%);min-height:38px;padding:10px 18px;display:grid;place-items:center;font-size:13px;font-weight:750;line-height:1.35;box-shadow:0 8px 25px #0003}.arena-message.is-error{color:#ffd3d0;background:#ff3b3038;box-shadow:0 0 0 1px #ff5e5659,0 8px 25px #00000038;animation:wrongShake .38s ease}.arena-message.is-success{color:#c8ffd6;background:#30d15838;box-shadow:0 0 0 1px #5bff8a57,0 0 32px #30d15838}.motion-card-back,.motion-face-card{left:calc(50% - 52px);top:calc(50% - 72px);width:104px;height:144px;border-radius:13px}.motion-face-card .fruit-cluster{width:90px;height:108px}.penalty-card{opacity:0}.penalty-player .penalty-card{animation:penaltyToOpponents .82s cubic-bezier(.2,.75,.2,1) var(--penalty-delay) both}.penalty-opponent .penalty-card{animation:penaltyToPlayer .82s cubic-bezier(.2,.75,.2,1) var(--penalty-delay) both}@keyframes penaltyToOpponents{0%{transform:translate(78px,235px) scale(.72) rotate(0);opacity:.2}24%{transform:translateY(12px) scale(1.04) rotate(0);opacity:1}to{transform:translate(var(--penalty-x),-230px) scale(.42) rotate(var(--penalty-rotate));opacity:0}}@keyframes penaltyToPlayer{0%{transform:translate(var(--penalty-x),-220px) scale(.42) rotate(var(--penalty-rotate));opacity:.3}28%{transform:translateY(-10px) scale(1.04) rotate(0);opacity:1}to{transform:translate(78px,235px) scale(.68) rotate(8deg);opacity:0}}@keyframes wrongShake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-2px)}}.game-impact{position:fixed;inset:0;z-index:75;overflow:hidden;pointer-events:none;display:grid;place-content:center;justify-items:center;gap:8px;color:#fff;text-align:center;animation:impactScreen 1.35s ease both}.game-impact.is-success{background:radial-gradient(circle at center,#45ff8080,#06753757 36%,#001e0f14 70%)}.game-impact.is-error{background:radial-gradient(circle at center,rgba(255,74,62,.36),rgba(117,8,0,.16) 46%,transparent 75%);animation-duration:1s}.game-impact>strong{position:relative;z-index:2;font-size:clamp(50px,14vw,118px);line-height:.9;letter-spacing:-.07em;text-shadow:0 8px 35px rgba(0,0,0,.36);animation:impactTitle .62s cubic-bezier(.15,.8,.2,1) both}.game-impact>span{position:relative;z-index:2;padding:8px 16px;border-radius:999px;background:#0000004d;font-size:clamp(13px,3vw,22px);font-weight:750;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.impact-burst{position:absolute;left:50%;top:50%;width:1px;height:1px}.impact-burst i{position:absolute;left:-4px;top:-65vh;width:8px;height:22vh;border-radius:999px;transform-origin:4px 76vh;transform:rotate(var(--impact-angle));background:linear-gradient(transparent,rgba(255,255,255,.9),transparent);animation:impactRay .9s ease-out both}.game-impact.is-error .impact-burst{display:none}@keyframes impactScreen{0%{opacity:0}12%,72%{opacity:1}to{opacity:0}}@keyframes impactTitle{0%{transform:scale(.35) rotate(-7deg);opacity:0}62%{transform:scale(1.12) rotate(2deg)}to{transform:scale(1)}}@keyframes impactRay{0%{opacity:0;scale:.2}28%{opacity:1}to{opacity:0;scale:1.3}}@media(max-width:760px){.halli-arena{grid-template-rows:52px minmax(285px,1fr) minmax(112px,.62fr);gap:5px}.arena-opponents{overflow:visible;justify-content:center;grid-template-columns:repeat(3,minmax(0,145px));gap:4px}.arena-opponents--1{grid-template-columns:minmax(120px,155px)}.arena-opponents--2{grid-template-columns:repeat(2,minmax(120px,155px))}.opponent-station{height:42px;padding:4px 6px}.opponent-station .station-profile .avatar,.arena-opponents--4 .station-profile .avatar,.arena-opponents--5 .station-profile .avatar{width:23px;height:23px;font-size:6px}.opponent-station .station-profile strong,.arena-opponents--4 .station-profile strong,.arena-opponents--5 .station-profile strong{font-size:8px}.center-playfield{grid-template-rows:minmax(0,1fr) 74px}.table-face-grid{gap:9px;overflow:visible}.table-face-grid--5,.table-face-grid--6{gap:0}.table-face-grid--5 .arena-face-card:not(:first-child),.table-face-grid--6 .arena-face-card:not(:first-child){margin-left:-18px}.table-face-grid .arena-face-card,.table-face-grid--5 .arena-face-card,.table-face-grid--6 .arena-face-card{width:88px;height:123px}.table-face-grid .arena-face-card .fruit-cluster,.table-face-grid--5 .arena-face-card .fruit-cluster,.table-face-grid--6 .arena-face-card .fruit-cluster{width:76px;height:92px}.table-face-grid .arena-face-card>small{font-size:6px}.arena-message{max-width:96%;min-height:34px;padding:8px 12px;font-size:11px}.motion-card-back,.motion-face-card{left:calc(50% - 46px);top:calc(50% - 64px);width:92px;height:128px}.motion-face-card .fruit-cluster{width:80px;height:96px}}@media(max-width:390px)and (max-height:700px){.halli-arena{grid-template-rows:46px minmax(250px,1fr) 98px}.opponent-station{height:38px}.table-face-grid .arena-face-card,.table-face-grid--5 .arena-face-card,.table-face-grid--6 .arena-face-card{width:80px;height:112px}.table-face-grid .arena-face-card .fruit-cluster,.table-face-grid--5 .arena-face-card .fruit-cluster,.table-face-grid--6 .arena-face-card .fruit-cluster{width:69px;height:84px}.arena-message{font-size:10px}}@media(prefers-reduced-motion:reduce){.penalty-card,.game-impact,.game-impact>strong,.impact-burst i{animation:none!important}.game-impact{opacity:1}.impact-burst{display:none}}