.panel{box-sizing:border-box;color:#dbe8ff;-webkit-user-select:none;user-select:none;background:#0a0e16e0;border-left:1px solid #2a3a52;flex-direction:column;gap:12px;width:clamp(200px,22vw,300px);padding:16px;font:15px/1.35 system-ui,sans-serif;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.panel__players{flex-direction:column;gap:6px;display:flex}.panel__player{background:#ffffff0a;border:2px solid #0000;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 8px;padding:8px 10px;display:flex}.panel__player--active{border-color:var(--player-color);background:#ffffff17}.panel__player-name{color:var(--player-color);font-weight:700}.panel__player-stats{font-variant-numeric:tabular-nums}.panel__label{opacity:.7;font-size:13px}.panel__tile{align-self:center;width:112px;height:112px;transition:transform .15s ease-out;position:relative}.panel__tile-img{width:100%;height:100%;display:block}.panel__tile-items{pointer-events:none;position:absolute;inset:0}.panel__item-crystal,.panel__item-x2{position:absolute;transform:translate(-50%,-50%)}.panel__item-crystal{background:var(--crystal-color);border:2px solid #0b0f17;width:12px;height:12px;margin-top:-9px;margin-left:11px;transform:translate(-50%,-50%)rotate(45deg)}.panel__item-x2{color:#1a1200;transform:translate(-50%, -50%) rotate(calc(-1 * var(--tile-angle,0deg)));background:#ffd166;border-radius:3px;margin-top:-9px;margin-left:-12px;padding:0 3px;font:700 10px/1.3 system-ui,sans-serif}.panel__crystals{font-variant-numeric:tabular-nums;gap:6px;display:flex}.panel__crystals:empty{display:none}.panel__crystal:before{content:"";background:var(--crystal-color);width:8px;height:8px;margin-right:3px;display:inline-block;transform:rotate(45deg)}.panel__hint{text-align:center;opacity:.85;min-height:1.4em}.panel__notice{color:#ffe3a3;background:#ffc44a24;border:1px solid #ffc44a99;border-radius:8px;padding:10px}.panel__buttons{flex-direction:column;gap:10px;margin-top:auto;display:flex}.panel__version{text-align:center;opacity:.35;font-variant-numeric:tabular-nums;flex-shrink:0;margin-top:-4px;font-size:10px}.panel__button{color:#0b0f17;cursor:pointer;touch-action:manipulation;background:#9fd4ff;border:none;border-radius:10px;min-height:52px;font:600 17px system-ui,sans-serif}.panel__button--primary{background:#5be37d}.panel__button--selected{background:#ffd166;box-shadow:inset 0 0 0 3px #fff}.panel__button:disabled{opacity:.35;cursor:default}.fx{pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx>*{will-change:transform, opacity;position:absolute;top:0;left:0}.fx__points{text-shadow:0 0 12px,0 2px 4px #000;white-space:nowrap;font:800 42px/1 system-ui,sans-serif}.fx__dot{box-sizing:border-box;border:3px solid #0b0f17;border-radius:50%}.fx__banner{border:3px solid var(--player-color);box-shadow:0 0 32px var(--player-color);color:var(--player-color);white-space:nowrap;background:#0a0e16e6;border-radius:14px;padding:18px 40px;font:800 40px/1.1 system-ui,sans-serif}.panel__player--turn-start{animation:.9s ease-out turn-start}@keyframes turn-start{0%{box-shadow:0 0 0 0 var(--player-color)}40%{box-shadow:0 0 22px 4px var(--player-color)}to{box-shadow:0 0 #0000}}.panel__player-stats .bump{animation:.35s ease-out bump;display:inline-block}@keyframes bump{50%{transform:scale(1.5)}}.gameover{background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gameover__box{box-sizing:border-box;color:#dbe8ff;text-align:center;-webkit-user-select:none;user-select:none;background:#121a28;border:1px solid #2a3a52;border-radius:12px;flex-direction:column;gap:12px;min-width:320px;max-width:min(560px,92vw);max-height:92vh;padding:24px;font:16px/1.5 system-ui,sans-serif;display:flex;overflow-y:auto}.gameover__heading{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:14px}.gameover__title{font-size:28px;font-weight:800}.gameover__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.gameover__table th{opacity:.7;padding:4px 8px;font-size:13px;font-weight:600}.gameover__table td{border-top:1px solid #2a3a52;padding:8px;font-weight:600}.gameover__row--first td{background:#ffffff0f}.gameover__hint{opacity:.7;font-size:13px}.gameover__label{opacity:.7;margin-top:4px;font-size:13px}.gameover__choices{gap:10px;display:flex}.gameover__choices>*{flex:1}.gameover__opponents{flex-wrap:wrap}.gameover__opponents>*{min-width:96px;font-size:15px}.gameover__results{gap:inherit;flex-direction:column;display:flex}.gameover__reopen{padding:0 20px;position:fixed;bottom:16px;left:16px;box-shadow:0 4px 16px #00000080}.tile-actions{pointer-events:none;z-index:10;position:fixed;inset:0}.tile-action{pointer-events:auto;color:#0b0f17;cursor:pointer;touch-action:manipulation;border:3px solid #0b0f17;border-radius:50%;padding:0;font-weight:800;line-height:1;position:absolute;top:0;left:0;box-shadow:0 3px 10px #00000080}.tile-action--confirm{background:#5be37d}.tile-action--cancel{background:#ff7a7a}.tile-action--rotate{background:#9fd4ff}.tile-action:disabled{opacity:.3;cursor:default}@media (height<=400px){.panel{gap:6px;padding:8px;font-size:12px;line-height:1.25}.panel__player{border-width:1px;padding:4px 6px}.panel__players{gap:4px}.panel__label{font-size:11px}.panel__tile{width:56px;height:56px}.panel__hint{flex-shrink:1;min-height:0;max-height:3.8em;font-size:11px;overflow-y:auto}.panel__notice{flex-shrink:1;max-height:4em;padding:4px 6px;font-size:11px;overflow-y:auto}.panel__buttons{flex-shrink:0;gap:6px}.panel__button{min-height:36px;font-size:14px}}.panel__middle{flex-direction:column;align-items:center;gap:8px;margin-block:auto;display:flex}.panel__rotate{border-radius:50%;flex-shrink:0;order:-1;width:84px;height:84px;min-height:0;padding:0;font-size:44px;line-height:1;box-shadow:0 4px 14px #00000073}@media (height<=400px){.panel__rotate{width:56px;height:56px;font-size:30px}.panel__middle{gap:4px}.panel{scrollbar-width:none}.panel::-webkit-scrollbar{display:none}}.hidden{display:none!important}.bot-pointer{z-index:50;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.bot-pointer--mouse svg{filter:drop-shadow(0 2px 3px #00000080);display:block}.bot-pointer--mouse:after{content:"";border:3px solid var(--bot-color);opacity:0;border-radius:50%;width:28px;height:28px;transition:opacity .12s,transform .12s;position:absolute;top:-14px;left:-14px;transform:scale(.4)}.bot-pointer--mouse.bot-pointer--down:after{opacity:.8;transform:scale(1)}.bot-pointer--finger:before{content:"";background:var(--bot-color);opacity:.35;border-radius:50%;width:44px;height:44px;transition:opacity .1s,transform .1s;position:absolute;top:-22px;left:-22px;box-shadow:0 0 0 3px #ffffffb3,0 4px 10px #0006}.bot-pointer--finger.bot-pointer--down:before{opacity:.7;transform:scale(.82)}.tile-actions--passive .tile-action,.panel--passive .panel__button{pointer-events:none}.panel__menu{min-height:36px;color:inherit;background:#ffffff1f;align-self:flex-end;padding:0 12px;font-size:14px}.panel--passive .panel__menu{pointer-events:auto}.confirm{z-index:100}:root{--menu-bg:#05080f;--menu-fg:#dbe8ff;--menu-accent:#4de1ff}:root[data-theme=light]{--menu-bg:#c9d4da;--menu-fg:#14202b;--menu-accent:#1f8f78}.menu{z-index:90;box-sizing:border-box;background:var(--menu-bg);color:var(--menu-fg);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:16px;font:16px/1.4 system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.menu__logo{letter-spacing:.18em;color:var(--menu-accent);font-size:clamp(40px,9vh,88px);font-weight:900}.menu__page,.menu__group{flex-direction:column;gap:12px;width:min(420px,92vw);display:flex}.menu__title{text-align:center;font-size:22px;font-weight:800}.menu__actions{gap:10px;margin-top:8px;display:flex}.menu__actions>*{flex:1}.menu__soon{position:relative}.menu__soon-tag{background:#00000040;border-radius:6px;margin-left:8px;padding:1px 6px;font-size:12px}.menu__version{opacity:.5;font-variant-numeric:tabular-nums;font-size:11px;position:absolute;bottom:8px}