:root{color-scheme:dark;--mahogany:#2b1711;--cream:#f1e1bf;--brass:#d3ad6c;--brass2:#f5d89b;--felt:#204735}*{box-sizing:border-box}html{scroll-behavior:smooth}body.lounge{margin:0;color:var(--cream);min-height:100vh;background:#170d0a url('/assets/orthello/mahogany.webp') center top/900px 340px repeat;font:16px/1.48 Georgia,'Times New Roman',serif}body.lounge:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#0c0704b5,#1b0e0bec 45%,#0d0606e8)}button,input,select{font:inherit}a{color:#f8d694}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fce0a0;outline-offset:3px}.wood-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#190b08e8 url('/assets/orthello/mahogany.webp') center/cover;border-bottom:4px double var(--brass);padding:16px max(18px,calc((100vw - 1180px)/2));box-shadow:0 8px 19px #0008}.brand{color:#f4dfb4;text-decoration:none;letter-spacing:.13em;font-size:24px;font-weight:700;text-shadow:1px 2px #000}.brand em{font-style:normal;color:var(--brass2)}.brand small{font:11px Arial,sans-serif;letter-spacing:.13em;margin-left:9px}.back{font-size:12px;text-transform:uppercase;text-decoration:none;letter-spacing:.12em}.lounge-main{max-width:1170px;margin:auto;padding:22px 20px 60px}.hero-text{text-align:center;padding:23px 0 29px}.eyebrow,.card-kicker{text-transform:uppercase;letter-spacing:.17em;font:700 11px/1.4 Arial,sans-serif;color:#e7b96e}.hero-text h1{color:#fbe2ac;font-size:clamp(38px,6vw,72px);font-weight:400;letter-spacing:.12em;text-shadow:0 3px 5px #000;margin:4px 0 9px}.hero-text p:not(.eyebrow){max-width:650px;margin:0 auto;color:#e7ceb0}.wood-card{padding:24px;border:3px double #bb8d4c;border-radius:12px;background:linear-gradient(150deg,#301710f3,#1b0d0bf5),url('/assets/orthello/mahogany.webp') center/cover;box-shadow:0 10px 33px #0009,inset 0 0 0 5px #22100c}.wood-card h2{color:#f1d397;font-size:27px;font-weight:500;margin:3px 0 12px;letter-spacing:.04em}.wood-card h3{font-size:22px;color:#f4dbaa;margin:5px 0}.wood-card p{color:#e7ceb1}.card-kicker{margin:0 0 7px;color:#c7a36d}.small,.fine{font-size:13px;line-height:1.55}.fine{opacity:.75}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.room-grid label,.control-panel legend{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#f0cf91;display:block;margin:14px 0 6px}.room-grid input,.room-grid select{width:100%;border-radius:5px;border:1px solid #cca467;background:#fff1ce;color:#28140c;padding:12px;min-height:46px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inn-btn{border:2px solid #e5be78;border-radius:5px;color:#fff1cc;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;min-height:47px;padding:12px 16px;background:#764321 url('/assets/orthello/mahogany.webp') center/cover;box-shadow:0 3px 0 #0c0706;font-weight:700;letter-spacing:.02em;font-size:14px;text-align:center}.inn-btn:hover:not(:disabled){filter:brightness(1.2)}.inn-btn.ghost{background:#24130ef5;border-color:#a37b4e;color:#f2dbb9}.primary-wide{width:100%;margin:16px 0 4px}.join-panel{border-top:1px solid #ad865653;margin-top:18px;padding-top:12px}.join-panel .inn-btn{margin-top:9px}.tables{display:grid;gap:8px;max-height:260px;overflow:auto;margin:14px 0}.table-btn{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#1c100be8;border:1px solid #926b3d;border-radius:5px;color:#f7ddaf;text-align:left;padding:14px;font-family:Georgia,serif}.table-btn:hover{background:#4c2b1f}.table-btn small{display:block;color:#d8c29d}.solo-panel{margin-top:26px;padding:17px;border:1px solid #9b744a;background:#130a08b0;border-radius:8px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px}.button-row>*{flex:1}.hidden{display:none!important}[hidden]{display:none!important}.toast{margin:10px auto;color:#ffe2a8;max-width:100%;overflow-wrap:anywhere;min-height:24px}.alert:not(:empty){padding:13px;border:1px solid #db9a60;background:#48251a;border-radius:6px}.game-shell{display:grid;grid-template-columns:minmax(0,680px) minmax(275px,1fr);align-items:start;gap:25px}.table-lamp{padding:17px 17px 22px;border:4px ridge #b78749;border-radius:14px;background:#45251b url('/assets/orthello/mahogany.webp') center/cover;box-shadow:0 13px 36px #000c,inset 0 0 0 5px #33140f}.board-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;font:700 10px Arial,sans-serif;letter-spacing:.1em;color:#f1d49f}.scoreboard{display:flex;gap:10px;margin-bottom:15px}.score{flex:1;min-width:0;background:#160f0cde;border:1px solid #a27b47;border-radius:7px;padding:6px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.score.active{box-shadow:0 0 0 2px #f1d59f,0 0 15px #fff2bd52}.score-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.score-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.score-icon{width:37px;height:37px;object-fit:contain}.score strong{font-size:27px;color:#ffe7b5;font-variant-numeric:tabular-nums}.board{width:100%;aspect-ratio:1;border:8px ridge #b99b66;background:#264d38 url('/assets/orthello/green-baize.webp') center/256px repeat;box-shadow:inset 0 2px 23px #001c14,0 6px 12px #0009;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr))}.cell{display:grid;place-items:center;min-width:0;min-height:0;padding:0;position:relative;border:1px solid #dccea524;color:#fff;background:transparent}.cell:focus-visible{outline:3px solid #fbe4ae;outline-offset:-3px;z-index:2}.cell:disabled{opacity:1;cursor:default}.cell.hint:after{content:"";width:19%;height:19%;border:2px solid #f6d8a6;border-radius:50%;box-shadow:0 0 14px #ffda87;position:absolute;pointer-events:none}.cell.hint:hover{background:#fce9af20}.piece-art{width:96%;height:96%;object-fit:contain;filter:drop-shadow(0 2px 2px #02190ecc);pointer-events:none;user-select:none}.piece-art.placed{animation:putdown .2s ease-out}.board-footer{text-align:center;color:#f4d9a8;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.15em;margin-top:14px}.control-panel h2{font-size:24px;overflow-wrap:anywhere}.status-bar{padding:13px;border-left:3px solid #e4bb78;color:#ffecbd!important;background:#1a120fd6;font-size:16px;font-weight:bold}.invite-panel{background:#120b09;border:1px dashed #ae8b58;border-radius:5px;padding:12px;margin:17px 0}.invite-panel p{font-size:13px;margin:0 0 8px}.invite-panel .code{font:700 clamp(13px,1.4vw,17px) monospace;letter-spacing:.04em;overflow-wrap:anywhere;color:#ffe8ad}.ready-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ready-badge{text-align:center;border:1px solid #896b46;background:#1b110f;border-radius:4px;padding:9px 3px;font:700 11px Arial,sans-serif;color:#dbc199}.ready-badge.is-ready{border-color:#caad64;color:#f8dba8;background:#30422d}.option-field{border:1px solid #ab834e;padding:9px 12px 12px;margin:18px 0;border-radius:4px}.option-field legend{padding:0 7px}.toggle-option{margin:4px 0 12px;display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer}.toggle-option b{display:block;font-size:14px}.toggle-option small{display:block;color:#d0b79e;font-size:11px}.toggle-option input{appearance:none;width:47px;height:26px;border-radius:24px;background:#685143;border:1px solid #a37b4f;position:relative;flex:0 0 auto;cursor:pointer}.toggle-option input:before{content:"";position:absolute;top:3px;left:3px;border-radius:50%;height:18px;width:18px;background:#ddc6a5;transition:transform .15s}.toggle-option input:checked{background:#526846}.toggle-option input:checked:before{transform:translateX(20px);background:#f8dfa7}.game-notes{font-size:13px;color:#ead5b2!important;line-height:1.55}.aside-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.aside-actions>*{flex:1}.footer{text-align:center;margin-top:32px;font:11px Arial,sans-serif;color:#cebda5;letter-spacing:.12em}.feature-images{height:180px;display:flex;justify-content:center;gap:14px;align-items:center;background:#183021 url('/assets/orthello/green-baize.webp') repeat;border:7px ridge #ad8149;border-radius:8px;margin:14px 0}.feature-images img{width:38%;height:155px;object-fit:contain;filter:drop-shadow(1px 4px 4px #000)}.feature-images span{font:700 11px Arial,sans-serif;letter-spacing:.1em;color:#f9e4bc}.unavailable{display:inline-block;padding:8px 12px;background:#25120f;border:1px solid #8a7049;font:700 11px Arial,sans-serif;color:#dcc6a2;letter-spacing:.09em}.divider-decoration{height:1px;margin:25px 0;background:#b38c593f}.lounge-feature .inn-btn{margin-top:6px}.secondary-games h2{margin-top:12px}
@keyframes putdown{from{transform:translateY(-8px) scale(1.05);opacity:.7}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.game-shell{grid-template-columns:1fr}.table-lamp{max-width:720px;width:100%;margin:auto}.room-grid{grid-template-columns:1fr}.lounge-main{max-width:740px}.control-panel{max-width:720px;width:100%;margin:auto}}@media(max-width:480px){.lounge-main{padding:16px 8px 30px}.wood-head{padding:13px 12px}.brand{font-size:17px}.brand small{font-size:9px;display:block;margin-left:0}.back{font-size:10px}.wood-card{padding:14px}.form-row{grid-template-columns:1fr}.hero-text{padding:8px 5px 22px}.hero-text h1{font-size:42px}.table-lamp{padding:8px;border-width:3px}.board{border-width:4px}.score{padding:5px}.score-name span{font-size:12px}.score-icon{width:25px;height:25px}.score strong{font-size:22px}.board-header{font-size:9px}.board-header .eyebrow{font-size:8px}.button-row{flex-direction:column}}