@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Inter:wght@400;500;600&display=swap');:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#eee7d8;background:#040606}*{box-sizing:border-box}body{margin:0}button,a,select,input{font:inherit}button,select,input{border:1px solid #766039;border-radius:10px;background:#111616;color:#eee7d8;padding:12px}button{cursor:pointer}button:hover{border-color:#e5c985;background:#24241c}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #ebd19b;outline-offset:3px}.primary{background:#0d4b40;border-color:#b29b68}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:1px solid #322c1c}header a{font:700 23px Cinzel,serif;color:#d8bb79;text-decoration:none}header span{font-size:11px;letter-spacing:3px;color:#99917e}main{position:relative;min-height:calc(100dvh - 125px)}#board{position:absolute;inset:0 0 0 300px;height:calc(100dvh - 125px);min-height:400px}canvas{display:block;width:100%;height:100%}.panel{position:relative;width:285px;margin:24px 0 0 22px;padding:22px;background:linear-gradient(145deg,#1a1c1bdc,#070909f5);border:1px solid #967944;border-radius:22px;box-shadow:inset 0 0 0 5px #ffffff04,0 15px 50px #0008}.panel h1{font:700 64px Cinzel,serif;margin:15px 0;color:#e3c58a}.panel h2,dialog h2{font-family:Cinzel,serif;color:#e3c58a}.panel p{line-height:1.6;color:#bdb9ac}.eyebrow{font-size:9px;letter-spacing:2px}label{display:grid;gap:8px;margin:14px 0}button{min-height:43px}.panel>button{width:100%;margin-top:10px}#rooms{max-height:40vh;overflow:auto}#rooms button{width:100%;text-align:left;margin-top:10px}#players p{margin:8px 0;font-size:12px}#players i{font-style:normal;margin-right:7px}#moves{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}#moves button{flex:1;padding:8px}.action{display:flex;align-items:center;justify-content:space-between;margin:18px 0}#die{font-size:38px;color:#eed49a}#clock{font-size:22px;font-variant-numeric:tabular-nums}#clock.urgent{color:#ff7272;text-shadow:0 0 13px #fa3030}#notice{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);max-width:90vw;background:#171c1cf2;border-radius:8px;padding:10px 18px;z-index:5;font-size:13px}#notice:empty{display:none}dialog{border:1px solid #a18a51;border-radius:18px;background:#111716;color:#eee7d8;max-width:560px;width:90vw;padding:28px}dialog::backdrop{background:#000b}dialog li,dialog p{line-height:1.6}dialog button{margin-right:8px}body.playing .nikagames-credits{display:none}[hidden]{display:none!important}@media(max-width:760px){header{height:58px;padding:8px 14px}header span{display:none}header a{font-size:20px}main{display:flex;flex-direction:column;min-height:calc(100dvh - 90px)}#board{position:relative;inset:auto;order:2;height:53dvh;min-height:290px;width:100%}.panel{order:1;width:calc(100% - 24px);margin:12px;padding:14px;border-radius:16px}#menu{max-width:420px;align-self:center}#menu h1{font-size:42px;margin:0}#menu p{margin:8px 0}#hud{display:grid;grid-template-columns:1fr auto;gap:4px 12px}#hud h2{font-size:17px;margin:0}#hint{font-size:12px;margin:0;grid-column:1}#players{grid-column:1;display:flex;gap:7px;flex-wrap:wrap}#players p{font-size:10px;margin:2px 0}#hud .action{grid-column:2;grid-row:1/4;gap:15px;margin:0}#die{font-size:30px}#clock{font-size:18px}#hud>button{margin:4px 0;padding:8px;min-height:36px}#moves{margin:0}#exit{font-size:11px}#notice{bottom:0}body.playing #board{height:calc(100dvh - 260px);min-height:300px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
#die{display:grid;place-items:center;min-width:64px;min-height:64px;border:1px solid #e0c189;border-radius:13px;background:linear-gradient(140deg,#f8efd8,#c9b88f);color:#211c12;box-shadow:inset 0 0 0 4px #fff3,3px 5px 0 #766446,0 8px 18px #0009;font-family:Cinzel,serif}@media(max-width:760px){#die{min-width:48px;min-height:48px;font-size:28px}}

.dice-compat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#101614;background:#eee2c5;border:1px solid #ba9855;border-radius:6px;font:34px/1 Arial;width:34px;height:34px;display:grid;place-items:center;pointer-events:none;box-shadow:0 4px 12px #0009}#requests{grid-column:1/-1}#request-panel{align-self:start}#approve button,#join-confirm button{min-width:90px}body:not(.playing) #board{min-height:400px}