:root{color:#f6e8cb;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#4c3021;--muted:#9b7759;--accent:#ac5539;--cream:#f5e4bd;--gold:#c7974c;background:#3f281c;font-family:ui-rounded,Avenir Next,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #c58d46}#app{height:100dvh;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#30201855,#30201818 45%,#21160f88),url(../assets/walnut-table.jpg) 50%/cover;flex-direction:column;align-items:center;gap:10px;display:flex;overflow:hidden}header{flex-shrink:0;justify-content:space-between;align-items:center;width:min(100%,560px);height:44px;display:flex}h1{letter-spacing:4px;text-shadow:0 2px #211309;margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:700}.brand{text-align:center}.brand small{letter-spacing:4px;color:#dbb880;margin-bottom:1px;font-size:8px;font-weight:700;display:block}.icon{color:#f3dbaf;background:linear-gradient(#704c32,#513322);border:1px solid #b3845266;border-radius:12px;place-items:center;width:42px;height:42px;font-size:27px;display:grid;box-shadow:inset 0 1px #dfbc8244,0 3px #291a12,0 4px 8px #1d110a55}.icon svg{vertical-align:middle}.icon[aria-pressed=true]{color:#fff3d1;background:linear-gradient(#a96940,#7c482e)}.players{flex-shrink:0;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,560px);margin-top:3px;display:grid;position:relative}.players:after{content:"VS";color:#efdab2;z-index:1;background:#6e422c;border:2px solid #b88954;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player{min-width:0;color:var(--ink);background:linear-gradient(150deg,#f3dfb7,#dcc397);border:2px solid #b79267;border-radius:13px;align-items:center;gap:8px;padding:10px 8px;display:flex;box-shadow:inset 0 1px #fff7de,0 3px #4b2d1b,0 5px 9px #21140d44}.player.active{background:linear-gradient(150deg,#fff0cd,#f1d7a4);border-color:#d1a35e;box-shadow:inset 0 1px #fff8e5,0 3px #8a4a2b,0 5px 9px #21140d44}.portrait{color:#593b26;background:#c3a57b;border:2px solid #9b7552;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-weight:700;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #5b3b2a22}.player.active .portrait{border-color:#995b30}.portrait span{position:absolute;inset:0;overflow:hidden}.portrait img{position:absolute}.portrait .legacy{object-fit:cover;width:100%;height:100%}.portrait.speaking{box-shadow:0 0 0 3px #d4a957}.player.active .portrait:after{content:"";background:conic-gradient(#995b30 calc(var(--turn-progress,1)*1turn), #c6a476 0);pointer-events:none;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0)}.identity{flex:1;min-width:0}.identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;display:block;overflow:hidden}.identity small{color:#876043;white-space:nowrap;margin-top:3px;font-size:9px;display:block}.score{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:19px;font-weight:800}.score small{color:#987450;font-size:10px;font-weight:600}.dot{background:#fff9e6;border:1px solid #b39974;border-radius:50%;width:8px;height:8px;margin-right:3px;display:inline-block;box-shadow:0 1px 1px #593e2244}.dot.black{background:#463d34;border-color:#302820}.turn{text-align:center;background:#4b2d1bbb;border:1px solid #c49d6980;border-radius:10px;flex-shrink:0;width:min(88%,420px);height:52px;margin-top:2px;padding:8px 10px;box-shadow:inset 0 1px #ebc58c22}.turn strong{letter-spacing:1.5px;color:#f7dc9f;font-size:11px;font-weight:800}.turn p{color:#dcc29b;margin:4px 0 0;font-size:11px}#timer{color:#f3dcb5;font-variant-numeric:tabular-nums;background:#c99c5133;border-radius:5px;margin-left:3px;padding:2px 5px;font-size:10px;font-weight:700}#timer:empty{display:none}.board-wrap{width:min(100%, calc(100dvh - 380px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 560px);aspect-ratio:1;filter:drop-shadow(0 8px 8px #20130955);flex-shrink:0;min-width:160px;position:relative}#board{touch-action:none;width:100%;height:100%}canvas{display:block}.queen-row{color:#e8c5a7;background:#3e241acc;border:1px solid #bf936944;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:25px;padding:4px 12px;font-size:10px;font-weight:600;display:flex}.queen-icon{background:#a84337;border:1px solid #d88968;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 1px #f1b29466}.controls{width:min(100%,460px);color:var(--ink);background:linear-gradient(#f5e6c5,#e5cfa4);border:2px solid #a47c52;border-radius:14px;flex-shrink:0;grid-template-columns:1fr 83px;align-items:center;gap:18px;padding:12px 16px 9px;display:grid;box-shadow:inset 0 1px #fff8e1,0 3px #442818,0 5px 10px #1d110d33}.controls label{letter-spacing:1px;color:#795437;font-size:9px;font-weight:800}input[type=range]{appearance:none;touch-action:pan-x;background:#b49469;border:1px solid #987449;border-radius:10px;width:100%;height:7px;margin:16px 0 9px;display:block;box-shadow:inset 0 2px 3px #69462b44}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:grab;background:radial-gradient(circle at 40% 35%,#fff5d8,#e8c993);border:2px solid #93613b;border-radius:50%;width:23px;height:23px;box-shadow:0 2px 2px #69472b66}input[type=range]::-moz-range-thumb{background:#f5dfb3;border:2px solid #93613b;border-radius:50%;width:19px;height:19px;box-shadow:0 2px 2px #69472b66}input[type=range]:disabled{opacity:.5}.power{background:#c2a77c;border:1px solid #a9885d;border-radius:4px;height:12px;margin-top:14px;overflow:hidden;box-shadow:inset 0 2px 3px #69462b33}.power i{background:repeating-linear-gradient(90deg,#a45735 0,#ba7144 7px,#edd4a4 7px 9px);width:0;height:100%;transition:width 50ms;display:block}.hint{color:#e0c6a3;text-align:center;text-shadow:0 1px #2b190f;flex-shrink:0;max-width:340px;margin:0;font-size:10px;line-height:1.4}#message{pointer-events:none;color:#633e28;text-align:center;opacity:0;background:#f8e9cddd;border:2px solid #ab7549;border-radius:10px;padding:12px;font-size:12px;font-weight:700;transition:opacity .15s;position:absolute;top:46%;left:7%;right:7%;box-shadow:0 5px 20px #321e1744}#message.visible{opacity:1}#message.foul{color:#9b3e2c;background:#f8dcc9f5;border-color:#ad4d38}#error{color:#ffd9bc;text-align:center;flex-shrink:0;min-height:14px;margin:0;font-size:11px}dialog{width:min(92vw,380px);color:var(--ink);text-align:center;background:linear-gradient(#f9eccc,#ead2a4);border:5px solid #8d603b;border-radius:20px;padding:24px;box-shadow:inset 0 0 0 1px #fff4d9,0 20px 60px #20130999}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#25170eb8}dialog>small{letter-spacing:2px;color:#96704d;font-size:10px;font-weight:800}dialog h2{margin:12px 0;font-family:Georgia,serif;font-size:30px}dialog .portrait{width:70px;height:70px;margin:18px auto 10px}dialog p{color:#896345;font-size:13px;line-height:1.6}dialog button,#start{color:#fff0d1;background:linear-gradient(#b7794d,#96542f);border:1px solid #854526;border-radius:10px;margin:4px;padding:12px 16px;font-weight:800;box-shadow:inset 0 1px #d7ab7280,0 3px #643a23}dialog button.secondary{color:#6b452a;background:#ddc397;border-color:#b18a5e;box-shadow:inset 0 1px #fff0ce,0 3px #a58259}#result-name{display:block}#start{display:none}#start.visible{display:block}#voice-status{bottom:max(4px, env(safe-area-inset-bottom));color:#ddbf95;pointer-events:none;font-size:10px;position:fixed}.preview-badge{color:#cfb08b;font-size:7px;position:fixed;top:3px;right:4px}@media (height>=760px){#app{padding-top:max(24px, env(safe-area-inset-top));gap:14px}.board-wrap{margin-top:2px}}@media (height<=640px){#app{padding-top:max(7px, env(safe-area-inset-top));gap:6px}header{height:34px}h1{font-size:21px}.icon{width:34px;height:34px}.player{padding:6px}.portrait{width:30px;height:30px}.turn{height:42px;padding:5px}.board-wrap{width:min(100%, calc(100dvh - 292px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 560px)}.controls{padding:9px 12px 6px}.hint{display:none}}@media (width<=350px){.player{gap:5px}.score{font-size:16px}.identity strong{font-size:11px}.identity small{font-size:8px}.players{gap:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}