:root{--ink:#253c35;--muted:#64736b;--paper:#f7f6f0;--line:#dce2d9;--accent:#304e40;--lime:#e4efad;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{background:var(--accent);color:#fff;border:1px solid var(--accent);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-weight:600;line-height:1.35;display:inline-flex}button:hover,.button:hover{filter:brightness(1.1);text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}:focus-visible{outline-offset:3px;outline:3px solid #a87c29}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.6px;margin-bottom:22px;font-size:clamp(32px,4vw,56px);line-height:1.08}h2{letter-spacing:-.5px;font-size:24px}h3{font-size:19px}p{color:var(--muted)}.wordmark{letter-spacing:-1.8px;align-items:center;gap:9px;font-size:30px;font-weight:800;display:inline-flex}.wordmark span{letter-spacing:1px;border:1px solid;border-radius:20px;padding:2px 5px;font-size:10px;font-weight:700;transform:rotate(-8deg)}.eyebrow{letter-spacing:1.6px;color:var(--muted);margin:24px 0 14px;font-size:12px;font-weight:700}.small,small{color:var(--muted);font-size:14px}.actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.notice{background:#eeefdf;border:1px solid #dce2c5;border-radius:12px;margin-top:24px;padding:20px 24px}.notice p{margin:8px 0 0}.welcome{max-width:870px;margin:auto;padding:70px 28px}.welcome>.eyebrow{margin-top:70px}.welcome h1{font-size:clamp(42px,7vw,76px)}.welcome .notice{max-width:650px;margin-top:60px}.login{max-width:520px;margin:60px auto;padding:28px}.login h1{margin-top:48px;font-size:36px}.login form{margin:32px 0}.login form button{width:100%}label{margin-bottom:16px;font-size:14px;font-weight:600;display:block}input:not([type=checkbox]),select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cad4ca;border-radius:8px;min-width:0;margin-top:7px;padding:11px 12px;display:block}textarea{resize:vertical;min-height:90px}.check{align-items:center;gap:10px;font-weight:400;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}code{overflow-wrap:anywhere;font-size:12px}.badge{white-space:nowrap;border:1px solid #cbd5c5;border-radius:30px;padding:5px 10px;font-size:12px;display:inline-block}.visitor{max-width:920px;margin:auto;padding:32px 32px 0}.visitor header,.directions header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.visitor nav{gap:8px;display:flex}.visitor nav a{border:1px solid #0000;border-radius:25px;padding:6px 10px;font-size:12px}.visitor nav a[aria-current=true]{border-color:var(--ink)}.venue{flex-wrap:wrap;align-items:center;gap:7px;margin:18px 0;font-size:14px;font-weight:600;display:flex}.venue>span:last-child{color:var(--muted);font-weight:400}.venue-dot{background:#68815c;border-radius:50%;width:7px;height:7px;margin-right:4px}.visitor-hero{background:#e8ecd9;border-radius:24px;min-height:250px;margin:20px 0 40px;padding:30px 36px;position:relative;overflow:hidden}.visitor-hero h1{z-index:1;max-width:470px;font-size:clamp(32px,5vw,48px);position:relative}.visitor-hero .eyebrow{margin:0 0 28px}.visitor-hero p{z-index:1;max-width:70%;position:relative}.cup-art{background:#fffaf0;border-radius:12px 12px 55px 55px;width:150px;height:175px;position:absolute;bottom:-16px;right:55px;transform:rotate(13deg);box-shadow:16px 12px #cbd4b3}.cup-art:after{content:"";border:13px solid #fffaf0;border-left:0;border-radius:0 30px 30px 0;width:34px;height:65px;position:absolute;top:28px;right:-36px}.cup-art span{text-align:center;color:#769072;margin-top:14px;font-size:85px;display:block}.context-image{opacity:.2;background-position:50%;background-size:cover;width:42%;height:100%;position:absolute;inset:0 0 0 auto}.experience-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.experience{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:246px;padding:23px}.experience-top{justify-content:space-between;align-items:center;gap:5px;margin-bottom:35px;display:flex}.symbol{font-size:29px}.experience h3{margin-bottom:8px;font-size:22px}.experience p{margin-bottom:0;font-size:14px}.experience.game{background:#eef0e2}.experience.fortune{background:#ece7f0}.campaign-section{margin:40px 0}.section-label{justify-content:space-between;display:flex}.offer{background:#f0efdf;border:1px solid #cccdb2;border-left:4px solid #789060;border-radius:12px;margin-bottom:16px;padding:25px 30px}.offer .eyebrow{margin:0 0 14px}.offer h3{margin-bottom:12px;font-size:22px}.offer p{font-size:15px}.visitor footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:24px 0;font-size:12px;display:flex}.visitor footer .wordmark{font-size:24px}.admin{display:flex}.admin aside{border-right:1px solid var(--line);background:#edf0e8;width:240px;padding:30px 22px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin aside>.wordmark{margin-bottom:28px}.admin aside nav{flex-direction:column;gap:5px;margin:30px 0;display:flex}.admin aside nav a{border-radius:8px;padding:10px 7px;font-size:14px}.admin aside nav a:hover{background:#e0e5d8;text-decoration:none}.admin-main{width:calc(100% - 240px);max-width:1500px;margin-left:240px;padding:44px}.admin-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-header h1{font-size:34px}.admin-header .eyebrow{margin:0 0 12px}.save-status{z-index:5;visibility:hidden;background:#eff5d7;border:1px solid #b3c58c;border-radius:10px;min-height:46px;margin:10px 0;padding:10px 16px;position:sticky;top:8px}.save-status.visible{visibility:visible}.metrics{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.metrics article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:23px}.metrics strong{font-size:40px;line-height:1.4;display:block}.metrics span{font-size:14px}.metrics small{display:block}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:30px 0;padding:28px;scroll-margin-top:65px}.panel>h2{margin-bottom:8px}.panel form{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 18px;display:grid}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;margin:25px 0;font-size:14px}th{color:var(--muted);background:#f6f7f1;font-size:12px;font-weight:500}td,th{border-bottom:1px solid var(--line);padding:15px 10px}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;min-width:210px;display:flex}.row-actions a{font-size:13px}.text-button{color:var(--ink);background:0 0;border:0;padding:6px;font-size:13px;font-weight:400;text-decoration:underline}.module-toggles{flex-wrap:wrap;gap:8px 28px;display:flex}.package-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.package{border:1px solid var(--line);background:#f7f8f2;border-radius:12px;padding:20px}.package h3{margin:0}.package>.eyebrow{margin:6px 0 20px;display:block}.campaign-list>article,.branch-list>article{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:18px 0;display:flex}.campaign-list>article>div{flex:1;min-width:160px}.campaign-list p{margin:3px 0 0}.branch-list>article>strong{flex:1}.branch-list span{color:var(--muted);font-size:14px}.token{overflow-wrap:anywhere;color:var(--ink);-webkit-user-select:all;user-select:all;font-family:monospace}.directions{max-width:1250px;margin:auto;padding:35px}.directions>h1{margin-top:24px;font-size:clamp(36px,6vw,66px)}.direction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:30px 0;display:grid}.direction-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.direction{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.direction>p{font-size:14px}.direction>.eyebrow{margin-top:0}.direction>h2{margin-top:25px}.phone-preview{background:#f4eedf;border:5px solid #3b3e34;border-radius:25px;min-height:390px;padding:25px 16px;box-shadow:0 8px 20px #2635240c}.phone-preview h2{margin:30px 0;font-size:28px;line-height:1.12}.mini-brand{letter-spacing:1px;font-size:10px;font-weight:700}.mini-photo{background:#dbdfc9;border-radius:13px;flex-direction:column;padding:24px 16px;font-size:35px;display:flex}.mini-photo span{margin-top:6px;font-size:16px;font-weight:600}.mini-game{color:#fff;background:#40533d;border-radius:12px;margin-top:12px;padding:17px;font-weight:600}.social .phone-preview{background:#f7dcf0}.social .mini-photo{background:#f9fc88}.social .mini-game{background:#6142bc}.neutral .phone-preview{background:#fff}.neutral .mini-photo{background:#f1f1f3}.neutral .mini-game{background:#2448a0}.number{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:20px;display:inline-flex}.photo-concept{border:1px solid var(--line);background:#eceee4;border-radius:12px;gap:14px;min-height:220px;margin-bottom:22px;padding:20px;display:grid}.photo-concept.feed{grid-template-columns:1fr 1fr}.photo-concept.feed>div{text-align:center;color:#5d7454;background:#cad4be;border:6px solid #fff;flex-direction:column;justify-content:space-between;padding-top:30px;font-size:14px;display:flex}.photo-concept.feed span{background:#fff;padding:8px;font-size:12px}.photo-concept.wall{grid-template-columns:1fr 1fr;gap:8px}.photo-concept.wall>div{color:#617653;background:#c8d2bd;place-items:center;display:grid}.photo-concept.wall>div:nth-child(2){background:#e7d6c1}.photo-concept.wall>div:nth-child(3){background:#d3c9d6}.directions li{color:var(--muted);margin-bottom:12px}@media (max-width:1100px){.admin aside{width:205px;padding:24px 16px}.admin-main{width:calc(100% - 205px);margin-left:205px;padding:25px}.admin-header h1{font-size:27px}.admin-header{flex-direction:column;align-items:flex-start}.direction-grid{gap:16px}.directions{padding:24px}.phone-preview h2{font-size:24px}}@media (max-width:760px){.visitor{padding:22px 18px 0}.visitor header{margin-bottom:25px}.visitor-hero{min-height:255px;padding:26px}.visitor-hero h1{max-width:260px}.cup-art{opacity:.7;width:100px;height:140px;bottom:-30px;right:22px}.cup-art span{font-size:64px}.experience-grid{grid-template-columns:1fr}.experience{min-height:unset;padding:20px}.experience-top{margin-bottom:20px}.experience h3{font-size:23px}.experience p{max-width:95%;font-size:15px}.admin{display:block}.admin aside{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:20px;position:static}.admin aside>.wordmark{margin-bottom:0}.admin aside>.eyebrow{display:none}.admin aside>label{margin:15px 0 0}.admin aside nav{flex-flow:wrap;margin:12px 0}.admin aside nav a{padding:6px;font-size:12px}.admin aside>.secondary{min-height:36px;padding:8px 12px;font-size:13px}.admin-main{width:100%;margin:0;padding:23px 16px}.metrics{gap:8px}.metrics article{padding:14px 10px}.metrics strong{font-size:31px}.metrics span,.metrics small{font-size:11px}.panel{margin:24px 0;padding:20px}.form-grid,.direction-grid,.direction-grid.two{grid-template-columns:1fr}.direction{width:100%;max-width:460px;margin:auto}.phone-preview{max-width:300px;margin:auto}.directions{padding:24px 18px}.directions header{gap:20px}.directions header>a:last-child{font-size:14px}.login{margin:25px auto;padding:24px}.visitor footer{gap:15px}.welcome{padding:40px 24px}.welcome>.eyebrow{margin-top:50px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.business-shell{max-width:960px;margin:0 auto;padding:24px}.business-shell header{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.business-shell header h1{flex:1;font-size:28px}.business-shell nav{flex-wrap:wrap;margin-bottom:24px}.business-shell .panel{margin-bottom:24px}.business-shell .metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.business-material{border-bottom:1px solid #ddd;padding:16px 0}.business-url{overflow-wrap:anywhere;margin-bottom:16px;display:block}.business-print{display:none}.business-shell summary{cursor:pointer;padding:12px 0}.business-shell form{margin:20px 0}.business-shell .actions{flex-wrap:wrap}.business-shell img{max-width:100%;height:auto}.business-shell input,.business-shell select{min-width:0;max-width:100%}.business-print article{break-after:page}.business-print article:last-child{break-after:auto}.business-print p{overflow-wrap:anywhere}.coffee-photos{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:0;list-style-position:inside;display:grid}.coffee-photos li{min-width:0}.coffee-photos .actions{flex-wrap:wrap;gap:8px;display:flex}.coffee-photos input,.fortune-panel input[type=file]{min-width:0;max-width:100%}@media (max-width:480px){.business-shell{padding:16px}.business-shell header h1{overflow-wrap:anywhere;flex-basis:100%}.business-shell .actions button{flex:120px;min-height:44px}}@media print{body:has(.business-print)>*{visibility:hidden}.business-shell{display:none}.business-print,.business-print *{visibility:visible}.business-print{text-align:center;padding:24px;display:block;position:absolute;inset:0}}.admin-nav{flex-wrap:wrap;gap:8px;margin:12px 0 20px;display:flex}.admin-nav a{border:1px solid var(--line);background:var(--white);border-radius:999px;align-items:center;min-height:44px;padding:0 14px;font-size:.95rem;text-decoration:none;display:inline-flex}.admin-nav a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--white)}.admin-section-title{margin:0 0 12px}.admin-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.admin-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);gap:6px;padding:14px;display:grid}.admin-card strong{font-size:1.8rem;line-height:1}.admin-mini-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.admin-mini-list li{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.admin-table{border-collapse:collapse;width:100%;font-size:.92rem}.admin-table th,.admin-table td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}.admin-pack-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.admin-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.admin-tabs button{border:1px solid var(--line);background:var(--white);min-height:44px;color:inherit;border-radius:999px;padding:0 14px}.admin-tabs button.on{background:var(--accent);border-color:var(--accent);color:var(--white)}.admin-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-events{gap:14px;margin:0;padding:0;list-style:none;display:grid}.admin-events li{border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:10px;display:grid}.admin-audit{color:var(--muted);gap:4px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.qr-frame{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);justify-content:center;margin-bottom:10px;padding:12px;display:flex}@media (max-width:520px){.admin-table{display:block;overflow-x:auto}}
.table-play-link{margin-top:20px;font-size:14px}.table-games{max-width:880px;padding:30px 26px calc(42px + env(safe-area-inset-bottom));touch-action:manipulation;min-height:100dvh;margin:auto}.games-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.games-header>a:last-child{font-size:14px}.table-games>h1{max-width:650px;margin:24px 0;font-size:clamp(36px,6vw,62px)}.table-game-catalog{grid-template-columns:1fr 1fr;gap:20px;margin:35px 0;display:grid}.table-game-choice{text-align:left;color:var(--ink);background:#e8edce;border:1px solid #c9d1ae;border-radius:20px;flex-direction:column;align-items:flex-start;gap:15px;min-height:315px;padding:28px;font-weight:400;display:flex;position:relative}.table-game-choice.whoami{background:#ebe3f0;border-color:#d3c7dc}.table-game-choice strong{letter-spacing:-1px;font-size:31px;line-height:1.15}.table-game-choice>span:not(.game-glyph):not(.game-choice-arrow){max-width:92%;line-height:1.5}.game-glyph{margin-bottom:12px;font-size:45px;font-weight:700;line-height:1}.game-choice-arrow{font-size:27px;position:absolute;top:20px;right:22px}.future-games{border-top:1px solid var(--line);padding:24px 0}.future-games h2{font-size:20px}.future-games>div{gap:15px;margin:20px 0;display:flex}.future-games>div>span{border:1px solid var(--line);background:#efefe8;border-radius:10px;padding:13px 18px}.game-setup h2{margin-top:20px;font-size:32px}.game-setup>p{line-height:1.8}.game-setup form button{width:100%}.game-title-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.game-title-row h1{margin:10px 0 25px;font-size:38px}.game-scoreboard{flex-wrap:wrap;gap:10px;margin:5px 0 25px;display:flex}.game-scoreboard>div{border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;min-width:80px;padding:13px 20px}.game-scoreboard>div.current{background:#e5edcd;border-color:#849d64}.game-scoreboard span{color:var(--muted);font-size:13px}.game-scoreboard strong{font-size:28px;display:block}.game-stage{border:1px solid var(--line);text-align:center;background:#fff;border-radius:22px;padding:32px}.game-stage>.eyebrow{margin-top:5px}.game-stage>h2{font-size:31px}.game-stage>p{max-width:560px;margin:12px auto 25px}.game-stage>.large-game-button{width:100%;margin-top:25px}.game-turn-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:18px;display:flex}.game-turn-header>strong{font-size:20px}.game-timer{font-variant-numeric:tabular-nums;background:#edf1dc;border-radius:12px;min-width:94px;padding:1px 15px;font-size:36px;font-weight:700}.game-timer small{margin-left:3px;font-size:16px}.game-timer.urgent{color:#8a4526;background:#fff1dc}.word-card{background:#f4f4e9;border:1px solid #dedfc8;border-radius:15px;max-width:480px;margin:20px auto;padding:24px}.word-card h2{overflow-wrap:anywhere;margin:8px 0 24px;font-size:clamp(29px,5vw,43px)}.word-card .eyebrow{color:#87664e;font-size:11px}.word-card ul{color:#705740;flex-direction:column;gap:10px;margin:0;padding:0;font-size:20px;list-style:none;display:flex}.game-controls{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:24px 0 10px;display:grid}.game-controls>button{min-height:55px;padding:10px;font-size:16px}.game-controls>button.secondary{background:#f6f7f1}.game-controls>button:disabled{cursor:default}.identity-card{background:repeating-linear-gradient(45deg,#eee8f1,#eee8f1 14px,#e9e2ed 14px 28px);border:1px solid #d6c9dc;border-radius:17px;max-width:480px;margin:20px auto;padding:26px}.identity-card.revealed{background:#f2edf5}.identity-icon{color:#7d648a;font-size:45px;font-weight:700}.identity-card h2{font-size:clamp(30px,5vw,42px);line-height:1.2}.identity-card p:not(.eyebrow){margin-bottom:20px;font-size:13px}.identity-card .secondary{background:#fff}.question-count{font-variant-numeric:tabular-nums}.answer-reveal{color:var(--ink);font-size:28px;font-weight:700}.game-stop{text-align:center;margin:22px 0}.game-stop>p{margin-bottom:10px}.game-results .result-symbol{color:#678646;font-size:70px}.game-results h2{margin:25px 0 35px}.games-footnote{border-top:1px solid var(--line);margin:35px 0 15px;padding-top:18px}.games-footnote p{text-align:center;font-size:12px}.table-games>.notice p{margin:0 0 10px}.game-step-heading{align-items:flex-start;gap:14px;margin:34px 0 18px;display:flex}.game-step-heading.compact{margin-top:0}.game-step-heading h2,.game-step-heading p{margin-bottom:0}.game-step-heading p{margin-top:4px}.step-number{background:var(--accent);color:#fff;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}@media (max-width:600px){.table-games{padding:18px 14px calc(34px + env(safe-area-inset-bottom))}.games-header{margin-bottom:22px}.games-header .wordmark{font-size:25px}.table-games>.small{overflow-wrap:anywhere}.game-step-heading{gap:10px;margin:27px 0 14px}.game-step-heading h2{font-size:21px}.game-step-heading p{font-size:14px}.table-game-catalog{grid-template-columns:1fr;gap:16px;margin:25px 0}.table-game-choice{gap:10px;width:100%;min-height:250px;padding:25px}.table-game-choice strong{font-size:29px}.game-glyph{font-size:38px}.game-stage{padding:22px 16px}.game-stage>button:not(.text-button){width:100%}.game-title-row h1{font-size:30px}.game-scoreboard>div{flex:calc(50% - 10px);min-width:0;padding:12px}.game-controls{grid-template-columns:1fr 1fr;gap:7px}.game-controls>button{min-height:52px;padding:8px;font-size:14px}.game-controls>button:nth-child(3){grid-column:1/-1}.identity-card{padding:22px 15px}.word-card{padding:20px}.games-header>a:last-child{font-size:12px}.table-games>h1{font-size:39px}}@media (max-width:380px){.table-games>h1{font-size:34px}.table-game-choice{min-height:228px;padding:20px}.table-game-choice strong{font-size:26px}.game-stage{border-radius:16px;padding:18px 12px}.game-controls>button{font-size:13px}}.game-lobby .lobby-name input,.lobby-code input{width:100%;min-height:44px;font-size:1rem}.lobby-actions{gap:12px;margin:12px 0;display:grid}.lobby-code{gap:8px;display:grid}.lobby-rooms{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lobby-rooms li{border:1px solid #0000001f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.lobby-resume{background:#31524614;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.room-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.room-code{font-size:.95rem}.room-code-big{letter-spacing:.3em;text-align:center;margin:8px 0 0;font-size:2rem;font-weight:700}.room-players{flex-wrap:wrap;gap:8px 16px;margin:8px 0;padding:0;list-style:none;display:flex}.room-players li.left{opacity:.5;text-decoration:line-through}.room-players li.me{font-weight:700}.room-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.seat-dot{vertical-align:middle;background:#315246;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.seat-dot.seat-1,.bg-stack.seat-1,.bg-side .seat-1{color:#fff;background:#915e3b}.seat-dot.seat-2{background:#244583}.seat-dot.seat-3{background:#b8860b}.bg-status{margin:8px 0;font-weight:700}.bg-dice{flex-wrap:wrap;align-items:center;gap:8px;min-height:32px;display:flex}.bg-dice .die{background:#fff;border:2px solid #315246;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex}.bg-rows{gap:6px;margin:8px 0;display:grid}.bg-row{grid-template-columns:repeat(12,1fr);gap:2px;display:grid}.bg-point{background:#f3efe6;border:1px solid #00000026;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:center;min-height:64px;padding:2px 0;font-size:.7rem;display:flex;position:relative}.bg-point.odd{background:#e6ddc9}.bg-point.can-move{outline:2px solid #315246}.bg-point.target,.bg-off.target{outline:3px solid #d98b2b}.bg-point.picked,.bg-bar.picked{outline:3px solid #244583}.bg-index{opacity:.6}.bg-stack{color:#fff;background:#315246;border-radius:50%;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-flex}.bg-side{gap:8px;display:flex}.bg-side button{flex:1;min-height:44px}.bg-side .seat-0,.bg-side .seat-1{color:#fff;text-align:center;background:#315246;border-radius:10px;min-width:22px;padding:0 4px;display:inline-block}@media (max-width:420px){.bg-point{min-height:56px}}.lobby-modes{gap:12px;margin:12px 0;display:grid}.lobby-mode{background:#fff;border:1px solid #0000001f;border-radius:14px;gap:8px;padding:14px;display:grid}.lobby-mode h2{margin:0;font-size:1.1rem}.lobby-mode.primary{background:#3152460f;border-color:#315246}.lobby-mode p{margin:0}@media (min-width:720px){.lobby-modes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.room-fill{gap:8px;margin-top:12px;display:grid}.room-players li.bot{opacity:.85;font-style:italic}.tv-wrap{gap:8px;margin:8px 0;display:grid}.tv-sub{color:#5c4a36;min-height:1.3em;margin:0}.tv-board{--tv-light:#f4e7cc;--tv-dark:#7a4526;--tv-felt:#d9b27a;aspect-ratio:11/10;background:linear-gradient(90deg,#00000014 0 2px,#0000 2px 9px) 0 0/11px 100%,linear-gradient(160deg,#8c5a33,#5e3419 60%,#7a4a2a);border-radius:14px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 26px;gap:0;width:100%;max-width:560px;margin-inline:auto;padding:8px;display:grid;box-shadow:inset 0 0 0 3px #4a2812,0 6px 18px #3c1e0a40}.tv-half{background:var(--tv-felt);background-image:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 60%);border-radius:6px;grid-template-rows:1fr 1fr;gap:12%;padding:4px 3px;display:grid}.tv-row{grid-template-columns:repeat(6,minmax(0,1fr));min-height:0;display:grid}.tv-point{min-width:0;min-height:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;margin:0;padding:0;display:flex;position:relative}.tv-point:hover{filter:none}.tv-point.bottom{flex-direction:column-reverse}.tv-tri{background:var(--tv-dark);clip-path:polygon(0 0,100% 0,50% 92%);pointer-events:none;position:absolute;inset:0 4%}.tv-point.bottom .tv-tri{clip-path:polygon(50% 8%,0 100%,100% 100%)}.tv-point.even .tv-tri{background:var(--tv-light)}.tv-stack{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.tv-point.bottom .tv-stack{flex-direction:column-reverse}.tv-checker{aspect-ratio:1;border-radius:50%;place-items:center;width:88%;max-width:38px;margin:-1px 0;font-size:.7rem;font-weight:800;display:grid;box-shadow:inset 0 -2px #00000040,0 1px 2px #00000059}.tv-checker.s0{color:#3a2a1c;background:radial-gradient(circle at 35% 30%,#fffdf6,#e6dcc6);border:1px solid #b9a98b}.tv-checker.s1{color:#f4e7cc;background:radial-gradient(circle at 35% 30%,#4b3a33,#1c1412);border:1px solid #0d0908}.tv-num{z-index:2;color:#2814058c;pointer-events:none;font-size:.55rem;position:absolute}.tv-point.top .tv-num{bottom:-12%}.tv-point.bottom .tv-num{top:-12%}.tv-point.can-pick .tv-tri{filter:brightness(1.15)saturate(1.1)}.tv-point.can-pick:after{content:"";z-index:3;background:#2f6f4f;border-radius:2px;height:3px;position:absolute;left:30%;right:30%}.tv-point.top.can-pick:after{top:0}.tv-point.bottom.can-pick:after{bottom:0}.tv-point.picked .tv-stack>.tv-checker:last-child,.tv-point.bottom.picked .tv-stack>.tv-checker:last-child{outline-offset:1px;outline:3px solid #1f7a4d}.tv-point.target .tv-tri{filter:none;background:#f2c14e}.tv-point.target:before{content:"";z-index:3;background:#1f7a4d;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;left:50%;box-shadow:0 0 0 3px #fffc}.tv-point.top.target:before{bottom:18%}.tv-point.bottom.target:before{top:18%}.tv-point.last-to .tv-tri{box-shadow:none;filter:drop-shadow(0 0 #000)brightness(1.08)}.tv-point.last-to:after{content:"";z-index:3;background:#c0392b;height:3px;position:absolute;left:20%;right:20%}.tv-point.top.last-to:after{top:0}.tv-point.bottom.last-to:after{bottom:0}.tv-bar{background:linear-gradient(90deg,#4a2812,#6b3b1d 50%,#4a2812);border-radius:4px;grid-template-rows:1fr auto 1fr;place-items:center;margin:0 2px;display:grid}.tv-bar-slot{background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;min-height:0;padding:4px 0;display:flex}.tv-bar-slot.bottom{cursor:pointer;justify-content:flex-end}.tv-bar-slot .tv-checker{width:20px}.tv-bar-slot.can-pick{border-radius:4px;box-shadow:inset 0 0 0 2px #7fd1a4}.tv-bar-slot.picked .tv-checker:last-child{outline:3px solid #7fd1a4}.tv-brand{writing-mode:vertical-rl;letter-spacing:.35em;color:#ffecc8cc;text-shadow:0 1px #0006;-webkit-user-select:none;user-select:none;font-size:.7rem;font-weight:800;transform:rotate(180deg)}.tv-tray{background:#4a2812;border-radius:4px;grid-template-rows:1fr 1fr;gap:12%;margin-left:2px;padding:4px 2px;display:grid}.tv-tray-slot{background:#0003;border:0;border-radius:3px;flex-direction:column;justify-content:flex-start;gap:1px;min-height:0;padding:2px;display:flex}.tv-tray-slot.bottom{cursor:default;justify-content:flex-end}.tv-tray-slot i{border-radius:2px;height:5px;display:block}.tv-tray-slot i.s0{background:#efe4cc}.tv-tray-slot i.s1{background:#1c1412;box-shadow:inset 0 0 0 1px #6b5a4a}.tv-tray-slot.target{cursor:pointer;background:#f2c14e;box-shadow:0 0 0 3px #1f7a4d}.tv-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:52px;display:flex}.tv-dice{gap:8px;display:flex}.tv-die{background:linear-gradient(145deg,#fffdf8,#ece4d4);border-radius:8px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:40px;height:40px;padding:5px;display:grid;box-shadow:0 2px 4px #00000040,inset 0 -2px #00000014}.tv-die i{border-radius:50%;width:7px;height:7px;margin:auto;display:block}.tv-die i.on{background:#2a1d12}.tv-die.used{opacity:.35}.tv-roll{min-height:48px;padding-inline:28px;font-size:1.05rem}.tv-targets{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.tv-targets button{min-width:56px;min-height:44px}.tv-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin:0;display:flex}.tv-dot{vertical-align:middle;border-radius:50%;width:12px;height:12px;display:inline-block}.tv-dot.s0{background:#efe4cc;border:1px solid #b9a98b}.tv-dot.s1{background:#1c1412}@media (max-width:420px){.tv-board{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px;padding:6px}.tv-bar-slot .tv-checker{width:16px}.tv-num{display:none}}.table-games.okey-room{max-width:560px;padding:8px 8px 20px}.okey-room>p.small,.okey-room .room-players,.okey-room>p[role=alert]:empty{display:none}.okey-room .room-head h1{margin:2px 0 6px;font-size:1.05rem}.okey-room>p[role=alert]{margin:0 0 6px;font-size:.85rem}.okey-room .room-foot{justify-content:center;margin-top:10px}.okey-room .room-foot button{min-height:36px;padding:6px 16px;font-size:.85rem}.okey-table{gap:8px;display:grid}.okey-status{color:#fff;text-align:center;background:#243313;border-radius:99px;margin:0;padding:6px 12px;font-size:.85rem;font-weight:700}.okey-board{color:#fff;background:repeating-linear-gradient(45deg,#00000009 0 2px,#0000 2px 6px),radial-gradient(at 50% 40%,#a3bd45 0%,#819d2e 55%,#62791f 100%);border:5px solid #6b4423;border-radius:18px;grid-template:"tl top tr""left center right"minmax(176px,1fr)"bl bottom br""controls controls controls"/56px minmax(0,1fr) 56px;align-items:center;gap:6px;padding:10px 8px;display:grid;position:relative;box-shadow:inset 0 0 24px #0000004d,0 6px 14px #00000040}.okey-board button:disabled{opacity:1;cursor:default}.okey-seat{background:#1c240cb8;border:2px solid #0000;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:4px 10px 4px 4px;display:flex;position:relative}.okey-seat.top{grid-area:top;justify-self:center}.okey-seat.bottom{grid-area:bottom;justify-self:center}.okey-seat.left{grid-area:left}.okey-seat.right{grid-area:right}.okey-seat.left,.okey-seat.right{text-align:center;flex-direction:column;gap:3px;padding:6px 2px}.okey-seat.turn{border-color:#ffd54f;box-shadow:0 0 0 3px #ffd54f59}.okey-avatar{color:#fff;background:#315246;border:2px solid #fff3d6;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:.72rem;font-weight:800;display:grid}.okey-avatar.seat-1{background:#915e3b}.okey-avatar.seat-2{background:#244583}.okey-avatar.seat-3{background:#b8860b}.okey-seat-text{gap:2px;min-width:0;line-height:1.1;display:grid}.okey-seat-text strong{text-overflow:ellipsis;white-space:nowrap;max-width:96px;font-size:.78rem;overflow:hidden}.okey-seat.left .okey-seat-text strong,.okey-seat.right .okey-seat-text strong{max-width:50px;font-size:.66rem}.okey-seat-meta{flex-wrap:wrap;justify-content:center;gap:3px;font-size:.64rem;font-weight:700;display:flex}.okey-count{color:#2c2414;background:#fff3d6;border-radius:99px;padding:0 5px}.okey-opened{color:#3a2a00;background:#ffd54f;border-radius:99px;padding:0 5px}.okey-backs{gap:1px;display:flex}.okey-dots{background:#ffd54f;border-radius:99px;gap:2px;padding:3px 5px;display:flex;position:absolute;top:-7px;right:-5px}.okey-dots i{background:#3a2a00;border-radius:50%;width:4px;height:4px;animation:1s infinite okey-blink}.okey-dots i:nth-child(2){animation-delay:.2s}.okey-dots i:nth-child(3){animation-delay:.4s}@keyframes okey-blink{0%,to{opacity:.25}50%{opacity:1}}.okey-timer{z-index:1;background:conic-gradient(#ffd54f calc(var(--left,1) * 360deg), #0000008c 0);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-9px;left:-9px}.okey-timer:before{content:"";z-index:-1;background:#243313;border-radius:50%;position:absolute;inset:3px}.okey-timer.low{background:conic-gradient(#ff5252 calc(var(--left,1) * 360deg), #0000008c 0)}@media (prefers-reduced-motion:reduce){.okey-dots i{opacity:1;animation:none}}.okey-tile{aspect-ratio:5/7.2;color:#1d1d1d;letter-spacing:-.05em;cursor:pointer;font-variant-numeric:tabular-nums;background:linear-gradient(#fffef9,#f6eedb 62%,#e8dab8);border:0;border-radius:4px;align-content:center;justify-items:center;gap:2px;width:100%;min-width:0;min-height:0;margin:0;padding:0;font-family:Segoe UI,Roboto,system-ui,sans-serif;font-size:clamp(13px,4.2vw,18px);font-weight:900;line-height:1;transition:transform .12s;display:inline-grid;position:relative;box-shadow:inset 0 1px #fff,inset 0 -2px #785a281f,0 2px #b99f6b,0 3px 3px #00000059}span.okey-tile{cursor:default}.okey-num{display:block}.okey-pip{box-sizing:border-box;background:0 0;border:1px solid #0000004d;border-radius:50%;width:5px;height:5px;display:block}.okey-tile.red{color:#d42b25}.okey-tile.black{color:#151515}.okey-tile.blue{color:#1459b8}.okey-tile.yellow{color:#d98a00}.okey-tile.fake{color:#1f8a3a}.okey-tile.closed{background:linear-gradient(#fbf6e9,#efe5cb 62%,#dfd0aa)}.okey-tile.closed:before{content:"";box-sizing:border-box;border:1px solid #00000040;border-radius:50%;width:5px;height:5px;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.okey-tile.islek{box-shadow:inset 0 1px #fff,inset 0 -3px #e53935,0 2px #b99f6b,0 3px 3px #00000059}.okey-tile.islek:after{content:"İ";z-index:2;color:#fff;letter-spacing:0;background:#e53935;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;font-weight:900;line-height:1;display:grid;position:absolute;top:-6px;right:-3px;box-shadow:0 0 0 1.5px #fff,0 1px 2px #00000073}.okey-tile.selected{transform:translateY(-5px);box-shadow:inset 0 1px #fff,0 0 0 2px #e53935,0 5px 6px #0006}.okey-tile.selected:before{content:"";background:#e53935;border-radius:2px;width:60%;height:4px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #e53935cc}.okey-tile.fresh{box-shadow:inset 0 1px #fff,0 0 0 2px #43a047,0 3px 3px #00000059}.okey-tile.selected.fresh{box-shadow:inset 0 1px #fff,0 0 0 2px #e53935,0 5px 6px #0006}.okey-tile.dragging{z-index:5;transform:translate(var(--dx,0), var(--dy,0)) scale(1.15);cursor:grabbing;transition:none;box-shadow:0 0 0 2px #e53935,0 10px 14px #00000073}.okey-tile.mini{letter-spacing:-.03em;border-radius:4px;width:28px;font-size:13px}.okey-tile.meld{letter-spacing:-.04em;border-radius:3px;gap:1px;width:23px;font-size:12px;box-shadow:inset 0 0 0 1px #0000001f,0 2px 1px #0000004d}.okey-tile.mini .okey-pip,.okey-tile.meld .okey-pip{width:3px;height:3px}.okey-back{aspect-ratio:5/7;background:repeating-linear-gradient(135deg,#b5412f 0 3px,#9a3222 3px 6px);border:2px solid #fff3d6;border-radius:4px;width:26px;display:block;box-shadow:0 2px 3px #00000059}.okey-back.mini{border-width:1px;border-radius:2px;width:11px}.okey-discards{width:48px;height:58px;color:inherit;background:#0000001f;border:2px dashed #ffffff73;border-radius:8px;justify-self:center;place-items:center;margin:0;padding:0;display:grid;position:relative}.okey-discards.corner-tl{grid-area:tl}.okey-discards.corner-tr{grid-area:tr}.okey-discards.corner-bl{grid-area:bl}.okey-discards.corner-br{grid-area:br}.okey-discards .okey-tile{grid-area:1/1}.okey-discards .okey-tile:not(:last-child){filter:brightness(.94);transform:translate(-4px,-3px)rotate(-7deg)}button.okey-discards.takeable{cursor:pointer;border:2px solid #ffd54f;box-shadow:0 0 0 4px #ffd54f66}button.okey-discards.throw{border-style:solid}button.okey-discards.throw.ready{cursor:pointer;background:#ffffff38;border-color:#fff;box-shadow:0 0 0 4px #ffffff4d}.okey-center{background-color:#28380e40;background-image:linear-gradient(#00000024 1px,#0000 1px),linear-gradient(90deg,#00000024 1px,#0000 1px);background-size:16px 16px;border:1px solid #00000040;border-radius:8px;grid-area:center;grid-template-rows:minmax(0,1fr) auto;align-self:stretch;gap:4px;min-width:0;min-height:176px;padding:6px;display:grid;overflow:hidden}.okey-watermark{letter-spacing:.08em;color:#ffffff2e;place-self:center;font-size:2.6rem;font-weight:900}.okey-melds{flex-wrap:wrap;align-content:flex-start;gap:10px 14px;min-height:0;display:flex;overflow-y:auto}.okey-meld{color:inherit;background:#00000047;border:0;border-radius:5px;align-items:center;gap:1px;margin:0;padding:3px 5px 4px;display:flex}button.okey-meld.target{cursor:pointer;outline:2px solid #ffd54f}.okey-meld-owner{background:#315246;border-radius:2px;align-self:stretch;width:4px;margin-right:2px}.okey-meld-owner.seat-1{background:#915e3b}.okey-meld-owner.seat-2{background:#244583}.okey-meld-owner.seat-3{background:#e0a100}.okey-log{color:#ffffffbf;background:#00000059;border-radius:6px;gap:1px;margin:0;padding:3px 6px;font-size:.68rem;line-height:1.25;list-style:none;display:grid}.okey-log li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.okey-log li.latest{color:#fff;font-weight:700}.okey-scores{text-align:center;background:#00000073;border-radius:6px;margin:0;padding:6px;font-size:.8rem;font-weight:700}.okey-controls{grid-area:controls;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:8px;min-width:0;display:grid}.okey-mid{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.okey-panel{color:#fff;background:#161e0ab8;border:2px solid #00000040;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"table actions""plan plan";gap:6px 8px;min-width:0;padding:6px;transition:opacity .2s,filter .2s;display:grid}.okey-panel.active{background:#161e0ad6;border-color:#ffd54f;box-shadow:0 0 0 3px #ffd54f4d}.okey-panel:not(.active){opacity:.7;filter:saturate(.55)}.okey-open-table{grid-area:table;align-content:start;gap:4px;min-width:0;display:grid}.okey-panel-head{color:#ffe9a8;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;font-size:.6rem;display:flex}.okey-islek-note{color:#fff;letter-spacing:0;text-transform:none;background:#e53935;border-radius:99px;align-items:center;gap:3px;padding:1px 6px 1px 2px;font-size:.62rem;font-weight:800;display:inline-flex}.okey-islek-note i{color:#e53935;background:#fff;border-radius:50%;place-items:center;width:13px;height:13px;font-size:9px;font-style:normal;font-weight:900;display:grid}.okey-open-row{background:#ffffff14;border-radius:6px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:5px;padding:4px 6px;font-size:.7rem;font-weight:700;display:grid}.okey-open-row b{font-variant-numeric:tabular-nums}.okey-open-row.locked{opacity:.45}.okey-meter{background:linear-gradient(90deg, #ffd54f calc(var(--fill,0) * 100%), #ffffff2e 0);border-radius:3px;height:6px}.okey-open-row.ready{background:#43a04766}.okey-open-row.ready .okey-meter,.okey-open-row.done .okey-meter{background:#66bb6a}.okey-plan{flex-wrap:wrap;grid-area:plan;gap:5px 9px;min-width:0;display:flex}.okey-plan .okey-meld{background:#0000004d;padding:2px 3px}.okey-plan.openable .okey-meld{box-shadow:inset 0 0 0 1px #66bb6a}.okey-tile.tiny{letter-spacing:-.06em;border-radius:2px;gap:0;width:15px;font-size:9px;box-shadow:inset 0 0 0 1px #0000001f,0 1px 1px #0000004d}.okey-tile.tiny .okey-pip,.okey-tile.tiny.closed:before{display:none}.okey-panel-actions{flex-direction:column;grid-area:actions;gap:5px;min-width:92px;margin:0;display:flex}.okey-panel .okey-panel-actions button{color:#1f3650;background:linear-gradient(#f5f8fc,#c6d1de);border:1px solid #8a9bb0;border-radius:8px;justify-content:center;align-items:center;min-height:32px;margin:0;padding:3px 8px;font-size:.74rem;font-weight:900;line-height:1.05;display:flex;box-shadow:inset 0 1px #fff,0 2px #5d6f84}.okey-panel .okey-panel-actions button.okey-open-button{color:#0e2c11;background:linear-gradient(#9be887,#43a64f);border-color:#2e7d32;box-shadow:inset 0 1px #fff9,0 2px #1b5e20}.okey-panel .okey-panel-actions button.okey-throw-button:not(:disabled){color:#fff;background:linear-gradient(#ff7a6b,#d9382e);border-color:#a31f1b;box-shadow:inset 0 1px #ffffff73,0 2px #7f1713}.okey-panel .okey-panel-actions button:disabled{opacity:.45}.okey-panel .okey-panel-actions button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff,0 1px #5d6f84}.okey-wait{color:#ffffffd9;text-align:center;background:#0000004d;border-radius:8px;place-items:center;min-height:32px;padding:2px 6px;font-size:.7rem;font-weight:700;display:grid}.okey-indicator{letter-spacing:.04em;text-transform:uppercase;justify-items:center;gap:2px;font-size:.56rem;font-weight:700;display:grid}.okey-pile{width:50px;height:58px;box-shadow:none;background:0 0;border:0;border-radius:8px;place-items:center;margin:0;padding:0;display:grid;position:relative}.okey-pile .okey-back{grid-area:1/1;width:34px}.okey-pile .okey-back:first-child{transform:translate(-5px,4px)}.okey-pile .okey-back:nth-child(2){transform:translate(-2px,2px)}.okey-pile.ready{cursor:pointer;filter:drop-shadow(0 0 6px #ffd54f)}.okey-pile-count{color:#fff;background:#222;border-radius:99px;min-width:24px;padding:1px 5px;font-size:.68rem;font-weight:800;position:absolute;bottom:-2px;right:-4px}.okey-rack{background:linear-gradient(#b27842,#86552a 55%,#6f431f);border-block:3px solid #4a2d12;margin-inline:-8px;padding:5px 4px 8px;box-shadow:inset 0 2px #fff3,0 4px 10px #0000004d}.okey-rack-head{color:#fff3d6;text-align:center;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 2px 3px;font-size:.72rem;font-weight:700;display:grid}.okey-rack .okey-arrange-btn{color:#4a2400;letter-spacing:.01em;background:linear-gradient(#ffe27a,#ffb52e 55%,#f08c00);border:1px solid #7a3f00;border-radius:9px;align-items:center;gap:4px;min-height:32px;margin:0;padding:3px 10px 3px 4px;font-size:.76rem;font-weight:900;line-height:1;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 3px #7a3f00,0 4px 6px #00000059}.okey-rack .okey-arrange-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #fff9,0 1px #7a3f00,0 2px 3px #0000004d}.okey-arrange-btn b{color:#d42b25;letter-spacing:-.02em;background:#fffaf0;border-radius:5px;place-items:center;min-width:24px;height:22px;padding:0 3px;font-size:.68rem;font-weight:900;display:inline-grid;box-shadow:inset 0 -1px #00000026}.okey-table.my-turn .okey-status{color:#3a2400;background:linear-gradient(#ffd166,#f29d0b);box-shadow:0 0 0 3px #ffd16659}.okey-table.their-turn .okey-status{color:#e7eaf0;background:#3b4351}.okey-table.my-turn .okey-rack{box-shadow:inset 0 2px #fff3,0 0 0 3px #ffd16699,0 4px 10px #0000004d}button.okey-discards.takeable,button.okey-discards.throw{touch-action:none}button.okey-discards.drop{background:#ffffff38;border:2px dashed #fff}button.okey-discards.drop:after{content:attr(data-label);color:#fff;background:#e53935;border-radius:99px;padding:0 7px;font-size:.62rem;font-weight:900;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}button.okey-discards.over{background:#e5393559;border-color:#e53935;box-shadow:0 0 0 4px #e5393573}.okey-discards.pulling .okey-tile:last-child{z-index:20;transform:translate(var(--dx,0), var(--dy,0)) scale(1.25);box-shadow:0 0 0 2px #e53935,0 10px 14px #00000073}.okey-hand{grid-template-columns:repeat(15,minmax(0,1fr));gap:9px 3px;padding:9px 0 3px;display:grid}.okey-slot{aspect-ratio:5/7.2;background:#28140547;border-radius:4px;min-width:0;position:relative;box-shadow:inset 0 1px 2px #0006}.okey-slot.over{background:#e539354d;box-shadow:inset 0 0 0 2px #e53935}.okey-slot>.okey-tile{aspect-ratio:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;position:absolute;inset:0}@media (max-width:340px){.okey-board{grid-template-columns:50px minmax(0,1fr) 50px}.okey-discards{width:42px;height:52px}.okey-tile.mini{width:24px}}
.fortune-center{max-width:760px;margin:0 auto;padding:40px 20px 80px}.fortune-center h1{max-width:620px}.fortune-panel,.fortune-result{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-top:24px;padding:24px}.fortune-panel h2,.fortune-result h2{margin:18px 0 8px}.coffee-lead{max-width:620px}.coffee-photos-flow{gap:18px;min-width:0;display:grid}.coffee-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.coffee-steps li{text-align:center;justify-items:center;gap:6px;min-width:0;font-size:13px;line-height:1.25;display:grid}.coffee-steps li span{border:1px solid var(--line);background:#f3efe2;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.coffee-steps li.done span{background:var(--lime);border-color:var(--accent)}.coffee-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.coffee-pick{border:1.5px dashed var(--line);border-radius:var(--radius);min-width:0;min-height:132px;color:var(--ink);text-align:center;cursor:pointer;background:#faf7ef;align-content:center;justify-items:center;gap:4px;padding:16px 10px;display:grid;position:relative}.coffee-pick.primary{border-style:solid;border-color:var(--accent);background:var(--lime)}.coffee-pick:hover{border-color:var(--accent)}.coffee-pick:focus-within,.coffee-mini:focus-within{outline:3px solid var(--accent);outline-offset:2px}.coffee-pick.off,.coffee-mini.off{opacity:.55;cursor:not-allowed}.coffee-pick-icon{font-size:30px;line-height:1}.coffee-pick strong{font-size:17px}.coffee-flow input.coffee-file{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;appearance:none;border:0;width:1px;min-width:0;max-width:1px;height:1px;min-height:0;max-height:1px;margin:-1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}.coffee-progress{gap:8px;font-weight:600;display:grid}.coffee-bar{background:#eee7d6;border-radius:99px;height:8px;display:block;overflow:hidden}.coffee-bar span{background:var(--accent);border-radius:inherit;height:100%;transition:width .2s;display:block}.coffee-shots{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.coffee-shot{align-content:start;gap:8px;min-width:0;display:grid}.coffee-thumb{border:1px solid var(--line);aspect-ratio:4/3;background:#f3efe2;border-radius:12px;position:relative;overflow:hidden}.coffee-thumb img{object-fit:cover;width:100%;height:100%;display:block}.coffee-slot{white-space:nowrap;text-overflow:ellipsis;background:#ffffffeb;border-radius:99px;max-width:calc(100% - 12px);padding:2px 8px;font-size:12px;font-weight:600;position:absolute;bottom:6px;left:6px;overflow:hidden}.coffee-shot-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.coffee-shot-actions button,.coffee-mini{width:100%;min-width:0;min-height:36px;margin:0;padding:6px 4px;font-size:13px}.coffee-mini{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;font-weight:600;display:grid;position:relative}.coffee-limits{margin:0}.coffee-cta{width:100%;min-height:54px;font-size:18px}.coffee-result h1{margin:8px 0 12px}.coffee-intro{font-size:17px;line-height:1.6}.coffee-symbols ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.coffee-symbols li{text-align:center;background:#f3efe2;border-radius:12px;gap:2px;padding:10px;font-size:13px;display:grid}.coffee-symbols strong{font-size:16px}.coffee-section{border-top:1px solid var(--line);margin-top:16px}.coffee-section p{margin:0;line-height:1.6}.coffee-result-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}@media (max-width:560px){.fortune-center{padding:24px 16px 64px}.fortune-panel,.fortune-result{padding:18px}.coffee-steps li{font-size:12px}.coffee-shots{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-symbols ul{grid-template-columns:1fr}.coffee-result-actions>*{text-align:center;flex:100%}}.photos-center{max-width:900px;margin:0 auto;padding:40px 20px 80px}.photo-upload{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);gap:14px;margin:24px 0;padding:20px;display:grid}.photo-upload label{gap:8px;font-weight:600;display:grid}.photo-upload textarea{border:1px solid var(--line);resize:vertical;border-radius:10px;min-height:82px;padding:10px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.photo-grid article{background:var(--white);border:1px solid var(--line);border-radius:12px;padding-bottom:10px;overflow:hidden}.photo-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.photo-grid p,.photo-grid button{margin:10px 12px 0}@media (max-width:650px){.photos-center{padding:24px 16px 64px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pack-shell{max-width:720px;min-height:100vh;margin-inline:auto;padding:16px 16px 48px}.pack-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pack-locale{gap:8px;display:flex}.pack-locale a{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-width:56px;min-height:44px;padding-inline:10px;font-size:.9rem;display:inline-flex}.pack-locale a[aria-current=true]{background:var(--accent);color:var(--white);border-color:var(--accent)}.pack-venue{color:var(--muted);margin:12px 0 4px;font-size:.92rem}.pack-back{min-height:44px;color:var(--muted);align-items:center;gap:6px;display:inline-flex}.pack-title{margin:8px 0 4px;font-size:clamp(1.5rem,6vw,2.1rem);line-height:1.2}.pack-lead{color:var(--muted);margin-block:0 16px}.pack-note{color:var(--muted);margin-top:24px}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pack-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);min-height:132px;color:inherit;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex;position:relative}.pack-card:hover,.pack-card:focus-visible{border-color:var(--accent);text-decoration:none}.pack-card strong{font-size:1.02rem;line-height:1.25}.pack-card .small{color:var(--muted);font-size:.85rem}.pack-card-icon{color:var(--accent);display:inline-flex}.pack-icon{display:block}.pack-badge,.pack-chip{background:var(--lime);color:var(--ink);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700;position:absolute;inset-block-start:10px;inset-inline-end:10px}.pack-chip{background:var(--paper);border:1px solid var(--line);align-self:flex-start;font-weight:400;position:static}.pack-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);margin-block:16px;padding:16px}.pack-options{flex-wrap:wrap;gap:12px 20px;margin-block-end:12px;display:flex}.pack-options fieldset{border:0;margin:0;padding:0}.pack-options legend{color:var(--muted);padding:0;font-size:.8rem}.pack-radio{align-items:center;gap:6px;min-height:44px;margin-inline-end:12px;display:inline-flex}.pack-progress{color:var(--muted);margin-block:0 8px;font-size:.9rem}.pack-question{margin-block:8px 14px;font-size:clamp(1.15rem,4.6vw,1.5rem);line-height:1.3}.pack-visual{color:var(--accent);flex-direction:column;align-items:center;gap:6px;margin-block-end:10px;display:flex}.pack-visual .small{color:var(--muted);text-align:center}.pack-choices{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pack-choice{text-align:start;border:1px solid var(--line);background:var(--paper);width:100%;min-height:52px;color:inherit;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:1rem;line-height:1.35;display:flex}.pack-choice:disabled{opacity:1}.pack-choice-mark{border:1px solid var(--line);background:var(--white);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-flex}.pack-choice.right{background:#eaf5ee;border-width:3px;border-color:#1d6b3f}.pack-choice.right .pack-choice-mark{color:#fff;background:#1d6b3f;border-color:#1d6b3f}.pack-choice.mine{outline:2px dashed var(--accent);outline-offset:2px}.pack-reveal{background:var(--paper);border-radius:12px;margin-block-start:14px;padding:12px}.pack-reveal .small{color:var(--muted)}.pack-result-list{gap:6px;padding:0;list-style:none;display:grid}.pack-result-list .ok,.pack-steps li.ok .pack-step-mark{color:#1d6b3f;margin-inline-end:8px;font-weight:700}.pack-result-list .no,.pack-steps li.no .pack-step-mark{color:#a3341f;margin-inline-end:8px;font-weight:700}.pack-score{font-size:1.3rem}.pack-steps{counter-reset:step;gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.pack-steps li{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.pack-steps li.ok{border-color:#1d6b3f;border-inline-start-width:5px}.pack-steps li.no{border-color:#a3341f;border-inline-start-width:5px}.pack-step-index{background:var(--accent);width:26px;height:26px;color:var(--white);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.pack-step-label{flex:auto;min-width:0}.pack-steps .actions{gap:6px;display:flex}.pack-steps .actions button{min-width:44px;min-height:44px;padding:0}.pack-board{gap:8px;margin-block:12px;display:grid}.pack-tile{aspect-ratio:1;border:1px solid var(--line);background:var(--paper);border-radius:12px;justify-content:center;align-items:center;min-height:56px;padding:0;display:flex}.pack-tile.open{background:var(--white);border-color:var(--accent)}.pack-tile.done{opacity:.55;border-style:dashed}.motif-tile{max-width:100%;height:auto}.pack-events{gap:12px;display:grid}.pack-event{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:14px}.pack-event h2{margin-block:8px 4px;font-size:1.1rem}.pack-event-games{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.pack-duel .room-players{flex-direction:column;align-items:flex-start}@media (max-width:380px){.pack-grid{gap:10px}.pack-card{min-height:118px;padding:12px}.pack-choice{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.pack-tile,.pack-choice,.pack-card{transition:none!important}}.venue-brand{min-height:44px;color:inherit;overflow-wrap:anywhere;flex-direction:column;justify-content:center;gap:2px;min-width:0;max-width:100%;text-decoration:none;display:flex}.venue-brand strong{font-size:1.05rem;line-height:1.25}.venue-brand span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.pack-header{align-items:flex-start}.business-space{max-width:640px;margin-inline:auto;padding:16px 16px 48px}.business-space header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.business-space h1{overflow-wrap:anywhere;font-size:clamp(1.4rem,6vw,2rem)}.business-qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(260px,70vw);height:auto;padding:10px}.business-facts{gap:8px;margin:12px 0;display:grid}.business-facts>div{flex-wrap:wrap;gap:10px;display:flex}.business-facts dt{color:var(--muted);min-width:130px}.business-facts dd{overflow-wrap:anywhere;margin:0}.business-password{gap:10px;margin-top:12px;display:grid}.admin-shell{max-width:960px;margin-inline:auto;padding:16px 16px 56px}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-head h1{margin:6px 0 0;font-size:clamp(1.3rem,5vw,1.9rem)}.admin-filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0;display:grid}.admin-filters label,.admin-form label{color:var(--muted);gap:4px;font-size:.9rem;display:grid}.admin-filters input,.admin-filters select,.admin-form input,.admin-form select{width:100%;min-height:44px;color:var(--ink)}.admin-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px;display:flex}.admin-list li.passive{opacity:.65}.admin-list-main{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.admin-list-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.admin-chip{border:1px solid var(--line);border-radius:999px;margin-inline-end:6px;padding:2px 10px;font-size:.75rem;display:inline-block}.admin-chip.on{background:var(--lime)}.admin-chip.off{background:var(--paper);color:var(--muted)}.admin-chip.warn{background:#fdf1dc;border-color:#d9a05b}.admin-steps{counter-reset:admin;gap:18px;margin:0;padding:0;list-style:none;display:grid}.admin-steps>li{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:14px}.admin-steps h2{margin:0 0 8px;font-size:1rem}.admin-content{border:0;gap:8px;margin:12px 0 0;padding:0;display:grid}.admin-content legend{color:var(--muted);padding:0;font-size:.8rem}.admin-content .check{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;min-height:44px;padding:10px;display:flex}.admin-content .check.muted{opacity:.6}.admin-country{gap:6px;display:grid}.admin-credentials code{background:var(--paper);border-radius:6px;padding:2px 8px;font-size:1.05rem}.admin-audit{gap:4px;padding:0;list-style:none;display:grid}.admin-foot,.admin-demo-note{color:var(--muted)}.login-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.login-tabs button{flex:auto;min-height:44px}@media (max-width:420px){.admin-list li{flex-direction:column}.admin-list-side{align-items:flex-start}}.pack-shell[data-pack-theme=tr]{--accent:#9b2226;--pack-wash:#fdf1ef}.pack-shell[data-pack-theme=ae]{--accent:#2f5d3a;--pack-wash:#f6f2e7}.pack-shell[data-pack-theme=qa]{--accent:#7a1b32;--pack-wash:#faf1ec}.pack-shell[data-pack-theme=sa]{--accent:#14603f;--pack-wash:#f4f1e6}.pack-shell[data-pack-theme] .pack-card{background:linear-gradient(180deg, var(--white) 62%, var(--pack-wash,var(--white)))}.pack-word{text-align:center;margin:8px 0 12px;font-size:2rem;line-height:1.15}.pack-forbidden{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.pack-forbidden li{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;font-size:.95rem}.pack-clock{text-align:center;margin:0;font-size:1.1rem}.pack-actions{flex-wrap:wrap;gap:8px;display:flex}.pack-actions button{flex:auto;min-height:46px}.pack-clue-list{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.pack-clue-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.pack-clue-index{background:var(--accent);min-width:26px;height:26px;color:var(--white);border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.baloot{gap:14px;display:grid}.baloot-score{margin:0;font-size:1rem}.baloot-card{border:1px solid var(--line);background:var(--white);border-radius:10px;justify-content:center;align-items:center;min-width:46px;min-height:46px;padding:4px 8px;font-size:1.05rem;font-weight:700;display:inline-flex}.baloot-card.s1,.baloot-card.s2{color:#9b2226}.baloot-card:disabled{opacity:.45}.baloot-trick ul,.baloot-hand ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.baloot-trick li{justify-items:center;gap:4px;display:grid}.baloot-suit-picker{align-items:center;gap:6px;display:inline-flex}.baloot-suit-picker select{min-height:44px}.baloot-result{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:12px}
.md-shell{--md-live:#c62828;--md-gold:#a87c29;--md-right:#3f8a4b;--md-wrong:#c9573f;max-width:680px;min-height:100vh;margin-inline:auto;padding:10px 12px 40px}.md-shell p{margin-block-end:0}.md-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.md-top{justify-content:space-between;align-items:center;gap:8px;min-height:32px;font-size:.85rem;display:flex}.md-brand{color:var(--accent);font-weight:700}.md-chip{background:var(--lime);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.md-header{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-block:6px 4px;overflow:hidden}.md-stripe{grid-template-columns:1fr 1fr;height:6px;display:grid}.md-stripe span:first-child{background:var(--home)}.md-stripe span:last-child{background:var(--away)}.md-header-body{padding:10px 12px 12px}.md-comp{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.md-comp>span:first-child{overflow-wrap:anywhere;min-width:0}.md-status{border:1px solid var(--line);background:var(--paper);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.md-status[data-status=live]{background:var(--md-live);border-color:var(--md-live);color:#fff}.md-status[data-status=live]:before{content:"";background:#fff;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite md-pulse}.md-status[data-status=finished]{background:var(--ink);border-color:var(--ink);color:#fff}[dir=rtl] .md-status{text-transform:none;letter-spacing:0}@keyframes md-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.md-status[data-status=live]:before{animation:none}}.md-teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:6px;margin-block:12px 4px;display:grid}.md-team{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.md-team strong{overflow-wrap:anywhere;font-size:.95rem;line-height:1.2}.md-badge{letter-spacing:.02em;background-position:50%;background-size:cover;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:.85rem;font-weight:800;display:grid;box-shadow:inset 0 0 0 3px #ffffff59,0 1px 2px #0000001f}.md-badge[data-side=home],.md-dot[data-side=home]{background-color:var(--home);color:var(--home-text)}.md-badge[data-side=away],.md-dot[data-side=away]{background-color:var(--away);color:var(--away-text)}.md-badge[data-side=draw]{background-color:var(--paper);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.md-badge-sm{width:30px;height:30px;box-shadow:none;font-size:.6rem}.md-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:88px;min-height:52px;display:flex}.md-center .small{color:var(--muted);font-size:.78rem}.md-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800;line-height:1.15}.md-big{font-variant-numeric:tabular-nums;gap:8px;font-size:2rem;font-weight:800;line-height:1;display:inline-flex}.md-clock{color:var(--md-live);font-size:.8rem;font-weight:700}.md-meta{text-align:center;color:var(--muted);margin-block-start:6px;font-size:.8rem}.md-tabs{z-index:5;background:var(--paper);scrollbar-width:none;gap:6px;margin-inline:-12px;padding:8px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.md-tabs::-webkit-scrollbar{display:none}.md-tab{border:1px solid var(--line);background:var(--white);min-height:40px;color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:.88rem;font-weight:600}.md-tab:hover{filter:none;border-color:var(--accent)}.md-tab[aria-selected=true],.md-tab[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--white)}.md-subtabs{flex-wrap:wrap;gap:6px;margin-block:6px 12px;display:flex}.md-subtabs .md-tab{min-height:36px;padding:6px 12px;font-size:.82rem}.md-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-block:4px 12px;padding:14px 12px}.md-card h2{letter-spacing:0;margin:0 0 4px;font-size:1.1rem;line-height:1.25}.md-card-score{border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.md-note{color:var(--muted);margin-block-start:8px;font-size:.85rem}.md-notice{color:#5e4210;background:#fdf1dc;border-radius:12px;margin:6px 0;padding:8px 12px;font-size:.88rem}.md-mine{color:var(--ink);margin-block-start:6px;font-size:.95rem}.md-primary{border-radius:12px;width:100%;min-height:48px;margin-block-start:10px;font-size:1rem}.md-link{min-height:40px;color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:8px 0;font-weight:700;text-decoration:underline}.md-link:hover{filter:none}.md-row{flex-wrap:wrap;gap:8px;margin-block-start:12px;display:flex}.md-row>button{flex:1 1 0}.md-foot{text-align:center;margin-block-start:18px}.md-predict{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:4px;margin-block:12px 4px;display:grid}.md-dash{color:var(--muted);padding-block-end:12px;font-size:1.6rem;font-weight:800}.md-stepper{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.md-stepper-team{min-width:0;color:var(--ink);text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:6px;margin:0;font-size:.8rem;font-weight:700;line-height:1.2;display:flex}.md-dot{border-radius:50%;flex:none;width:10px;height:10px}.md-stepper-row{align-items:center;gap:4px;display:flex}.md-step{border:1px solid var(--line);background:var(--paper);width:40px;height:40px;min-height:40px;color:var(--ink);border-radius:50%;flex:none;padding:0;font-size:1.25rem;line-height:1}.md-step:hover{filter:none;border-color:var(--accent)}.md-step:disabled{opacity:.35;cursor:not-allowed}.md-shell input.md-score-input{border:2px solid var(--line);background:var(--white);width:52px;height:56px;min-height:56px;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;border-radius:14px;margin:0;padding:0;font-size:1.75rem;font-weight:800}.md-score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.md-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.md-predict[data-wide] .md-step{width:34px;height:34px;min-height:34px}.md-predict[data-wide] input.md-score-input{width:64px;font-size:1.35rem}.md-results{margin-block-start:12px}.md-total{color:var(--ink);margin-block:0 8px;font-size:.85rem;font-weight:700}.md-bars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.md-bar{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px 10px;display:grid}.md-bar-label{overflow-wrap:anywhere;min-width:0;font-size:.92rem;font-weight:600}.md-bar-num{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}.md-bar-num strong{color:var(--ink);font-size:.92rem}.md-bar-track{background:var(--paper);border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.md-bar-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .4s;display:block}.md-bar[data-mine] .md-bar-fill{background:var(--md-gold)}.md-pick{color:#5e4210;white-space:nowrap;background:#fdf1dc;border-radius:999px;margin-inline-start:6px;padding:1px 8px;font-size:.7rem;font-weight:700}.md-options{grid-template-columns:minmax(0,1fr);gap:8px;margin-block-start:10px;display:grid}.md-options[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.md-options[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.md-option{border:1px solid var(--line);background:var(--white);width:100%;min-height:48px;color:var(--ink);text-align:start;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.md-option:hover{filter:none;border-color:var(--accent)}.md-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:#f1f6ee}.md-option:disabled{opacity:1;cursor:default}.md-option[data-result=right]{border-color:var(--md-right);box-shadow:inset 0 0 0 2px var(--md-right);background:#eef5ea}.md-option[data-result=wrong]{border-color:var(--md-wrong);background:#fbece8}.md-option-text{overflow-wrap:anywhere;flex-direction:column;min-width:0;line-height:1.25;display:flex}.md-option-text small{color:var(--muted);font-size:.78rem;font-weight:400}.md-options[data-columns="3"] .md-option{text-align:center;flex-direction:column;justify-content:center;gap:6px;padding:10px 4px}.md-options[data-columns="3"] .md-option-text{align-items:center;font-size:.85rem}.md-step-label{color:var(--muted);margin:0;font-size:.8rem}.md-progress{background:var(--paper);border-radius:999px;height:6px;margin-block:8px;overflow:hidden}.md-progress span{background:var(--accent);height:100%;transition:width .3s;display:block}.md-question{color:var(--ink);margin-block-start:4px;font-size:1.05rem;font-weight:700;line-height:1.35}.md-bigscore{color:var(--ink);font-variant-numeric:tabular-nums;margin-block:6px 0;font-size:2.6rem;font-weight:800;line-height:1}.md-review{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.md-review li{border:1px solid var(--line);border-inline-start:4px solid var(--md-wrong);border-radius:12px;padding:8px 10px;font-size:.88rem}.md-review li[data-correct]{border-inline-start-color:var(--md-right)}.md-review p{margin-block-start:2px}.md-clues{color:var(--ink);gap:4px;margin:8px 0 0;padding-inline-start:22px;display:grid}.md-feedback{color:#24452c;background:#eef5ea;border-radius:12px;margin-block-start:10px;padding:10px 12px}.md-feedback[data-wrong]{color:#6b2a1d;background:#fbece8}.md-feedback p{color:inherit;margin-block-start:2px}.md-summary h2{margin-block-end:8px}.md-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.md-stat{background:var(--paper);border-radius:12px;min-width:0;margin:0;padding:8px 10px}.md-stat dt{color:var(--muted);font-size:.72rem;line-height:1.3}.md-stat dd{color:var(--ink);overflow-wrap:anywhere;margin:2px 0 0;font-size:.95rem;font-weight:700;line-height:1.3}.md-stat dd small{color:var(--muted);font-size:.76rem;font-weight:400;display:block}@media (min-width:520px){.md-options[data-columns=auto]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:720px){.md-shell{padding:20px 20px 56px}.md-tabs{flex-wrap:wrap;margin-inline:-20px;padding-inline:20px;overflow-x:visible}.md-header-body{padding:14px 20px 16px}.md-badge:not(.md-badge-sm){width:64px;height:64px;font-size:1rem}.md-big{font-size:2.4rem}.md-time{font-size:1.5rem}.md-card{padding:18px 20px}.md-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.md-admin-grid{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-block:12px;display:flex}.md-admin-grid label{gap:4px;margin:0;font-size:.85rem;display:grid}.md-admin-grid input,.md-admin-grid select{width:150px;min-width:0;margin-top:0}.md-admin-sub{margin:16px 0 6px;font-size:1rem}.md-admin-list{overflow-wrap:anywhere;margin:0;padding-inline-start:18px;font-size:.88rem}.md-admin-json{width:100%;min-height:240px;margin-block:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem}.md-admin-message{font-weight:700}.md-admin-inline{border-radius:8px;min-height:32px;padding:4px 10px;font-size:.8rem}