html,body,#root{height:100%}body{margin:0;background:#17181c;color:#e8e2d2;font-family:system-ui,sans-serif;overflow:hidden;overscroll-behavior:none}.table-shell{position:relative;width:100%;height:100%}.table{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.board__bg{fill:#332a1f}.place--room{fill:#e6dcc3}.place--corridor{fill:#d2c6a6}.board__grid{fill:none;stroke:#46321947;stroke-width:.03}.place__wall{fill:none;stroke:#241c12;stroke-width:.14;stroke-linecap:square}.board__frame{fill:none;stroke:#241c12;stroke-width:.14}.tray__panel{fill:#20232b;stroke:#3a3f4c;stroke-width:.05}.staging__spot{fill:none;stroke:#4a5060;stroke-width:.06;stroke-dasharray:.16 .12}.piece{transition:transform .14s ease;cursor:grab}.piece--dragging{transition:none}.piece--ghost{opacity:.75;pointer-events:none}.piece__body{animation:piece-land .2s ease-out}@keyframes piece-land{0%{transform:scale(1.7);opacity:.3}to{transform:scale(1);opacity:1}}.piece__glyph{fill:#f4efe2;font-size:.5px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.hero{stroke:#0000008c;stroke-width:.06}.hero--barbarian{fill:#b03a2e}.hero--dwarf{fill:#c9962e}.hero--elf{fill:#4e7d3a}.hero--wizard{fill:#3f5f9e}.monster{stroke:#0000008c;stroke-width:.06}.monster--goblin{fill:#5e8c3a}.monster--orc{fill:#3e6b2f}.monster--skeleton{fill:#d8cfae}.monster--zombie{fill:#75866b}.monster--fimir{fill:#8a7a2e}.monster--mummy{fill:#bcab7c}.monster--chaos-warrior{fill:#4a4a58}.monster--gargoyle{fill:#33343e}.piece__glyph--small{font-size:.32px}.piece__glyph--dark{fill:#2c2618}.furniture{stroke:#0000008c;stroke-width:.06}.furniture--wood{fill:#7b5a36}.furniture--stone{fill:#767a80}.furniture__label{fill:#f0e8d6;font-size:.32px;font-weight:600;text-anchor:middle;dominant-baseline:central;pointer-events:none}.piece__hit{fill:transparent;stroke:none}.door{fill:#8a5a2a;stroke:#241c12;stroke-width:.05}.door--open{fill:#a8843f}.trap--pit{fill:#221f1a;stroke:#4c463c;stroke-width:.05}.trap__glyph{fill:#b8ad94;font-size:.3px;text-anchor:middle;dominant-baseline:central;pointer-events:none}.trap--blocked{fill:#6a655c;stroke:#38342c;stroke-width:.05}.trap__cross{stroke:#2c2924;stroke-width:.1;stroke-linecap:round;pointer-events:none}.wildcard{fill:#d9c88f;stroke:#7a6428;stroke-width:.06}.wildcard__label{fill:#3a3014;font-size:.24px;font-weight:600;text-anchor:middle;dominant-baseline:central;pointer-events:none}.label-editor{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0e8c}.label-editor__input{font-size:28px;padding:12px 16px;border-radius:10px;border:2px solid #7a6428;background:#efe6c8;color:#2c2618;text-align:center;outline:none;width:min(60vw,420px)}.tray__slot{cursor:grab}.undo{cursor:pointer}.undo__face{fill:#38405a;stroke:#59637f;stroke-width:.05}.undo__label{fill:#e6e9f2;font-size:.44px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.undo--spent .undo__face{fill:#262a36;stroke:#3a3f4c}.undo--spent .undo__label{fill:#6b7180}.new-quest{cursor:pointer}.new-quest__face{fill:none;stroke:#444a5a;stroke-width:.04}.new-quest__label{fill:#8a90a0;font-size:.3px;text-anchor:middle;dominant-baseline:central;pointer-events:none}.confirm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0e99}.confirm__card{background:#23252c;border:1px solid #444a5a;border-radius:14px;padding:24px 28px;max-width:420px;text-align:center}.confirm__title{margin:0 0 8px;font-size:24px;font-weight:700}.confirm__body{margin:0 0 20px;color:#b6bcc8;font-size:16px;line-height:1.4}.confirm__actions{display:flex;gap:12px;justify-content:center}.confirm__cancel,.confirm__hold{font-size:17px;padding:12px 18px;border-radius:10px;border:none;cursor:pointer;touch-action:none}.confirm__cancel{background:#3a4054;color:#e6e9f2}.confirm__hold{position:relative;overflow:hidden;background:#55282a;color:#f0d9d9}.confirm__hold:after{content:"";position:absolute;top:0;right:100%;bottom:0;left:0;background:#c83c3c73}.confirm__hold--holding:after{animation:hold-fuse 1.2s linear forwards}@keyframes hold-fuse{0%{top:0;right:100%;bottom:0;left:0}to{top:0;right:0%;bottom:0;left:0}}.tray__label{fill:#aeb4c2;font-size:.26px;text-anchor:middle;pointer-events:none}.share{cursor:pointer}.share__face{fill:#2c3a33;stroke:#4a6457;stroke-width:.05}.share--live .share__face{fill:#2f4a3c;stroke:#6a9a80}.share__label{fill:#d9e8de;font-size:.4px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.share-card__code{font-family:ui-monospace,monospace;letter-spacing:.18em;color:#9fd9b4}.share-card .qr{width:min(38vh,240px);height:min(38vh,240px);border-radius:10px;margin:4px auto 12px;display:block}.share-card__url{margin:0 0 16px;color:#8a90a0;font-family:ui-monospace,monospace;font-size:13px;word-break:break-all}.share-card__stop{font-size:17px;padding:12px 18px;border-radius:10px;border:none;cursor:pointer;background:#55282a;color:#f0d9d9}.guest{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;box-sizing:border-box;text-align:center;touch-action:manipulation}.guest__title{margin:0;font-size:26px}.guest__hint{margin:0;color:#b6bcc8;font-size:16px;line-height:1.4;max-width:30ch}.guest__code{width:6ch;font-family:ui-monospace,monospace;font-size:34px;letter-spacing:.3em;text-align:center;text-transform:uppercase;padding:10px 0 10px .3em;color:#e8e2d2;background:#20232b;border:1px solid #444a5a;border-radius:10px;outline:none}.guest__code:focus{border-color:#6a9a80}.guest__join{font-size:18px;font-weight:700;padding:14px 26px;border-radius:12px;border:none;cursor:pointer;background:#2f4a3c;color:#d9e8de}.guest__join:disabled{background:#262a36;color:#6b7180}.picker{display:grid;grid-template-columns:repeat(2,minmax(120px,160px));gap:14px}.picker__hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 14px;border:1px solid #444a5a;border-radius:14px;background:#20232b;color:#e8e2d2;font-size:16px;font-weight:700;cursor:pointer}.picker__hero:disabled{opacity:.45;cursor:default}.picker__token{width:64px;height:64px}.picker__taken{position:absolute;top:6px;right:8px;font-size:11px;font-weight:400;color:#8a90a0;text-transform:uppercase;letter-spacing:.08em}.guest--pad{justify-content:flex-start;gap:10px;padding:12px;height:100%}.pad__header{width:100%;max-width:420px;display:flex;align-items:center;justify-content:space-between}.pad__identity{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.pad__token{width:34px;height:34px}.pad__switch{font-size:13px;padding:8px 12px;border-radius:8px;border:1px solid #444a5a;background:none;color:#8a90a0;cursor:pointer}.pad__window{width:100%;max-width:420px;aspect-ratio:1;border-radius:12px;border:1px solid #444a5a;background:#17181c;pointer-events:none;flex-shrink:1;min-height:0}.pad__window--staged{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:20px}.pad__you{fill:none;stroke:#9fd9b4;stroke-width:.09;stroke-dasharray:.22 .14;pointer-events:none}.pad__arrows{display:grid;grid-template-columns:repeat(3,84px);grid-template-rows:repeat(2,84px);gap:10px;margin-top:auto;padding-bottom:10px}.pad__arrows--idle{opacity:.35;pointer-events:none}.pad__arrow{font-size:34px;border-radius:16px;border:1px solid #4a6457;background:#2c3a33;color:#d9e8de;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.pad__arrow:active{background:#3c5a48}.pad__arrow--up{grid-column:2;grid-row:1}.pad__arrow--left{grid-column:1;grid-row:2}.pad__arrow--down{grid-column:2;grid-row:2}.pad__arrow--right{grid-column:3;grid-row:2}.pad__banner{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#55282a;color:#f0d9d9;font-size:14px;padding:8px 16px;border-radius:999px}.spectator{width:100%;height:100%}.spectator__view{display:block;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none}