:root{color-scheme:dark;--cream:#f0e7d2;--muted:#b5bcab;--gold:#d7b675;--green:#103a30;--cell:36px}*{box-sizing:border-box}body{margin:0;color:var(--cream);background:radial-gradient(ellipse at 32% 10%,#245043 0,#102d27 45%,#081a17 100%);font:15px/1.5 system-ui,sans-serif;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.07;background:repeating-linear-gradient(5deg,transparent 0 2px,#bcb180 3px,transparent 4px);z-index:-1}button,input,select{font:inherit}button,select,input{border:1px solid #8b947865;background:#193e33;color:var(--cream);border-radius:7px;padding:10px 13px}button{cursor:pointer;min-height:42px}button:hover{border-color:var(--gold);background:#295345}button:disabled{opacity:.48;cursor:default}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f1c876;outline-offset:3px}.gold{background:linear-gradient(135deg,#edcf92,#c69d5e);color:#2c2519;border-color:#f0d6a1;font-weight:750;box-shadow:0 3px 0 #7a5734,0 6px 15px #0004}.gold:hover{background:#edce91}header{max-width:1240px;margin:auto;padding:25px 34px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c6ac752c}.brand{display:flex;gap:15px;align-items:center;color:var(--cream);text-decoration:none}.brand small{font-size:9px;letter-spacing:3px;display:block;color:var(--gold)}.brand strong{font:34px Georgia,serif;letter-spacing:.5px}.crest{width:49px;height:53px;border:1px solid #b79a62;display:block;text-align:center;font:27px Georgia;position:relative;padding:2px}.crest span{font-size:19px;display:block;margin-top:-11px;margin-left:10px}nav{display:flex;gap:8px}nav button{background:transparent;border-color:transparent;font-size:13px}main{display:grid;grid-template-columns:minmax(0,720px) 290px;gap:38px;max-width:1120px;padding:24px 24px;margin:auto}.table{min-width:0}.turnline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px;color:var(--gold);font-size:13px}#turn{font-weight:650;color:var(--cream)}.board-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.board-tools button{padding:4px 9px;min-height:33px;font-size:12px}.legend{display:flex;gap:5px}.legend b{border-radius:3px;padding:2px 6px;font:10px system-ui}.l2{background:#aac5b8!important;color:#223d34!important}.l3{background:#386c72!important;color:#fff5dc!important}.w2{background:#c99789!important;color:#3a211d!important}.w3{background:#893e3e!important;color:#fff2d3!important}.frame{padding:13px;border:1px solid #d0a967;outline:1px solid #30150d;outline-offset:3px;border-radius:7px;background:repeating-linear-gradient(2deg,#603925 0,#613b28 3px,#70452c 7px,#432719 11px);box-shadow:0 16px 30px #0006,inset 0 0 0 3px #331c17,inset 0 0 0 5px #c091544a}#viewport{overflow:auto;width:100%;max-height:66vh;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a0885c #49392b;touch-action:pan-x pan-y}#board{display:grid;grid-template-columns:repeat(15,var(--cell));grid-template-rows:repeat(15,var(--cell));width:max-content;background:#635343;border:2px solid #49382b;gap:1px;padding:2px}.square{width:var(--cell);height:var(--cell);min-height:0;padding:0;border:0;border-radius:1px;background:#d2c5a8;color:#66563e;font-size:calc(var(--cell)*.24);display:flex;align-items:center;justify-content:center;position:relative}.square:hover{background:#e4d9bf}.square.tile,.tile{font-family:Georgia,serif;font-weight:700;position:relative;background:linear-gradient(135deg,#fff6db 0%,#e9d9b7 80%);color:#30291e;border:1px solid #f6e6bd;border-bottom:3px solid #ad9163;border-right:2px solid #c2a675;box-shadow:1px 2px 2px #0004,inset 1px 1px 1px #fff9;border-radius:4px;font-size:calc(var(--cell)*.57)}.square.tile small,.tile small{position:absolute;right:6%;bottom:0;font:600 .30em system-ui}.square.proposed{outline:2px solid #204f42;outline-offset:-3px;transform:translateY(-1px);animation:place .15s}.square.recent{box-shadow:inset 0 0 0 2px #b99138}.square.blank-tile:after,.tile.blank-tile:after{content:'•';position:absolute;left:9%;bottom:-2%;font:12px system-ui;color:#806f4a}.square.active{outline:3px solid #efb450;outline-offset:-3px}#message{min-height:36px;padding:9px 4px 3px;font-size:12px;text-align:center;color:var(--muted)}#message.error{color:#ffd5bd}.rack-wrap{max-width:510px;margin:auto;padding:9px 15px 0;background:repeating-linear-gradient(1deg,#583925 0,#68462e 5px,#573422 7px);border:1px solid #a07845;border-radius:5px;box-shadow:inset 0 -12px 0 #362217,0 7px 12px #0004}#rack{display:flex;justify-content:center;gap:7px;min-height:54px;align-items:center}#rack .tile{width:49px;height:52px;min-height:0;font-size:31px;padding:0;touch-action:none}#rack .tile.selected{outline:3px solid #e6be6c;transform:translateY(-5px)}#rack .tile.used{opacity:.15;pointer-events:none}.rack-caption{display:block;text-align:center;letter-spacing:2px;font-size:6px;color:#cfb78d;padding:5px 0 4px}.rack-caption i{padding:0 8px}.primary{display:flex;justify-content:center;gap:10px;margin-top:14px}.primary #play{flex:1;max-width:260px}.primary button{font-size:13px}.primary #preview{margin-left:8px;border-left:1px solid #775b34;padding-left:10px}.controls{margin:16px 0;font-size:12px}.controls summary{cursor:pointer;padding:9px;border-bottom:1px solid #ccb78030;color:#e4d7b7}.controls summary span{float:right;color:var(--muted)}.controls>div{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.controls p{color:var(--muted)}aside{padding-top:33px}.panel{border:1px solid #d3b67438;border-radius:6px;padding:22px;background:linear-gradient(130deg,#254d3c77,#0f302a88);margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--gold);font-weight:600;margin:0 0 7px}h2{font:25px Georgia,serif;margin:0 0 22px}#scores .player{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #c8b68625}#scores .avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid #aa9666;border-radius:50%;font:18px Georgia;color:var(--gold)}#scores .player.current .avatar{background:#d8b979;color:#263629}#scores .player div{flex:1}#scores .player small{display:block;font-size:10px;color:var(--muted)}#scores .player strong{font:26px Georgia;color:#ecdbad}.history-panel{max-height:360px;overflow:auto}#history details{border-bottom:1px solid #d2b37a25;font-size:12px;padding:10px 0}#history summary{cursor:pointer}#history small{color:var(--muted)}#history p{margin:6px 0}.muted,.footnote,.small{color:var(--muted)}.footnote{font:italic 13px Georgia;text-align:center}.small{font-size:11px}.pulse{animation:pulse .7s}.hidden{visibility:hidden}dialog{color:var(--cream);background:linear-gradient(145deg,#204438,#0a2922);border:1px solid #ad905b;border-radius:12px;box-shadow:0 30px 100px #0009;padding:30px;max-width:min(680px,94vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#031611bb;backdrop-filter:blur(6px)}dialog p{color:#c9cfbd}dialog button{margin:5px 3px}dialog label{display:block;margin:10px 0;font-size:12px;color:#d5cfb5}dialog input,dialog select{display:block;width:100%;margin-top:5px;background:#092c24}dialog .inline{display:flex;gap:8px;align-items:center}dialog .inline input{width:auto}#welcome[open]{display:grid;grid-template-columns:1fr 1fr;padding:0;max-width:830px;width:92vw}#welcome h1{font:47px/1.05 Georgia;margin:30px 0}.intro{padding:45px 35px;background:radial-gradient(ellipse at 40% 10%,#42634b,#12362b);position:relative;border-right:1px solid #b3925533}.intro:after{content:'A  1    B  3    C  3';display:block;padding:30px 12px;margin-top:42px;word-spacing:6px;font:26px Georgia;color:#352c1b;background:linear-gradient(130deg,#f9efcf,#d9c39b);box-shadow:0 12px 0 #5b3924,0 19px 30px #0005;border-radius:5px;transform:rotate(-6deg)}.setup{padding:30px}#loading{font-size:12px;color:#e4cc95;max-width:240px}.seat{display:grid;grid-template-columns:1fr 115px;gap:7px}.seat input,.seat select{font-size:12px}.setup #start,.setup #resume{width:100%;margin:12px 0 0}#alphabet{display:grid;grid-template-columns:repeat(7,1fr)}#alphabet button{margin:3px;padding:10px;font:22px Georgia}#network{font-size:11px;margin-top:12px;color:#c3b794}.drag-ghost{position:fixed;pointer-events:none;z-index:50;width:52px;height:55px;display:grid;place-items:center;font-size:32px;transform:translate(-50%,-70%)}body.light{--cream:#fff2d2;--muted:#dee3cb;background:radial-gradient(ellipse at top,#3d6754,#244a3b)}@keyframes place{from{transform:translateY(-7px)}to{transform:translateY(-1px)}}@keyframes pulse{50%{color:#fff;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){header{padding:12px 14px}.brand strong{font-size:25px}.brand small{font-size:7px;letter-spacing:2px}.crest{width:35px;height:40px;font-size:21px}.crest span{font-size:16px;margin-top:-9px}.brand{gap:9px}nav{gap:0}nav button{font-size:12px;padding:6px;min-height:36px}nav button span{display:none}main{display:flex;flex-direction:column;padding:12px 10px;gap:0;max-width:570px}.frame{padding:8px}#viewport{max-height:52dvh}.turnline{font-size:11px}.board-tools{margin-bottom:6px}#message{font-size:11px;min-height:35px;line-height:1.3}.rack-wrap{padding:8px 10px 0}#rack{gap:5px;min-height:46px}#rack .tile{width:min(11vw,47px);height:47px;font-size:29px}.primary{gap:6px;margin-top:10px}.primary button{padding:9px;font-size:12px}.controls{margin:9px 0}aside{padding-top:6px}.panel{padding:15px;margin-bottom:12px}.panel h2{font-size:22px;margin-bottom:7px}#scores{display:flex;flex-wrap:wrap;gap:0 12px}#scores .player{flex:1;min-width:130px;padding:8px 0}#scores .avatar{width:27px;height:27px;font-size:15px}#scores .player strong{font-size:23px}#scores .player div{font-size:12px}.history-panel{max-height:240px}.footnote{font-size:12px}#welcome[open]{display:block;width:94vw;max-height:93dvh}.intro{padding:23px 25px}.intro h1{font-size:33px!important;margin:12px 0!important}.intro h1 br{display:none}.intro>p:not(.eyebrow){display:none}.intro:after{display:none}.setup{padding:22px 25px}.setup h2{margin-bottom:12px}dialog{padding:23px}#alphabet{grid-template-columns:repeat(6,1fr)}}@media(max-height:520px) and (min-width:650px){header{padding:8px 25px}main{padding-top:8px;grid-template-columns:minmax(0,1fr) 220px;gap:24px}#viewport{max-height:48dvh}.panel{padding:14px}aside{padding-top:10px}}
.square.proposed{touch-action:none}a{color:#eed098}#privacy{text-align:center;min-width:min(380px,90vw)}#modalbody{line-height:1.65}#modalbody h2:not(:first-child){margin-top:24px}
.frame{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}#viewport{max-width:100%}
#storagewarning{background:#68412a;color:#fff0d8;padding:10px 20px;text-align:center;font-size:13px}