:root{--ink:#3b2a1a;--ink-soft:#6b5440;--paper:#e9d9b4;--wood:#7a4e2d;--good:#3f8f3a;--bad:#b33a2b;--gold:#c99a2e;color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;background:#9fd3c7;height:100%;margin:0;overflow:hidden}#board{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.hidden{display:none!important}.panel{filter:drop-shadow(0 3px 4px #00000059);border:12px solid #0000;border-image:url(../ui/panel_beige.png) 12 fill/12px;padding:4px 6px}.inset{border:10px solid #0000;border-image:url(../ui/panelInset_beige.png) 10 fill/10px;padding:2px 4px}.modal-wrap{background:#1e140a59;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.modal{text-align:center;width:min(420px,100%);max-height:100%;overflow:auto}h1,h2,h3{margin:2px 0 6px;font-family:Georgia,Times New Roman,serif}h1{font-size:22px}h2{font-size:17px}p{margin:4px 0}.muted{color:var(--ink-soft);font-size:12px}button{font:inherit;color:#fff3dc;cursor:pointer;text-shadow:0 1px #3b2414;background:0 0;border:8px solid #0000;border-image:url(../ui/buttonLong_brown.png) 8 8 12 fill/8px 8px 12px;min-height:38px;padding:0 8px 2px;font-weight:700}button:active:not(:disabled){border-image-source:url(../ui/buttonLong_brown_pressed.png);transform:translateY(2px)}button:disabled{filter:grayscale(.8)opacity(.6);cursor:default}button.light{color:var(--ink);text-shadow:none;border-image-source:url(../ui/buttonLong_beige.png)}button.light:active:not(:disabled){border-image-source:url(../ui/buttonLong_beige_pressed.png)}button.small{min-height:30px;padding:0 4px;font-size:12px}button.sel{outline:3px solid var(--gold);outline-offset:-3px}input{font:inherit;color:var(--ink);border:2px solid var(--wood);background:#fbf3df;border-radius:4px;outline:none;width:100%;padding:5px 8px;font-size:15px}input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c99a2e59}.row{justify-content:center;align-items:center;gap:6px;display:flex}.col{flex-direction:column;gap:6px;display:flex}.grow{flex:1}.classes{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.classes button{min-height:42px;padding:0;font-size:18px}.code{letter-spacing:6px;font-family:Georgia,serif;font-size:30px;font-weight:700}.players{flex-direction:column;gap:3px;max-width:46%;display:flex;position:absolute;top:6px;left:6px}.pl{white-space:nowrap;background:#e9d9b4e0;border-radius:12px;align-items:center;gap:5px;padding:2px 8px 2px 4px;font-size:12px;display:flex;box-shadow:0 1px 2px #0000004d}.pl.cur{outline:2px solid var(--gold);background:#fff2c9}.pl.off{opacity:.55}.dot{border:2px solid #00000059;border-radius:50%;flex:none;width:12px;height:12px}.pl .name{text-overflow:ellipsis;max-width:90px;font-weight:700;overflow:hidden}.pl .pos{color:var(--ink-soft)}.topright{gap:4px;display:flex;position:absolute;top:6px;right:6px}.topright button{min-width:40px;min-height:32px;padding:0 4px;font-size:15px}.msg{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:64px;max-height:92px;margin:0 4px 4px;padding:0 8px;font-size:14px;line-height:1.4;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.line{display:block}.line.good{color:var(--good);font-weight:700}.line.bad{color:var(--bad);font-weight:700}.action{width:min(360px,76%);min-height:46px;font-size:16px;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.action:active:not(:disabled){transform:translate(-50%,2px)}.logbox{width:min(320px,70%);max-height:60%;font-size:12px;position:absolute;top:44px;right:6px;overflow:auto}.logbox p.good{color:var(--good);font-weight:700}.logbox p.bad{color:var(--bad);font-weight:700}.logbox p{border-bottom:1px dashed #6b54404d;margin:2px 0;padding-bottom:2px}.dicebox{align-items:center;gap:8px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);pointer-events:none!important}.die{filter:drop-shadow(0 4px 6px #00000073);background-size:contain;flex:none;width:64px;height:64px}.die.rolling{animation:.12s infinite shake}.die.done{animation:.35s ease-out pop}.chip{color:#fff;border:3px solid #00000040;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:54px;height:54px;padding:0 6px;font:700 22px Georgia,serif;animation:.3s ease-out pop;display:flex;box-shadow:0 4px 6px #0006}.chip small{opacity:.9;font:700 9px Trebuchet MS,sans-serif}.chip.good{background:var(--good)}.chip.bad{background:var(--bad)}.chip.mul{background:#8e44ad}.chip.total{color:var(--ink);border-color:var(--gold);background:#fbf3df;font-size:26px}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes shake{0%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}to{transform:rotate(-12deg)}}.timer{color:var(--bad);font-size:15px;font-weight:700}.syllable{color:var(--wood);margin:2px 0 6px;font-family:Georgia,serif;font-size:34px;font-weight:700}.letters{flex-wrap:wrap;justify-content:center;gap:4px;margin:6px 0;display:flex}.letters span{border:2px solid var(--wood);background:#fbf3df;border-radius:4px;justify-content:center;align-items:center;width:28px;height:32px;font:700 18px Georgia,serif;display:flex}.shake{animation:.1s 4 shake}.gauge{width:100%;height:46px;display:block}.vote-word{align-items:center;gap:6px;margin:3px 0;display:flex}.vote-word .w{text-align:left;flex:1;font-size:16px;font-weight:700}.vote-word button{min-width:40px;min-height:30px}.ok-btn,.ko-btn{opacity:.45;font-size:16px}.ok-btn.on,.ko-btn.on{opacity:1}.ok-btn.on{color:var(--good);outline:3px solid var(--good);outline-offset:-3px}.ko-btn.on{color:var(--bad);outline:3px solid var(--bad);outline-offset:-3px}.err{color:var(--bad);min-height:16px;font-weight:700}.banner{white-space:nowrap;background:#e9d9b4f2;border-radius:10px;padding:4px 10px;font-size:12px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000059}input.range{appearance:none;border:2px solid var(--wood);border-radius:8px;height:16px;margin-top:2px;padding:0}input.range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink);cursor:pointer;background:#fbf3df;border-radius:4px;width:18px;height:22px}.grid2{grid-template-columns:1fr 1fr;gap:4px;display:grid}.grid2.items span{border:2px solid var(--wood);background:#fbf3df;border-radius:4px;padding:4px;font-weight:700}.tab{display:none}body.collapsed{background:0 0}body.collapsed #board,body.collapsed #ui{display:none}body.collapsed .tab{border-image-source:url(../ui/buttonLong_brown.png);flex-direction:column;align-items:center;gap:2px;width:34px;min-height:70px;padding:0;font-size:14px;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.tab-label{writing-mode:vertical-rl;font-size:11px}body.collapsed .tab.mine{color:#fff6c2;animation:1.2s ease-in-out infinite glow}@keyframes glow{0%,to{filter:drop-shadow(0 0 2px #ffd34d)}50%{filter:drop-shadow(0 0 10px #ffd34d)brightness(1.25)}}.tries{text-align:left;max-height:96px;font-size:13px;overflow:auto}.tries p{border-radius:3px;margin:1px 0;padding:1px 4px}.tries p.good{color:var(--good);background:#3f8f3a1f;font-weight:700}.tries p.bad{color:var(--bad);background:#b33a2b1a}.action:disabled{filter:none;opacity:.85;width:auto;min-height:30px;padding:0 10px;font-size:12px;bottom:112px}.mini{color:#fff;border-radius:8px;padding:0 5px;font-size:11px;font-weight:700}.mini.good{background:var(--good)}.mini.bad{background:var(--bad)}.mini.mul{background:#8e44ad}.solution{letter-spacing:2px;font:700 18px Georgia,serif}.modal-wrap.epic{background:radial-gradient(circle,#ffd34d73,#1e140a99)}.modal-wrap.epic .modal{filter:drop-shadow(0 0 18px #ffd34d);animation:.6s cubic-bezier(.2,1.6,.4,1) epic-in}.modal-wrap.epic h2{color:#b8860b;text-shadow:0 2px #fff3c4;font-size:24px}.epic-icon{font-size:52px;animation:1.6s ease-in-out infinite float}.epic-text{color:var(--good);font:700 18px Georgia,serif}@keyframes epic-in{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.quiz-theme{color:var(--wood);margin:2px 0 4px;font:700 20px Georgia,serif}.quiz-level{flex-direction:column;align-items:center;min-height:48px;line-height:1.2;display:flex}.quiz-level small{opacity:.9;font-size:11px;font-weight:400}.quiz-q{margin:4px 0 8px;font:700 16px Georgia,serif}.quiz-choice{white-space:normal;min-height:44px;font-size:13px}.color-compare{flex-direction:column;gap:4px;display:flex}.cc-row{align-items:stretch;gap:6px;display:flex}.cc-swatch{border:3px solid var(--wood);color:#fff;text-shadow:0 1px 2px #000;border-radius:6px;flex:1;justify-content:center;align-items:flex-end;height:54px;padding-bottom:2px;font-size:11px;font-weight:700;display:flex}.cc-score{justify-content:center;align-items:center;min-width:60px;font:700 18px Georgia,serif;display:flex}.cc-score.good{color:var(--good)}.cc-score.bad{color:var(--bad)}.players{gap:4px}.pl{padding:3px 10px 3px 4px;font-size:13px}.pl .name{max-width:110px}.rank{width:20px;height:20px;color:var(--ink);background:#cbbd9f;border-radius:50%;flex:none;justify-content:center;align-items:center;font:700 12px Georgia,serif;display:flex}.pl.rank1 .rank{color:#5a3d00;background:linear-gradient(135deg,#ffe680,#d4a017);box-shadow:0 0 6px #ffd34d}.pl.rank2 .rank{color:#333;background:linear-gradient(135deg,#f4f4f4,#a8a9ad)}.pl.rank3 .rank{color:#3b1f05;background:linear-gradient(135deg,#e8b07a,#a0612b)}.pl.rank1{border-left:4px solid #d4a017}.pl.rank2{border-left:4px solid #a8a9ad}.pl.rank3{border-left:4px solid #a0612b}.spectate{color:#f6ecd6;pointer-events:auto;background:#1e160cb8;border-radius:10px;width:min(300px,46%);max-height:55%;padding:6px 10px;font-size:12px;position:absolute;top:46px;right:6px;overflow:auto;box-shadow:0 2px 8px #0006}.spectate p{margin:3px 0}.spectate .timer{color:#ffb4a8;font-size:12px}.spectate .good{color:#9be39b}.spectate .bad{color:#ff9c8f}.spectate .muted{color:#d6c7a6}.spectate .inset{color:var(--ink)}.spectate.result{cursor:pointer}.spec-q{font-weight:700}.spec-swatch{border:2px solid #f6ecd6;border-radius:4px;width:26px;height:26px;display:inline-block}.memo{border:2px solid var(--wood);text-align:center;background:#fbf3dff2;border-radius:10px;max-width:56%;padding:4px 10px;font-size:13px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000059}.feed{z-index:50;pointer-events:none;flex-direction:column-reverse;gap:6px;width:min(290px,44%);display:flex;position:fixed;bottom:112px;right:6px}body.collapsed .feed{display:none}.feed-card{pointer-events:auto;color:var(--ink);border-left:6px solid var(--pc);background:#fbf3dff7;border-radius:10px;max-height:46vh;padding:6px 26px 6px 10px;font-size:12px;animation:.35s cubic-bezier(.2,1.4,.4,1) feed-in;position:relative;overflow:auto;box-shadow:0 4px 12px #00000059}.feed-card.old{opacity:.82;transform-origin:100% 100%;max-height:18vh;transform:scale(.96)}.feed-card.ok{background:linear-gradient(90deg,#dcf5d6f7,#fbf3dff7)}.feed-card.ko{background:linear-gradient(90deg,#faded8f7,#fbf3dff7)}.feed-head{justify-content:space-between;gap:6px;font-weight:700;display:flex}.feed-who{color:var(--ink)}.feed-game{color:var(--ink-soft);text-align:right;font-size:11px;font-weight:400}.feed-badge{margin:2px 0;font:700 15px Georgia,serif}.feed-card.ok .feed-badge{color:var(--good)}.feed-card.ko .feed-badge{color:var(--bad)}.feed-text{margin:2px 0 4px}.feed-close{width:22px;height:22px;min-height:0;color:var(--ink);text-shadow:none;background:#0000001f;border:none;border-image:;border-radius:50%;padding:0;font-size:14px;position:absolute;top:2px;right:2px}@keyframes feed-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}.live-row{align-items:center;gap:6px;margin:3px 0;display:flex}.spec-swatch.big{width:34px;height:34px}.spec-swatch.empty{color:#f6ecd6;background:#ffffff1a;justify-content:center;align-items:center;display:inline-flex}.live-arrow{color:#f6ecd6}.live-meter{background:#ffffff26;border-radius:8px;flex:1;height:16px;position:relative;overflow:hidden}.live-meter span{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;line-height:16px;position:absolute;inset:0}.live-fill{height:100%;transition:width .15s}.live-fill.good{background:#4caf50}.live-fill.mid{background:#e0a020}.live-fill.bad{background:#d9534f}.stroop-card{letter-spacing:2px;background:#fff;border:4px solid;border-radius:10px;justify-content:center;align-items:center;height:92px;font:900 40px Trebuchet MS,sans-serif;display:flex}.stroop-card span{text-shadow:0 1px #00000026}.stroop-bar{background:#0000001f;border-radius:3px;height:6px;overflow:hidden}.stroop-fill{background:var(--bad);height:100%;animation-name:stroop-shrink;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes stroop-shrink{0%{width:100%}to{width:0}}.stroop-options{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.stroop-options button{min-height:38px;color:var(--ink);font-size:14px}.lang-word{color:var(--wood);padding:8px 0;font:700 34px Segoe UI,Noto Sans,sans-serif}.feed{gap:4px;width:min(240px,38%)}.feed-card{max-height:30vh;padding:4px 22px 4px 8px;font-size:11px;animation:.35s cubic-bezier(.2,1.4,.4,1) feed-in,14s linear forwards feed-out}.feed-card:hover{animation-play-state:paused;opacity:1!important}.feed-card.old{max-height:12vh}.feed-badge{font-size:13px}.feed-more{display:none}.feed-card:hover .feed-more{display:block}@keyframes feed-out{0%,42%{opacity:1}to{opacity:0}}.stroop-card{aspect-ratio:1;border:4px solid #00000040;border-radius:14px;width:min(190px,60vw);height:min(190px,60vw);margin:4px auto;font-size:38px;box-shadow:inset 0 0 0 6px #ffffff40}.stroop-card span{text-shadow:0 2px #0000002e;background:0 0;border-radius:8px;padding:0;font-size:40px}.mini.coin{background:#b8860b}.live-stroop{border:3px solid #0000004d;border-radius:10px;justify-content:center;align-items:center;width:96px;height:96px;margin:4px auto;font:900 20px Trebuchet MS,sans-serif;display:flex}.coinbadge{color:#5a3d00;background:linear-gradient(#fff3c4,#f3d27a);border:1px solid #b8860b;border-radius:10px;align-items:center;gap:3px;padding:1px 7px 1px 2px;font:700 12px Trebuchet MS,sans-serif;display:inline-flex;box-shadow:0 1px 2px #00000040}.coin-ico{background:radial-gradient(circle at 35% 30%,#fff6c8 0 18%,#ffd54a 19% 55%,#d19a12 56% 100%);border-radius:50%;flex:none;width:15px;height:15px;display:inline-block;box-shadow:inset 0 0 0 2px #b8860b,0 0 4px #ffc83cb3}.coinbadge.bump{animation:.7s ease-out coin-bump}.coinbadge.bump .coin-ico{animation:.7s ease-out coin-spin}@keyframes coin-bump{0%{transform:scale(1)}30%{transform:scale(1.45);box-shadow:0 0 12px #ffd54a}to{transform:scale(1)}}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}.topright{align-items:center}.coins-btn{color:#6b4300;text-shadow:0 1px #fff3c4;cursor:default;border-image-source:url(../ui/buttonLong_beige.png);align-items:center;gap:6px;min-height:38px;padding:0 12px 2px 6px;font:900 20px Trebuchet MS,sans-serif;display:inline-flex;position:relative}.coin-big{background:radial-gradient(circle at 34% 28%,#fffbe0 0 14%,#ffe073 15% 48%,#f2b81b 49% 70%,#c68a0c 71% 100%);border-radius:50%;flex:none;width:28px;height:28px;animation:3s ease-in-out infinite coin-idle;display:inline-block;position:relative;box-shadow:inset 0 0 0 2px #a8740a,inset 0 0 0 5px #ffd54a,0 0 10px #ffcd3cd9}.coin-big:after{content:"";background:#ffffffbf;border-radius:3px;width:5px;height:14px;position:absolute;top:4px;left:9px;transform:rotate(25deg)}@keyframes coin-idle{0%,80%,to{transform:rotateY(0)}90%{transform:rotateY(180deg)}}.coins-btn.gain{animation:.6s cubic-bezier(.2,1.8,.4,1) coins-pop}.coins-btn.gain .coin-big{animation:.6s ease-out coin-flip}.coins-btn.gain .coins-n{color:#b8860b}@keyframes coins-pop{0%{transform:scale(1)}35%{transform:scale(1.3)translateY(-3px)}to{transform:scale(1)}}@keyframes coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(1080deg)}}.coins-burst{pointer-events:none;border-radius:50%;width:10px;height:10px;animation:.7s ease-out forwards coins-burst;position:absolute;top:50%;left:20px;box-shadow:0 0 #ffd750e6}@keyframes coins-burst{to{box-shadow:0 0 0 26px #ffd75000}}