:root{--paper:#f7f9fc;--ink:#183349;--muted:#627789;--green:#007eae;--green-dark:#00638b;--line:#e2e6dc;--lime:#dcf0b8;--peach:#f4decd;--lavender:#e8e1f2;--blue:#dceaf2;--pink:#f2dfe5;--yellow:#f4eacb;--mint:#dcece1;--radius:20px;--bs-body-font-family:Arial,Helvetica,sans-serif;--bs-body-bg:var(--paper);--bs-body-color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #899f64;outline-offset:4px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.shell{max-width:1260px;margin:0 auto;padding-left:42px;padding-right:42px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:110px;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-1.2px;line-height:1;flex-shrink:0}.site-header nav{display:flex;gap:30px;margin-left:60px}.nav-link{font-size:13px;color:#6d776d;padding:8px 0}.nav-link.active{color:var(--ink)}.header-actions{display:flex;gap:10px;align-items:center}.btn{border-radius:9px;padding:11px 20px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:22px;line-height:1.6;min-height:44px;border:1px solid transparent}.btn-primary{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:var(--green-dark);--bs-btn-hover-border-color:var(--green-dark);--bs-btn-active-bg:var(--green-dark);--bs-btn-active-border-color:var(--green-dark);--bs-btn-disabled-bg:var(--green);--bs-btn-disabled-border-color:var(--green);color:#fff}.btn-outline{border-color:#dce2d5;color:var(--ink);background:transparent}.btn-outline:hover{background:#eaf0e2;border-color:#c6d2bc}.btn-large{padding:15px 23px;min-height:53px}.btn-small{padding:7px 12px;font-size:12px;min-height:38px}.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;min-height:533px;padding-top:25px;padding-bottom:57px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:9px;color:#74816c}.status-dot{height:7px;width:7px;border-radius:50%;background:#84a25e;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(44px,4.7vw,65px);line-height:1.09;letter-spacing:-2.6px;font-weight:650;margin:23px 0 25px;position:relative;width:fit-content}.hero h1 span{color:#658152}.hero h1 svg{position:absolute;bottom:-12px;left:0;width:92%;height:15px}.hero-copy>p{font-size:16px;color:#788072;line-height:1.85;margin-bottom:26px}.hero-actions{display:flex;gap:23px;align-items:center}.text-link{font-size:12px;font-weight:600;display:flex;gap:15px}.hero-footnote{display:flex;align-items:center;gap:13px;font-size:11px;color:#838b7e;margin-top:27px}.mini-avatars{font-size:17px;letter-spacing:-7px;border:2px solid var(--paper);padding-right:5px}.hero-visual{height:410px;position:relative;isolation:isolate}.orbit{border:1px dashed #dfe5d5;position:absolute;border-radius:50%;z-index:-1}.orbit-one{width:370px;height:370px;left:70px;top:17px}.orbit-two{width:455px;height:260px;left:15px;top:85px;transform:rotate(-30deg)}.hero-card{position:absolute;box-shadow:0 12px 30px #334e3610;border:5px solid #fffdf8}.hero-drawing{width:270px;height:247px;background:var(--peach);top:14px;left:34px;transform:rotate(-8deg);border-radius:17px}.hero-card-label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;padding:11px;background:#fffdf8}.hero-card-label>span:last-child{margin-left:auto}.tiny-dot{width:6px;height:6px;background:#d39878;border-radius:50%}.hero-drawing .game-art{height:153px;width:100%}.guess-bubble{margin:0 12px;background:#fffaf4;border-radius:6px;font-size:10px;padding:7px 9px;display:flex;justify-content:space-between}.hero-board{width:224px;height:214px;right:7px;bottom:23px;border-radius:17px;background:var(--blue);transform:rotate(10deg);z-index:2}.hero-board .game-art{height:175px;width:100%}.hero-board>span{display:block;background:#fffdf8;font-size:10px;text-align:center;padding:4px}.hero-dice{width:144px;height:114px;right:12px;top:13px;background:var(--yellow);border-radius:15px;transform:rotate(12deg)}.hero-dice .game-art{width:100%;height:100%}.floating-pill{position:absolute;bottom:40px;left:30px;border:1px solid #e0e6d7;background:#fffef7;box-shadow:0 4px 20px #36543508;display:flex;gap:8px;align-items:center;border-radius:30px;padding:10px 16px;font-size:11px;transform:rotate(-5deg)}.floating-star{position:absolute;font-size:40px;color:#b4c889}.star-one{left:5px;top:20px}.star-two{right:17px;top:134px;color:#d8b08b;font-size:25px}.scribble{position:absolute;left:105px;bottom:-16px;font-family:Georgia,serif;font-style:italic;font-size:16px;line-height:1.2;transform:rotate(-7deg);color:#81916f}.scribble span{font-size:43px;position:absolute;right:-55px;bottom:0}.perks-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f3ea}.perks{display:flex;justify-content:space-around;gap:20px;min-height:63px;align-items:center;font-size:12px;color:#6c7867}.perks span{display:flex;align-items:center;gap:12px}.perks b{font-size:20px;font-weight:400;color:#779068}.library{padding-top:64px;padding-bottom:64px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:26px}.section-heading h2{font-size:31px;letter-spacing:-1px;margin:10px 0 0;font-weight:600}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 3px;line-height:1.8}.library-toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 27px;gap:15px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tab{border:1px solid transparent;background:none;padding:8px 17px;min-height:41px;border-radius:7px;font-size:12px;color:#77816f;white-space:nowrap}.filter-tab.selected{background:var(--green);color:white}.filter-tab span{font-size:10px;background:#ffffff20;border-radius:4px;padding:1px 5px;margin-left:5px}.search-box{display:flex;gap:10px;border:1px solid var(--line);padding:7px 13px;border-radius:7px;background:#fcfcf8;align-items:center;color:#92998b}.search-box span{font-size:22px;line-height:1}.search-box input{width:170px;font-size:11px;border:0;background:transparent;color:var(--ink);outline:none;min-height:25px}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 21px}.game-card{border:1px solid #e1e5db;border-radius:13px;overflow:hidden;background:#fdfdf9;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #334e3609}.game-cover{display:block;width:100%;height:170px;padding:0;border:0;position:relative;overflow:hidden}.peach{background:var(--peach)}.lavender{background:var(--lavender)}.blue{background:var(--blue)}.lime{background:var(--lime)}.yellow{background:var(--yellow)}.pink{background:var(--pink)}.mint{background:var(--mint)}.game-art{display:block;width:100%;height:100%}.game-cover .game-art{transition:transform .2s}.game-cover:hover .game-art{transform:scale(1.06)}.cover-badge{position:absolute;left:11px;top:10px;background:#fffdf5d9;border-radius:4px;padding:3px 7px;font-size:8px;font-weight:600;z-index:1}.cover-play{position:absolute;right:10px;bottom:10px;background:#fffdf5ed;border-radius:5px;padding:5px 9px;font-size:10px;opacity:0;transition:opacity .2s}.game-cover:hover .cover-play,.game-cover:focus-visible .cover-play{opacity:1}.game-info{padding:16px 16px 12px}.game-meta{display:flex;justify-content:space-between;font-size:9px;color:#8a9182}.game-meta>span:first-child{font-weight:600;color:#788966}.game-info h3{display:flex;justify-content:space-between;gap:4px;margin:9px 0 7px;font-size:17px;font-weight:600;letter-spacing:-.4px}.game-info h3 button{border:0;background:none;padding:0;text-align:left}.game-info h3 .rules-icon{font-size:16px;font-weight:400;padding:0 4px;min-width:25px;min-height:25px}.game-info p{font-size:11px;line-height:1.7;color:#848a7e;min-height:39px;margin:0 0 15px}.game-bottom{display:flex;justify-content:space-between;border-top:1px solid #ecefe6;padding-top:10px;font-size:9px;color:#929889}.game-bottom span:last-child{color:#799263}.empty-state{text-align:center;padding:50px;color:var(--muted)}.how-section{border-top:1px solid var(--line);padding-top:53px;padding-bottom:54px}.hand-drawn-arrow{font-family:Georgia,serif;font-size:70px;color:#a0b080;line-height:.8;transform:rotate(15deg);margin-right:70px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:34px}.step-number{display:inline-flex;border-radius:50%;width:36px;height:36px;background:#eaf0df;align-items:center;justify-content:center;font-size:11px;color:#72845f;font-weight:600}.how-grid h3{font-size:17px;font-weight:600;margin:17px 0 10px}.how-grid p{font-size:12px;line-height:1.9;color:#82897b;max-width:270px}.bottom-cta{background:#ecf1e2;border:1px solid #e0e8d3;border-radius:15px;padding:34px 38px;max-width:1176px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.bottom-cta h2{font-size:27px;font-weight:500;letter-spacing:-.7px;line-height:1.4;margin:12px 0 0}.site-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:25px;padding-bottom:40px}.site-footer .brand{font-size:19px}.site-footer p,.site-footer>span{font-size:10px;color:#92998b;margin:0}.app-dialog{border:1px solid #e0e6d7;border-radius:20px;padding:29px;width:min(440px,calc(100vw - 28px));background:#fcfdf7;color:var(--ink);box-shadow:0 25px 90px #243c3440;max-height:90dvh;overflow:auto}.app-dialog::backdrop{background:#24382c77;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.icon-btn{border:0;background:transparent;font-size:27px;line-height:1;width:35px;height:35px}.app-dialog h2{font-size:28px;letter-spacing:-1px;margin:0 0 12px}.app-dialog p{color:var(--muted);font-size:13px}.field-label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}.form-control{background:#fffefb;border-color:#dce2d4;padding:12px;font-size:14px;border-radius:9px;color:var(--ink)}.form-control:focus{border-color:#819e6f;box-shadow:0 0 0 3px #adc48e33}.avatar-picker{display:flex;justify-content:space-between;gap:4px;flex-wrap:wrap}.avatar-picker label{cursor:pointer;position:relative}.avatar-picker input{position:absolute;opacity:0;left:0;top:0}.avatar-picker span{font-size:24px;display:grid;place-items:center;width:39px;height:44px;border:2px solid transparent;border-radius:9px;background:#f0f2e9}.avatar-picker input:checked+span{border-color:#6a8655;background:#e5eed7}.avatar-picker input:focus-visible+span{outline:3px solid #899f64}.room-code-input{text-transform:uppercase;letter-spacing:5px}.form-error{color:#b84d3e!important;font-size:12px;min-height:20px;margin:13px 0 8px}.dialog-note{font-size:10px!important;text-align:center;margin:15px 0 0}.rules-text{font-size:15px!important;line-height:1.9}.share-code{font-size:28px;font-weight:700;letter-spacing:7px;margin:15px 0}#qr-code{background:white;border-radius:12px;width:fit-content;margin:15px auto;padding:14px}#qr-code img{width:180px;height:180px;image-rendering:pixelated}.toast-message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#294b38;color:#fff;border-radius:10px;box-shadow:0 10px 40px #0002;font-size:13px;z-index:100;max-width:calc(100vw - 30px);text-align:center}.room-header{border-bottom:1px solid var(--line);min-height:90px}.room-header-label{font-size:9px;letter-spacing:1.5px;color:#85907c}.connection{font-size:10px;color:#7a8870;display:flex;align-items:center;gap:6px}.connection.offline{color:#b17755}.connection.offline .status-dot{background:#c08761}.room-main{padding-top:33px;padding-bottom:45px}.room-loading{text-align:center;padding:100px 15px}.room-loading h1{font-size:30px}.room-loading p{color:var(--muted)}.room-title-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.room-title-row h1{font-size:30px;letter-spacing:-1px;margin:8px 0 0}.invite-code{display:flex;align-items:center;gap:15px;border:1px solid #dce4d2;background:#ecf1e4;border-radius:11px;padding:11px 16px}.invite-code>span{font-size:9px;color:#819073}.invite-code>span:first-child{font-size:8px;letter-spacing:1px}.invite-code strong{font-size:17px;letter-spacing:3px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px;align-items:start}.play-area{background:#fdfef9;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:500px}.game-header-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line);gap:10px}.game-header-inner h2{font-size:20px;margin:0;letter-spacing:-.5px}.game-header-inner p{font-size:11px;margin:4px 0 0;color:var(--muted)}.game-header-actions{display:flex;gap:9px;align-items:center}.timer{font-size:13px;font-variant-numeric:tabular-nums;border-radius:7px;background:#f0f3e8;padding:7px 10px;white-space:nowrap}.timer.urgent{color:#bb5d48;background:#fae8dc}.game-stage{padding:25px}.lobby-art{height:230px;max-width:380px;margin:0 auto;border-radius:18px;position:relative}.lobby-content{text-align:center;padding:28px}.lobby-content h2{font-size:28px;letter-spacing:-.6px;margin:24px 0 10px}.lobby-content>p{color:#7b8673;font-size:13px;max-width:390px;margin:0 auto 17px}.lobby-facts{display:flex;justify-content:center;gap:20px;font-size:11px;color:#80906d;margin:18px 0 24px}.lobby-hint{font-size:11px!important;margin-top:16px!important}.side-panel{background:#fdfef9;border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:14px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-title h2{font-size:13px;font-weight:600;margin:0}.panel-title h2 span{color:#8a977c;font-size:11px;margin-left:4px}.small-link{font-size:10px;color:#7d9069;border:0;background:transparent;padding:4px}.player-row{display:flex;align-items:center;gap:9px;padding:8px 0}.player-avatar{width:33px;height:33px;background:#eff2e7;border-radius:10px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.player-name{font-size:12px;font-weight:600;overflow-wrap:anywhere;min-width:0}.player-detail{font-size:9px;color:#95a087;font-weight:400}.player-state{margin-left:auto;font-size:9px;color:#839477;white-space:nowrap}.player-menu{margin-left:auto;position:relative}.player-menu summary{list-style:none;cursor:pointer;padding:5px 10px;font-size:20px}.player-menu[open] .player-menu-content{display:flex;flex-direction:column;position:absolute;right:0;background:white;box-shadow:0 5px 30px #0002;border:1px solid var(--line);padding:6px;z-index:5;min-width:150px;border-radius:10px}.player-menu-content button{border:0;background:none;padding:8px;text-align:left;font-size:11px}.player-menu-content button:hover{background:#f0f3e8}.score-row{display:flex;gap:9px;align-items:center;font-size:12px;padding:7px 0}.score-row .place{width:17px;font-size:10px;color:#9aa08e}.score-row strong{margin-left:auto;font-size:14px}.small-muted{font-size:10px;color:#9ba28f;margin:12px 0 0}.reactions{display:flex;justify-content:space-between;gap:5px}.reactions button{border:1px solid #e9eddf;background:#f5f7ee;border-radius:8px;font-size:19px;width:34px;height:38px}.reactions button:hover{background:#eaf0da;transform:translateY(-2px)}#reaction-feed{font-size:11px;color:#8a957d;margin-top:10px;min-height:18px}.room-library{margin-top:36px}.room-library h2{font-size:25px}.room-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mini-game{background:#fffef8;border:1px solid var(--line);border-radius:11px;overflow:hidden}.mini-game.selected{border:2px solid #7c9661}.mini-game .mini-cover{height:86px;display:block;width:100%;border:0;padding:0}.mini-game-info{padding:9px}.mini-game h3{font-size:12px;margin:0 0 4px}.mini-game p{font-size:9px;color:#8c977f;margin:0 0 8px}.mini-game-actions{display:flex;justify-content:space-between;gap:4px}.mini-game-actions button{font-size:10px;border:1px solid #e0e6d6;border-radius:5px;background:#f4f7ec;padding:4px 7px}.mini-game-actions .voted{background:var(--green);color:white}.status-banner{padding:11px 15px;border-radius:10px;background:#eef3e3;color:#74835e;font-size:12px;margin-bottom:20px;text-align:center}.status-banner.my-turn{background:#e3efcf;color:#496530}.board{display:grid;gap:7px;padding:13px;max-width:440px;margin:0 auto;border-radius:16px}.board button{border:0;aspect-ratio:1;min-width:0;padding:0;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:20px;position:relative;transition:background .15s,transform .15s}.board button:disabled{opacity:1}.connect-board{grid-template-columns:repeat(7,minmax(0,1fr));background:#5c87a7;box-shadow:0 6px 0 #46718f}.connect-board button{border-radius:50%;background:#e1edf3;box-shadow:inset 0 3px 4px #294d7620}.connect-board .disc-1{background:#f8ce65}.connect-board .disc-2{background:#ed967e}.board-key{display:flex;gap:22px;justify-content:center;font-size:11px;color:#859076;margin:20px 0 0;flex-wrap:wrap}.board-key i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px}.board-key .disc-1{background:#eabe55}.board-key .disc-2{background:#e78e77}.reversi-board{grid-template-columns:repeat(8,minmax(0,1fr));background:#608e73;gap:3px;padding:8px}.reversi-board button{background:#78a287;border-radius:2px}.reversi-board .disc-1:after,.reversi-board .disc-2:after{content:'';width:80%;height:80%;border-radius:50%;background:#263d31;box-shadow:0 3px 0 #0002}.reversi-board .disc-2:after{background:#faf9e9}.reversi-board .legal:after{content:'';width:25%;height:25%;background:#d7e5bd77;border-radius:50%}.memory-board{grid-template-columns:repeat(4,minmax(0,1fr));max-width:390px;gap:11px}.memory-board button{background:#e4d9ee;border:2px solid #d6c7e2;border-radius:10px;color:#ac99bd;font-size:32px;min-height:58px}.memory-board .revealed{background:#fefbf3;border-color:#eadfcf}.memory-board .matched{background:#ecf3df;border-color:#d9e4c7}.fleets{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fleet-area h3{font-size:13px;text-align:center;margin:0 0 10px}.fleet-board{grid-template-columns:repeat(6,minmax(0,1fr));background:#e4eff2;gap:4px;padding:8px;border-radius:9px}.fleet-board button{background:#c8dde7;border-radius:4px;font-size:15px}.fleet-board .ship{background:#678c9b}.fleet-board .hit{background:#e9937d;color:white}.fleet-board .miss{background:#b5d2e2;color:#527b92}.question-area{text-align:center;padding:15px 0}.round-label{font-size:10px;letter-spacing:1.5px;color:#91a17a;text-transform:uppercase}.question-area h3{font-size:25px;line-height:1.4;letter-spacing:-.6px;margin:20px auto 27px;max-width:530px}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:540px;margin:0 auto}.answer-option{border:1px solid #e0e6d5;border-radius:11px;background:#f8faf2;padding:17px;text-align:left;font-size:14px;display:flex;align-items:center;gap:13px;min-height:65px}.answer-option .answer-letter{width:27px;height:27px;display:grid;place-items:center;background:#eaf0de;border-radius:6px;font-size:11px;color:#819168;flex-shrink:0}.answer-option.chosen{background:#e1edcf;border-color:#79965b}.answer-option.correct{background:#d8edc7;border-color:#7eaa60}.answer-option.wrong{background:#f3e1d6;border-color:#d9ae98}.answer-option:disabled{opacity:.75}.submitted-note{font-size:12px;color:#8a967c;margin-top:22px;text-align:center}.word-tiles{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:28px auto}.word-tile{background:#edf2df;border:1px solid #dce5c9;border-bottom:4px solid #d0dcb9;border-radius:8px;min-width:44px;height:58px;display:grid;place-items:center;font-size:27px;font-weight:600;text-transform:uppercase}.answer-form{max-width:470px;margin:24px auto 0;display:flex;gap:9px}.answer-form .form-control{min-width:0}.answer-form.categories-form{display:block;text-align:left}.categories-form label{font-size:12px;display:block;margin-bottom:12px}.categories-form label input{margin-top:6px}.categories-form .btn{width:100%;margin-top:7px}.reveal-message{padding:18px;background:#edf3df;border-radius:12px;color:#5e784b;text-align:center;margin-bottom:20px;font-size:16px;font-weight:600}.review-list{display:grid;gap:8px}.review-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5f7ed;border-radius:9px;padding:10px 13px;font-size:12px;flex-wrap:wrap}.review-row .review-answer{flex:1;overflow-wrap:anywhere}.review-row button{border:1px solid #dce4ce;background:#fafcf5;border-radius:6px;font-size:10px;padding:6px 9px}.dice-stage{text-align:center;padding:20px 0}.big-die{width:100px;height:100px;background:#fbf3dd;border:2px solid #ecdcb1;border-bottom:6px solid #ddc792;border-radius:21px;font-size:77px;line-height:1.15;margin:0 auto 20px}.turn-pot{font-size:39px;line-height:1.1;font-weight:600;margin:10px 0 4px}.dice-stage p{font-size:12px;color:#859074}.dice-actions{display:flex;gap:12px;justify-content:center;margin:23px 0}.bank-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px}.bank-chip{padding:10px 15px;background:#f1f5e7;border-radius:10px;font-size:12px}.bank-chip strong{display:block;font-size:20px}.bingo-board{grid-template-columns:repeat(5,minmax(0,1fr));max-width:360px;background:#f1e8cf;gap:6px;padding:10px}.bingo-board button{border-radius:7px;background:#fffdf4;font-size:18px;color:#7c6b44}.bingo-board .marked{background:#c2d997;color:#49632f}.bingo-title{display:flex;justify-content:space-around;max-width:360px;margin:0 auto 9px;color:#a58c52;font-size:17px;letter-spacing:2px;font-weight:700}.bingo-call{text-align:center;margin-bottom:20px}.bingo-call strong{display:block;font-size:42px;color:#7f985b}.bingo-call span{font-size:11px;color:#9ca48f}.called-list{font-size:11px;color:#94a17f;margin-top:15px;text-align:center}.drawing-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px}.secret-word{font-size:20px;letter-spacing:4px;font-weight:600;color:#728c52}.drawing-canvas{width:100%;height:auto;aspect-ratio:4/3;display:block;background:#fffefb;border:1px solid #e4e5d8;border-radius:10px;touch-action:none}.draw-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}.color-swatch{border-radius:50%;width:30px;height:30px;border:3px solid transparent;background:var(--swatch)}.color-swatch.selected{outline:2px solid #8b9d77;outline-offset:2px}.swatch-ink{background:#25352d}.swatch-coral{background:#ee785a}.swatch-purple{background:#8d7ad5}.swatch-blue{background:#4a9bce}.swatch-green{background:#64a77a}.swatch-yellow{background:#f0bb4d}.swatch-white{background:#ffffff;border-color:#dce0d4}.draw-tools select{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:5px;background:#fff}.guess-feed{font-size:12px;color:#8b957d;max-height:130px;overflow:auto;padding:10px 0;overflow-wrap:anywhere}.guess-feed p{margin:4px 0}.result-stage{text-align:center;padding:25px 0}.result-icon{font-size:65px}.result-stage h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.result-stage>p{font-size:13px;color:#8e9881}.result-scores{max-width:380px;margin:25px auto}.result-score{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 17px;margin-bottom:7px;background:#f0f4e7;border-radius:10px;font-size:14px}.result-score strong{color:#7b965a}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.spectator-note{background:#f2ead8;color:#98845c;font-size:12px;border-radius:9px;padding:10px;text-align:center;margin-bottom:15px}.loading-dot{display:inline-block;width:15px;height:15px;background:#c0d69c;border-radius:50%;margin-bottom:20px;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}
@media(min-width:1500px){.shell{max-width:1390px}.hero{min-height:590px}.hero-visual{max-width:540px;width:100%;margin:auto}.game-cover{height:192px}.bottom-cta{max-width:1306px}.game-info{padding:18px}.game-info p{font-size:12px}}
@media(max-width:1050px){.shell{padding-left:26px;padding-right:26px}.site-header nav{margin-left:0;gap:20px}.hero h1{font-size:51px}.hero-visual{transform:scale(.88);transform-origin:center right;margin-left:-40px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:10px}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-cover{height:180px}.bottom-cta{margin-left:26px;margin-right:26px}.room-layout{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.room-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.room-header-label{display:none}.invite-code>span:first-child{display:none}.game-stage{padding:18px}.game-header-inner{padding:18px}.fleets{gap:10px}.fleet-board{padding:5px;gap:3px}.hero-footnote{font-size:10px}}
@media(max-width:760px){.site-header{min-height:85px;gap:15px}.site-header nav{display:none}.brand{font-size:23px}.header-actions .btn{padding:9px 13px;font-size:11px;gap:8px}.hero{grid-template-columns:1fr;padding-top:29px;padding-bottom:36px;gap:15px}.hero-copy{max-width:550px}.hero h1{font-size:58px}.hero-copy>p{font-size:15px}.hero-visual{transform:none;max-width:460px;width:100%;margin:0 auto;height:385px}.hero-actions .text-link{font-size:12px}.hero-footnote{margin-top:21px}.perks{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:17px;padding-bottom:17px;font-size:11px}.perks span{gap:9px}.library{padding-top:40px;padding-bottom:40px}.section-heading h2{font-size:28px}.section-heading>p{display:none}.library-toolbar{align-items:stretch;flex-direction:column;gap:15px}.filter-tabs{gap:4px}.filter-tab{padding:7px 14px}.search-box{width:100%}.search-box input{width:100%;font-size:12px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-cover{height:165px}.game-info{padding:13px}.game-info h3{font-size:16px}.game-info p{font-size:11px;min-height:55px}.how-section{padding-top:35px;padding-bottom:35px}.how-grid{gap:25px;grid-template-columns:1fr}.how-grid article{position:relative;padding-left:53px}.step-number{position:absolute;top:0;left:0}.how-grid h3{margin-top:0}.how-grid p{max-width:none;margin:0}.hand-drawn-arrow{margin-right:10px;font-size:50px}.bottom-cta{padding:25px;align-items:flex-start;flex-direction:column;gap:20px}.bottom-cta h2{font-size:24px}.site-footer{flex-wrap:wrap}.site-footer p{margin-left:auto}.site-footer>span{width:100%;text-align:center}.room-layout{grid-template-columns:1fr}.room-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-panel{margin:0}.room-title-row{align-items:flex-start}.room-title-row h1{font-size:25px}.room-title-row .eyebrow{font-size:8px}.invite-code{flex-direction:column;gap:2px;padding:7px 11px}.invite-code strong{font-size:14px;letter-spacing:2px}.invite-code>span{font-size:8px}.room-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-title-row{gap:12px}.connection{font-size:9px}.room-header .header-actions{gap:8px}.lobby-art{height:200px}.lobby-content{padding:20px}.play-area{min-height:450px}.game-stage{padding:19px}.fleets{gap:20px}.fleet-board{padding:7px;gap:4px}.room-main{padding-top:25px}}
@media(max-width:420px){.shell{padding-left:18px;padding-right:18px}.site-header{gap:10px}.brand{font-size:20px;gap:7px}.header-actions{gap:6px}.header-actions .btn{padding:8px 10px;font-size:10px;min-height:40px}.header-actions .btn span{display:none}.hero h1{font-size:49px}.hero .eyebrow{font-size:8px}.hero-actions{gap:17px}.hero-actions .btn{font-size:12px;padding:13px 16px;gap:13px}.hero-actions .text-link{font-size:10px;gap:7px}.hero-visual{height:330px}.hero-drawing{width:220px;height:220px;left:12px;top:17px}.hero-drawing .game-art{height:128px}.hero-board{width:170px;height:172px;right:2px;bottom:9px}.hero-board .game-art{height:133px}.hero-dice{width:112px;height:90px;right:0;top:7px}.hero-card{border-width:4px}.hero-card-label{font-size:9px}.guess-bubble{font-size:9px;margin:0 7px}.orbit-one{width:290px;height:290px;left:25px}.orbit-two{width:310px;height:220px;left:0}.floating-pill{left:0;bottom:30px;font-size:9px;padding:8px 11px}.scribble{left:58px;bottom:-16px;font-size:13px}.star-one{font-size:29px;left:0;top:0}.star-two{top:103px;right:5px}.game-cover{height:136px}.game-meta{font-size:8px}.game-info{padding:11px}.game-info h3{font-size:14px;min-height:27px;align-items:center}.game-info p{font-size:10px;min-height:51px}.game-bottom{font-size:8px}.games-grid{gap:12px}.cover-badge{font-size:7px;left:7px;top:7px}.filter-tab{padding:6px 10px;font-size:11px}.perks{font-size:10px;gap:10px}.bottom-cta{margin-left:18px;margin-right:18px}.room-title-row h1{font-size:21px}.room-title-row .eyebrow{letter-spacing:1px}.room-game-grid{gap:8px}.mini-game-info{padding:8px}.mini-game h3{font-size:11px}.mini-game-actions button{font-size:9px;padding:4px}.room-sidebar{gap:9px}.side-panel{padding:13px}.panel-title h2{font-size:11px}.reactions{flex-wrap:wrap;justify-content:flex-start}.reactions button{width:32px;height:35px}.game-stage{padding:14px}.game-header-inner{padding:15px}.game-header-inner h2{font-size:17px}.game-header-inner .btn{padding:5px 9px;font-size:10px}.question-area h3{font-size:21px}.answer-option{padding:12px;font-size:12px;gap:8px}.answer-options{gap:9px}.word-tile{min-width:33px;height:48px;font-size:22px}.word-tiles{gap:5px}.fleets{gap:10px}.fleet-board{padding:5px;gap:3px}.fleet-area h3{font-size:11px}.fleet-board button{font-size:12px}.connection{font-size:0;gap:0}.connection .status-dot{width:8px;height:8px}.app-dialog{padding:23px}.avatar-picker span{width:34px;height:41px;font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:600px){.fleets{grid-template-columns:1fr;gap:25px}.fleet-area:last-child{order:-1}.fleet-board{max-width:360px;width:100%;gap:5px;padding:8px}.fleet-area:first-child .fleet-board{max-width:240px}.fleet-area h3{font-size:13px}.fleet-board button{font-size:18px}.mini-game-actions button{min-height:35px}.rules-icon{min-height:35px!important}.small-link{min-height:35px}}
/* Secondary copy stays readable on the pale surfaces, including smaller screens. */
.game-info p,.game-meta,.game-bottom,.small-muted,.player-detail,.player-state,.submitted-note,.called-list,.dialog-note,.hero-footnote,.section-heading>p,.game-header-inner p,.how-grid p,.site-footer p,.site-footer>span{color:#6c7765}.game-bottom span:last-child{color:#587442}

/* Official Apexia Games identity. Logo artwork comes from the original repository exports. */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;min-height:44px}
.brand-logo{display:block;width:166px;height:auto;max-width:100%}
.site-footer .brand-logo{width:144px}
.hero h1 span{color:#087eaa}
.hero h1 svg path{stroke:#83d3e8}
.eyebrow{color:#587c96}
.perks-wrap{background:#edf5f9;border-color:#deebf2}
.perks,.perks b{color:#527c97}
.bottom-cta{background:#eaf4fa;border-color:#d6e8f3}
.step-number{background:#e2eff7;color:#33789e}
.filter-tab.selected{background:var(--green)}
.invite-code{background:#eaf4fa;border-color:#d6e8f3}
.mini-game.selected{border-color:#228bb4}
.toast-message{background:#08698e}
@media(max-width:760px){.brand-logo{width:145px}}
@media(max-width:420px){.brand-logo{width:115px}.site-footer .brand-logo{width:132px}}

/* Arcade and computer play */
.library-toolbar{flex-wrap:wrap}.filter-tabs{gap:4px}.filter-tab{padding-left:12px;padding-right:12px}.game-meta{gap:6px;flex-wrap:wrap}.game-info h3>a{color:inherit}.game-cover:focus-visible .cover-play{opacity:1}.computer-quick{border:0;background:#edf5fa;color:#126e96;font-size:11px;padding:7px 10px;min-height:36px;border-radius:6px;margin:0 0 12px;width:100%;text-align:left}.computer-choice,.bot-controls{padding:15px 0 0;margin-top:12px;border-top:1px solid var(--line)}.computer-choice label{display:block;font-size:12px;margin-bottom:8px}.computer-choice label:first-child{font-weight:600;display:flex;gap:8px;align-items:center}.computer-choice p{font-size:11px!important;margin:10px 0 0}.bot-controls label{font-size:11px;display:block;margin-bottom:6px}.bot-controls .form-select{font-size:12px;margin-bottom:10px;min-height:40px}.tictactoe-board{grid-template-columns:repeat(3,minmax(0,1fr));max-width:330px;background:#d9e9f2;gap:8px}.tictactoe-board button{font-size:55px;color:#2680a7;border-radius:8px;background:#f9fcfd}.reversi-help{background:#edf5f9;border:1px solid #d7e7f0;border-radius:12px;padding:13px 16px;margin-bottom:20px;font-size:12px}.reversi-help p{margin:6px 0 0;color:#567083}.reversi-help .small-link{color:#126e96;padding-left:0}.reversi-board .legal:after{display:none}.flip-count{font-size:13px;background:#d9eabd;border:1px dashed #f9fff0;color:#3a5d39;border-radius:50%;width:65%;height:65%;display:grid;place-items:center}.reversi-board .will-flip{outline:3px solid #ffe09b;outline-offset:-2px}.reversi-demo{padding:16px;background:#eaf3e3;border-radius:12px;margin:0 0 20px;font-size:13px}.demo-discs{display:flex;gap:9px;margin:15px 0}.demo-discs span,.demo-discs button{font-size:32px;width:48px;height:48px;border-radius:7px;display:grid;place-items:center;background:#77a589;line-height:1}.demo-discs button{border:2px dashed #446650;color:#18302c}.demo-black{color:#1d3429}.demo-white{color:#fffef2}.reversi-demo p{font-size:12px;margin:0}.arcade-page{padding-top:25px;padding-bottom:50px}.arcade-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.arcade-title h1{font-size:37px;letter-spacing:-1.2px;margin:8px 0}.arcade-title p{color:#687d8f;margin:0}.arcade-title label{font-size:11px;color:#657b8f}.arcade-title .form-select{min-width:130px;font-size:13px;margin-top:5px;background-color:#fff}.arcade-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(220px,1fr);gap:35px;align-items:start;max-width:1020px;margin:auto}.arcade-machine{background:#172b43;border:1px solid #244760;border-radius:22px;padding:17px;box-shadow:0 14px 35px #132d4815}.arcade-hud{display:flex;align-items:center;justify-content:space-between;color:#a9c8da;font-size:10px;letter-spacing:1px;padding:3px 8px 15px;gap:12px}.arcade-hud strong{color:#b4ecdc;font-size:22px;font-variant-numeric:tabular-nums;margin-left:7px}.arcade-screen{position:relative;max-width:480px;margin:auto;border-radius:12px;overflow:hidden;background:#101e34}.arcade-screen canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-3px!important}.arcade-overlay{position:absolute;inset:0;background:#102038eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;color:#edf7ff;backdrop-filter:blur(3px)}.arcade-overlay-icon{color:#8ddbeb;font-size:60px;line-height:1.2;margin-bottom:15px}.arcade-overlay h2{font-size:30px;letter-spacing:-.8px;margin:0 0 14px}.arcade-overlay p{font-size:13px;line-height:1.8;max-width:335px;color:#b0ccdc;margin-bottom:22px}.arcade-overlay .btn-primary{background:#138db8;border-color:#138db8}.arcade-controls{display:flex;justify-content:space-between;align-items:center;max-width:480px;margin:17px auto;gap:15px}.arcade-dpad{display:grid;grid-template-columns:repeat(4,48px);gap:6px}.arcade-dpad button,.arcade-action{border:1px solid #4c657d;border-bottom-width:4px;color:#d7edf8;background:#293f59;border-radius:10px;min-height:48px;min-width:48px;font-size:23px;touch-action:none;user-select:none;-webkit-user-select:none}.arcade-action{font-size:13px;letter-spacing:1px;background:#2b6680;border-color:#4086a2;padding:12px 20px}.arcade-controls .pressed{background:#4b7f94;border-bottom-width:1px;transform:translateY(2px)}.arcade-machine-actions{display:flex;justify-content:center;gap:12px;border-top:1px solid #ffffff12;padding-top:14px}.arcade-machine-actions .btn{font-size:12px;color:#c7dbe8;border-color:#456078;padding:7px 20px}.arcade-machine-actions .btn:hover{background:#2b4960}.arcade-aside .side-panel{padding:23px;background:#fff;margin-bottom:18px}.arcade-aside h2{font-size:22px;letter-spacing:-.6px;line-height:1.3;margin:14px 0}.arcade-aside p{font-size:13px;color:#647b8c;line-height:1.85}.arcade-aside .small-muted{font-size:11px}.arcade-more{display:flex;flex-direction:column;gap:6px}.arcade-more a{padding:10px 0;border-bottom:1px solid #e7eff4;display:flex;gap:12px;align-items:center;font-size:13px}.arcade-more a span{display:inline-grid;place-items:center;width:30px;height:30px;background:#e9f3f9;color:#30799f;border-radius:6px;font-size:18px}.arcade-more a:hover{color:#007eae}
@media(max-width:760px){.arcade-layout{grid-template-columns:1fr;max-width:520px;gap:24px}.arcade-title{align-items:flex-start}.arcade-title h1{font-size:30px}.arcade-title p{font-size:12px}.arcade-title .eyebrow{font-size:8px}.arcade-title .form-select{min-width:100px}.arcade-title label{font-size:10px}.arcade-aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.arcade-aside .side-panel{padding:17px;margin:0}.arcade-aside .side-panel:last-child{grid-column:1/-1}.arcade-aside h2{font-size:18px}.arcade-aside p{font-size:12px}.arcade-more{display:grid;grid-template-columns:1fr 1fr}.arcade-overlay-icon{font-size:45px}.arcade-overlay h2{font-size:25px}.arcade-overlay p{font-size:12px}.arcade-dpad{grid-template-columns:repeat(4,44px);gap:5px}.arcade-dpad button{min-width:44px;min-height:48px}.arcade-action{padding:12px;min-width:60px}.arcade-machine{padding:12px}.arcade-controls{gap:8px}.arcade-hud{font-size:9px;padding-left:2px;padding-right:2px}.arcade-hud strong{font-size:18px}.arcade-page{padding-top:14px}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:5px}.arcade-aside .btn{font-size:11px;padding:9px 12px;gap:7px}}
@media(max-width:380px){.arcade-dpad{grid-template-columns:repeat(4,42px)}.arcade-dpad button{min-width:42px}.arcade-action{padding:10px;min-width:56px}.arcade-title h1{font-size:26px}.arcade-overlay{padding:17px}.arcade-overlay-icon{font-size:32px;margin-bottom:9px}.arcade-overlay h2{font-size:23px}.arcade-overlay p{font-size:11px;margin-bottom:14px}.arcade-aside{grid-template-columns:1fr}.arcade-aside .side-panel:last-child{grid-column:auto}}
.arcade-dpad{display:flex}.arcade-dpad button{width:48px;flex-shrink:0}.arcade-controls:has(.arcade-dpad button:not([hidden])){justify-content:space-between}.arcade-controls:has(.arcade-dpad button[hidden]):not(:has(.arcade-dpad button:not([hidden]))){justify-content:center}.arcade-screen canvas:focus:not(:focus-visible){outline:none}
/* Arcade club: shared spacing, richer surfaces, and a cabinet that fits small phones. */
:root{--line:#dce6ef;--radius:20px}.game-card{background:#fff;border-color:#dce6ef;box-shadow:0 4px 15px #14385806;border-radius:18px}.game-card:hover{box-shadow:0 12px 28px #14385816}.game-cover{background-image:radial-gradient(ellipse at 20% 0%,#ffffffb0,transparent 70%)}.game-info h3{line-height:1.35}.game-meta{gap:8px;flex-wrap:wrap}.game-info p{color:#617487}.cover-play{opacity:1;background:#ffffffeb;box-shadow:0 2px 8px #18334912}.btn-primary{box-shadow:0 4px 10px #007eae20}.side-panel,.play-area{background:#fff;box-shadow:0 6px 22px #15344f06}.play-area{border-radius:22px}.game-header-inner{background:linear-gradient(120deg,#eef8fc,#f7f7ff)}.status-banner.my-turn{background:#def3ed;color:#196851;border:1px solid #b9e2d4}.connect-board{background:linear-gradient(145deg,#258dc2,#265590);box-shadow:0 8px 0 #183d6e,0 16px 25px #19395a20}.connect-board .disc-1{background:radial-gradient(circle at 35% 28%,#fff2a8,#f8c64b 62%,#d19320);box-shadow:inset 0 0 0 4px #fff4,0 2px 4px #17345244}.connect-board .disc-2{background:radial-gradient(circle at 35% 28%,#ffd7c6,#f48d71 62%,#c75848);box-shadow:inset 0 0 0 4px #fff4,0 2px 4px #17345244}.reversi-board{background:#244e49;box-shadow:0 6px 0 #183936;padding:10px}.reversi-board button{background:linear-gradient(135deg,#4a927c,#387462)}.reversi-board .disc-1:after{background:radial-gradient(circle at 35% 25%,#54716e,#152b30 70%);box-shadow:0 3px 4px #0005}.reversi-board .disc-2:after{background:radial-gradient(circle at 35% 25%,#fff,#d3e2df 70%);box-shadow:0 3px 4px #0005}.memory-board button{background:repeating-linear-gradient(45deg,#7c76b6,#7c76b6 8px,#8881c1 8px,#8881c1 16px);color:#ece8ff;border-color:#6e66a4;box-shadow:0 4px 0 #635d93}.memory-board .revealed,.memory-board .matched{box-shadow:0 3px 0 #b8cdb8}.fleet-board{background:linear-gradient(140deg,#b7e3ef,#72aecb);box-shadow:0 4px 0 #4e8baa}.fleet-board button{background:linear-gradient(135deg,#d6f1f8,#98cfe1);box-shadow:inset 0 0 0 1px #fff4}.tictactoe-board{padding:14px;background:linear-gradient(145deg,#dceef9,#eae3f8);box-shadow:0 5px 0 #aabed4}.tictactoe-board button{box-shadow:0 3px 0 #bed0df}.answer-option{background:linear-gradient(145deg,#fff,#f2f7fc);border-color:#d6e4ef;box-shadow:0 3px 0 #e1eaf1}.answer-option:not(:disabled):hover{border-color:#3094b8;transform:translateY(-2px)}
.score-club-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:35px;padding-bottom:35px;border-bottom:1px solid var(--line)}.score-club-banner h2{font-size:25px;letter-spacing:-.7px;margin:8px 0}.score-club-banner p{margin:0;color:var(--muted);font-size:13px}.score-club-banner .btn{flex-shrink:0}.leaderboard-page{padding-top:35px;padding-bottom:60px;max-width:1000px}.leaderboard-intro h1{font-size:clamp(36px,6vw,62px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.leaderboard-intro h1 span{color:var(--green)}.leaderboard-intro p{color:var(--muted)}.leaderboard-filters{display:flex;align-items:end;gap:14px;margin:30px 0;flex-wrap:wrap}.leaderboard-filters label{flex:1;min-width:130px;font-size:12px;font-weight:600}.leaderboard-filters select{margin-top:7px;min-height:46px}.highscore-panel{background:linear-gradient(145deg,#102e46,#102037)!important;color:#e9f6ff;border:1px solid #294e66!important;border-radius:18px;padding:28px}.highscore-panel .eyebrow{color:#82c9dc}.highscore-panel h2{color:#f0f8ff}.highscore-panel h2 span{color:#f5ce79}.highscore-panel p{color:#a5c1d0!important}.highscore-panel .small-link{color:#8bdfeb;font-size:12px;display:inline-block}.highscore-panel .score-note{font-size:10px;margin:15px 0 0;line-height:1.7}.highscore-list{padding:0;margin:20px 0;list-style:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.highscore-list li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:12px 7px;border-bottom:1px solid #ffffff12}.highscore-list li:first-child{color:#f8d781;background:#f7d77e0b;border-radius:8px}.score-rank{color:#7698ad;font-size:12px}.score-initials{font-weight:700;letter-spacing:2px;font-size:14px}.score-points{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.your-score .score-initials{color:#89e3d6}.score-empty{padding:20px 0}.score-entry{margin-top:22px;padding:20px 8px 4px;border-top:1px solid #ffffff24;color:#e6f4ff}.score-entry h2{font-size:23px;margin:12px 0}.score-entry p{font-size:12px;color:#adcada}.score-entry .eyebrow{color:#8ccfdf;font-size:9px}.score-entry-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.score-entry label{font-size:11px;color:#b4d3df}.score-entry input{display:block;margin-top:7px;width:110px;padding:9px;background:#102137;color:#f4d687;border:1px solid #527183;border-radius:8px;font-size:24px;letter-spacing:7px;font-family:monospace;text-transform:uppercase}.score-entry [role=status]{margin:14px 0 0;min-height:20px}.arcade-machine{background:linear-gradient(145deg,#223e58,#112337);box-shadow:inset 0 1px 0 #ffffff2b,0 10px 0 #0b1c2c,0 22px 40px #16395522;border-color:#3d5c75}.arcade-screen{border:2px solid #071624;box-shadow:0 0 0 1px #526d8133,inset 0 0 30px #0008}.arcade-hud{font-family:ui-monospace,monospace}.arcade-hud strong{color:#99efdc;text-shadow:0 0 14px #65dfc659}.arcade-overlay{background:radial-gradient(ellipse at 50% 20%,#28536ddf,#0d1d31f5)}.arcade-overlay-icon{text-shadow:0 0 35px #61cbdc77}.arcade-title>div{min-width:0}.arcade-layout,.room-layout,.arcade-aside,.room-sidebar{min-width:0}.arcade-layout>* ,.room-layout>*{min-width:0}.arcade-controls{flex-wrap:wrap;justify-content:center;row-gap:12px}.arcade-dpad{max-width:100%;gap:6px}.arcade-dpad button{width:46px;min-width:44px;min-height:48px}.arcade-action{min-height:48px}.arcade-aside .highscore-panel{grid-column:1/-1}
@media(max-width:760px){.shell{padding-inline:20px}.site-header{flex-wrap:wrap;padding-top:16px;padding-bottom:16px;gap:12px}.site-header .header-actions{margin-left:auto}.arcade-title{flex-wrap:wrap;gap:14px}.arcade-title>div{flex:1 1 220px}.arcade-title h1{overflow-wrap:anywhere}.arcade-title label{flex:0 0 100px}.score-club-banner{align-items:flex-start;flex-direction:column;gap:16px}.score-club-banner h2{font-size:23px}.score-club-banner .eyebrow{font-size:8px}.arcade-controls:has(.arcade-dpad button:not([hidden])){justify-content:center}.arcade-action{padding:10px 14px}.arcade-aside{grid-template-columns:minmax(0,1fr)}.arcade-aside .side-panel{grid-column:auto}.hero-visual{overflow:clip}.bottom-cta{margin-inline:20px}.game-meta{line-height:1.6}.game-info h3{overflow-wrap:anywhere}.room-title-row>div{min-width:0}.room-title-row h1{overflow-wrap:anywhere}.game-header-inner{flex-wrap:wrap}.room-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-page{padding-top:20px}.highscore-panel{padding:20px}.leaderboard-filters .btn{width:100%}}
@media(max-width:359px){.shell{padding-inline:16px}.bottom-cta{margin-inline:16px}.site-header .brand-logo{max-width:110px}.header-actions{flex-wrap:wrap}.hero h1{font-size:42px}.hero-actions{flex-wrap:wrap}.arcade-hud{gap:5px;font-size:8px}.arcade-hud strong{font-size:16px;margin-left:3px}.arcade-dpad button{width:44px}.room-sidebar{grid-template-columns:minmax(0,1fr)}.game-info{padding:9px}.games-grid{gap:10px}.game-cover{height:118px}.perks span{gap:6px;font-size:9px}.leaderboard-intro h1{letter-spacing:-1px}.score-entry-controls{gap:12px}}
/* Decorative orbits previously widened the layout viewport on narrow tablets. */
.hero-copy,.hero-visual{min-width:0}.hero-visual{overflow:clip}
@media(min-width:761px) and (max-width:900px){.hero{grid-template-columns:1fr;gap:20px}.hero-visual{transform:none;margin:0 auto;width:100%;max-width:480px;height:400px}.site-header nav{display:none}.arcade-layout{grid-template-columns:minmax(0,1fr);max-width:620px}.arcade-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.arcade-aside .side-panel{margin:0}.arcade-aside .highscore-panel,.arcade-aside .side-panel:last-child{grid-column:1/-1}}
#arcade-postscore{margin-top:12px;color:#b5e8f1;border-color:#527b91;background:#142f43}.arcade-overlay:has(#arcade-postscore:not([hidden])) .arcade-overlay-icon{display:none}
/* Two explicit destinations: solo arcade scores and shared-room games. */
.play-choice{padding-top:35px;padding-bottom:45px}.play-choice>h1{font-size:clamp(32px,4vw,52px);letter-spacing:-1.8px;margin:15px 0 10px;line-height:1.15}.play-choice>p{color:var(--muted);font-size:16px}.play-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.play-choice-card{position:relative;display:flex;flex-direction:column;border:1px solid #cedee9;border-radius:22px;padding:30px;transition:transform .2s,box-shadow .2s;overflow:hidden}.play-choice-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #17374b19}.play-choice-card h2{font-size:32px;letter-spacing:-1px;margin:14px 0}.play-choice-card p{font-size:14px;line-height:1.85;max-width:410px;margin:0 0 20px}.play-choice-card strong{font-size:15px;margin-top:23px}.choice-arcade{background:linear-gradient(135deg,#153b54,#112238);color:#ecfaff;border-color:#315b72}.choice-arcade .eyebrow{color:#93dfeb}.choice-arcade p,.choice-arcade .choice-facts{color:#bfd9e6}.choice-together{background:linear-gradient(135deg,#e3f4ee,#eef4fa)}.choice-icon{font-size:40px;line-height:1;margin-bottom:20px}.choice-facts{font-size:11px;margin-top:auto;line-height:1.7}.mode-library{border-top:1px solid var(--line);scroll-margin-top:20px}.mode-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.mode-heading>div{max-width:700px;min-width:0}.mode-heading h2{font-size:35px;letter-spacing:-1px;margin:12px 0}.mode-heading p{font-size:14px;color:var(--muted);line-height:1.85;margin:0}.mode-heading>.btn{flex-shrink:0}.mode-summary{font-size:12px;color:var(--muted);margin:0}.computer-explainer{background:#eaf4f8;border:1px solid #d3e5ef;border-radius:12px;padding:18px 22px;margin-top:24px;font-size:13px}.computer-explainer p{margin:7px 0 0;color:#526e82;line-height:1.8}.mode-switch-link{display:block;margin-top:27px;color:#006f99;font-size:13px;line-height:1.8}.game-bottom a{color:#00749f;font-weight:600}.human-only-note{font-size:10px!important;min-height:0!important;color:#596e80!important}.room-computer-label{font-weight:600;color:#306e84!important}.together-library .library-toolbar{flex-wrap:wrap}.together-library .filter-tabs{min-width:0;max-width:100%}
@media(max-width:900px){.mode-heading{align-items:flex-start;flex-direction:column;gap:18px}.play-choice-card{padding:24px}.play-choice-card h2{font-size:28px}}
@media(max-width:600px){.play-choice{padding-top:16px;padding-bottom:30px}.play-choice-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px}.play-choice-card{padding:22px}.choice-icon{position:absolute;right:22px;top:22px;font-size:28px;opacity:.55}.play-choice-card .eyebrow{font-size:8px;padding-right:25px}.play-choice-card h2{font-size:29px;margin-top:12px}.play-choice-card p{font-size:13px;margin-bottom:14px}.play-choice-card strong{margin-top:15px}.play-choice>h1{letter-spacing:-1px}.mode-heading h2{font-size:30px}.mode-heading p{font-size:13px}.computer-explainer{padding:16px;font-size:12px}.mode-library{padding-top:30px}.site-footer>a{font-size:12px}.mode-switch-link{font-size:12px}.play-choice>.eyebrow{font-size:8px}.mode-heading .eyebrow{font-size:8px}}