:root{color-scheme:dark;--night: #14152b;--dusk: #232a5c;--plum: #3a2f4a;--violet: #7a5a8e;--apricot: #f0a878;--gold: #d7b77c;--ink: #f5ead8;--muted: #c4b39a;--danger: #ff7a5a;--cue: #9ff2ff;--can: #7fe08f;--f-name: "Alegreya", Georgia, serif;--f-display: "Cormorant Garamond", Georgia, serif;--f-ui: "Alegreya Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px);--card-h: clamp(88px, 25vh, 210px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--night);color:var(--ink);font:400 16px/1.45 var(--f-ui);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--apricot);outline-offset:2px}#board{position:fixed;inset:0;width:100%;height:100%;display:block}#board{opacity:0;transition:opacity .7s ease}#board.board-on{opacity:1}body[data-screen=lobby] #board{filter:blur(4px) brightness(.55)}#app{position:fixed;inset:0;pointer-events:none}#app>*,#app .modal,#app .odo{pointer-events:auto}#app>#g-guide,#app>#g-modal,#app>#g-banner{pointer-events:none}#app>#g-guide>*,#app>#g-modal>*{pointer-events:auto}#app>#g-modal>.waiting{pointer-events:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 48%,transparent 58%,#0a0918b0 100%);mix-blend-mode:soft-light;opacity:.55}#app{z-index:2}:where(button:not(.slot-card):not(.deck):not(.essence):not(.ghost):not(.endturn)){border:1px solid #f2dcae55;border-radius:999px;padding:10px 18px;background:#2a2f55;font-weight:500}button:disabled{opacity:.5;cursor:default;box-shadow:none}input{font:inherit;color:var(--ink);background:#1c1f3e;border:1px solid #f2dcae44;border-radius:12px;padding:12px 14px;width:100%;user-select:text}.dots{display:flex;gap:4px}.dots i,.pips i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c)}.plate{display:flex;align-items:center;gap:10px;padding:4px 12px;border-radius:999px;background:#1c1f3ecc;box-shadow:0 0 0 1px #f2dcae22;min-width:0}.plate b{font:700 17px/1.1 var(--f-name);white-space:nowrap}.plate small{color:var(--muted);font-size:12px;white-space:nowrap}.gem{width:11px;height:14px;clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%);background:linear-gradient(160deg,#fff8,transparent 60%),var(--c)}.gem.used{opacity:.22}.gem.big{width:30px;height:36px}.reserve{display:flex;gap:3px}.res{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--gold)}.res.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.hand{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;justify-content:center;align-items:flex-end;height:calc(var(--card-h) * .78 + var(--sb));width:min(66vw,calc(var(--card-h) * .6 * var(--n, 5) + 80px))}.hand .slot-card{--w: calc(var(--card-h) * 5 / 7);position:relative;margin-inline:calc(var(--w) * -.16);padding:0;border:0;background:none;touch-action:none;transform:translateY(40%) rotate(calc(var(--off) * 2.2deg));transform-origin:50% 120%;transition:transform .16s ease,filter .16s;z-index:1}.hand .slot-card.on{transform:translateY(8%) scale(1.12);z-index:5}@media(hover:hover)and (pointer:fine){.hand .slot-card:hover{transform:translateY(-12%) scale(1.8);z-index:20}}body.dragging .hand .slot-card.on{opacity:.35}.slot-card{padding:0;border:0;background:none}.cue{animation:cue 1.2s ease-in-out infinite}.hand .slot-card.cue{z-index:6}.hand .slot-card.cue .card{box-shadow:0 0 0 3px var(--cue),0 0 22px var(--cue)}@keyframes cue{50%{filter:brightness(1.25)}}.hand-ghost{position:fixed;left:0;top:0;z-index:40;pointer-events:none;animation:ghost 2.2s ease-in-out infinite}.hand-ghost i{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,#ffffff 0 22%,#9ff2ffcc 30%,transparent 70%);box-shadow:0 0 0 3px #9ff2ff,0 0 20px #9ff2ff}.hand-ghost.tap{animation:ghost-tap 1.2s ease-in-out infinite}@keyframes ghost{0%{transform:translate(var(--x0),var(--y0)) scale(1.3);opacity:0}12%{transform:translate(var(--x0),var(--y0)) scale(1);opacity:1}70%{transform:translate(var(--x1),var(--y1)) scale(1);opacity:1}85%,to{transform:translate(var(--x1),var(--y1)) scale(1.4);opacity:0}}@keyframes ghost-tap{0%,to{transform:translate(var(--x0),var(--y0)) scale(1);opacity:.9}50%{transform:translate(var(--x0),var(--y0)) scale(.7);opacity:1}}.rotate{display:none}@media(orientation:portrait)and (pointer:coarse){body[data-screen=game] .rotate{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:18px;padding:24px;text-align:center;background:var(--night);font:600 24px/1.3 var(--f-display)}.rotate i{width:56px;height:92px;border-radius:10px;border:3px solid var(--gold);animation:turn 2s ease-in-out infinite}}@keyframes turn{30%,70%{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){:root:not(.moving) *,:root:not(.moving) *:before,:root:not(.moving) *:after{animation-duration:.01ms!important;transition:none!important}}.right{display:grid;align-content:start;justify-items:center;gap:16px}.hand .slot-card .card{transition:transform .16s ease;transform-origin:50% 120%}@media(hover:hover)and (pointer:fine){.hand .slot-card:hover{transform:translateY(40%) rotate(calc(var(--off) * 2.2deg));z-index:20}.hand .slot-card.on:hover{transform:translateY(8%) scale(1.12)}.hand .slot-card:not(.on):hover .card{transform:translateY(-52%) rotate(calc(var(--off) * -2.2deg)) scale(1.8)}}#g-hand.cue .slot-card .card{box-shadow:0 0 0 3px var(--cue),0 0 18px var(--cue)}[data-tip]{cursor:help}.hand-gloss{position:fixed;z-index:30;width:min(260px,40vw);pointer-events:none}.hand-gloss .glossary{margin:0}:root{--f-display: "IM Fell English SC", "IM Fell English", Georgia, serif;--f-sc: "Alegreya Sans SC", "Alegreya Sans", system-ui, sans-serif;--paper: #ecdfc2;--paper-hi: #f8eed6;--ink-d: #2a1c10;--ink-2d: #6a5741;--ember: #a63a22;--brass: #b08a50;--wood: #241408}.gem{width:12px;height:17px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,#ffffffc0 0 16%,transparent 38%),linear-gradient(315deg,#0000005a 0 26%,transparent 50%),var(--c)}.gem.big{width:34px;height:46px}.plate{border-radius:12px;background:linear-gradient(180deg,#2a2036f2,#15111ef2);box-shadow:0 0 0 1px #c9a86a,0 0 0 3px var(--wood),0 8px 18px #000a}@media(hover:hover)and (pointer:fine){.hand .slot-card:not(.on):hover .card{transform:translateY(-16%) rotate(calc(var(--off) * -2.2deg)) scale(1.06)}}.decklist{margin-top:14px}.decklist h3 small{font:400 12px/1 var(--f-ui);color:var(--muted);letter-spacing:0}.decklist ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.decklist li{position:relative;display:grid;grid-template-columns:24px 26px 1fr auto;align-items:center;gap:6px;height:28px;padding:0 8px 0 2px;border-radius:4px;cursor:help;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 45%,#1a120c),#1a120cdd 70%);box-shadow:inset 0 0 0 1px #c9a86a55}.decklist li:hover{box-shadow:inset 0 0 0 1px #ffd27a}.dl-cost{width:22px;height:24px;display:grid;place-items:center;font:800 13px/1 var(--f-ui);color:#0d1a33;clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%);background:linear-gradient(160deg,#f6fbff,#a9d1f0 42%,#4f7fb8)}.dl-art{width:26px;height:22px;border-radius:3px;background-size:cover;background-position:center;box-shadow:0 0 0 1px #000a}.dl-name{font:600 13px/1 var(--f-name);color:#f3e6cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-n{font:700 12px/1 var(--f-ui);color:#e8c88a}@media(max-height:520px){.decklist ul{grid-template-columns:1fr}.decklist li{height:24px}}@keyframes breathe{50%{opacity:.5}}@media(max-height:520px){.decklist{margin-top:8px}}:root{--walnut: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNjAiIGhlaWdodD0iMzYwIiB2aWV3Qm94PSIwIDAgMzYwIDM2MCI+CiAgPCEtLSBXYWxudXQsIGFzIGluIE9kbydzIGJveDogbG9uZyBncmFpbiB3aXRoIHJlbGllZiBhbmQgYSBzb2Z0IHNoZWVuLiBUaWxlcyBzZWFtbGVzc2x5IChzdGl0Y2hUaWxlcykuIC0tPgogIDxmaWx0ZXIgaWQ9InciIHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICA8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjAwNSAuMTIiIG51bU9jdGF2ZXM9IjQiIHNlZWQ9IjQiIHN0aXRjaFRpbGVzPSJzdGl0Y2giIHJlc3VsdD0ibiIvPgogICAgPGZlQ29sb3JNYXRyaXggaW49Im4iIHR5cGU9Imx1bWluYW5jZVRvQWxwaGEiIHJlc3VsdD0ibCIvPgogICAgPGZlQ29tcG9uZW50VHJhbnNmZXIgaW49ImwiIHJlc3VsdD0iYmFuZHMiPjxmZUZ1bmNBIHR5cGU9InRhYmxlIiB0YWJsZVZhbHVlcz0iMCAuMDUgLjUgLjEgMCAuMyAuNyAuMTUgMCIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj4KICAgIDxmZUZsb29kIGZsb29kLWNvbG9yPSIjMTQwODAyIiBmbG9vZC1vcGFjaXR5PSIuNyIvPjxmZUNvbXBvc2l0ZSBpbjI9ImJhbmRzIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0ic3QiLz4KICAgIDxmZURpZmZ1c2VMaWdodGluZyBpbj0ibiIgc3VyZmFjZVNjYWxlPSIxLjgiIGRpZmZ1c2VDb25zdGFudD0iMS4xOCIgbGlnaHRpbmctY29sb3I9IiNmZmYiIHJlc3VsdD0ibGl0Ij48ZmVEaXN0YW50TGlnaHQgYXppbXV0aD0iMjQwIiBlbGV2YXRpb249IjU4Ii8+PC9mZURpZmZ1c2VMaWdodGluZz4KICAgIDxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImxpdCIgbW9kZT0ibXVsdGlwbHkiIHJlc3VsdD0iYiIvPgogICAgPGZlU3BlY3VsYXJMaWdodGluZyBpbj0ibiIgc3VyZmFjZVNjYWxlPSIxLjgiIHNwZWN1bGFyQ29uc3RhbnQ9Ii4yMiIgc3BlY3VsYXJFeHBvbmVudD0iMTQiIGxpZ2h0aW5nLWNvbG9yPSIjZmZmNGUwIiByZXN1bHQ9InNwIj48ZmVEaXN0YW50TGlnaHQgYXppbXV0aD0iMjQwIiBlbGV2YXRpb249IjQ2Ii8+PC9mZVNwZWN1bGFyTGlnaHRpbmc+CiAgICA8ZmVDb21wb3NpdGUgaW49InNwIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0ic3AyIi8+CiAgICA8ZmVNZXJnZT48ZmVNZXJnZU5vZGUgaW49ImIiLz48ZmVNZXJnZU5vZGUgaW49InN0Ii8+PGZlTWVyZ2VOb2RlIGluPSJzcDIiLz48L2ZlTWVyZ2U+CiAgPC9maWx0ZXI+CiAgPHJlY3Qgd2lkdGg9IjM2MCIgaGVpZ2h0PSIzNjAiIGZpbGw9IiM1ZTM4MjAiIGZpbHRlcj0idXJsKCN3KSIvPgo8L3N2Zz4K);--velvet: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='320'%20viewBox='0%200%20320%20320'%3e%3c!--%20Dusk-violet%20velvet%20(the%20colour%20of%20the%20misty%20evening):%20soft%20pile,%20a%20little%20crushed.%20Tiles%20seamlessly.%20--%3e%3cfilter%20id='v'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%20color-interpolation-filters='sRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.02%20.035'%20numOctaves='4'%20seed='2'%20stitchTiles='stitch'%20result='n'/%3e%3cfeColorMatrix%20in='n'%20type='luminanceToAlpha'%20result='l'/%3e%3cfeComponentTransfer%20in='l'%20result='bands'%3e%3cfeFuncA%20type='table'%20tableValues='0%20.1%20.35%20.1%20.45%20.15%200'/%3e%3c/feComponentTransfer%3e%3cfeFlood%20flood-color='%23000'%20flood-opacity='.4'/%3e%3cfeComposite%20in2='bands'%20operator='in'%20result='st'/%3e%3cfeDiffuseLighting%20in='n'%20surfaceScale='1.1'%20diffuseConstant='1.16'%20lighting-color='%23fff'%20result='lit'%3e%3cfeDistantLight%20azimuth='240'%20elevation='60'/%3e%3c/feDiffuseLighting%3e%3cfeBlend%20in='SourceGraphic'%20in2='lit'%20mode='multiply'%20result='b'/%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.9'%20numOctaves='2'%20seed='7'%20stitchTiles='stitch'%20result='f'/%3e%3cfeColorMatrix%20in='f'%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%20.07%200'%20result='pile'/%3e%3cfeMerge%3e%3cfeMergeNode%20in='b'/%3e%3cfeMergeNode%20in='st'/%3e%3cfeMergeNode%20in='pile'/%3e%3c/feMerge%3e%3c/filter%3e%3crect%20width='320'%20height='320'%20fill='%232a2246'%20filter='url(%23v)'/%3e%3c/svg%3e");--ivory: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%3e%3c!--%20Ivory%20card%20stock%20for%20slips,%20notes%20and%20the%20text%20of%20cards:%20faint%20mottling%20and%20fibre.%20Tiles%20seamlessly.%20--%3e%3cfilter%20id='p'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%20color-interpolation-filters='sRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.035'%20numOctaves='5'%20seed='31'%20stitchTiles='stitch'%20result='n'/%3e%3cfeColorMatrix%20in='n'%20type='luminanceToAlpha'%20result='l'/%3e%3cfeComponentTransfer%20in='l'%20result='bands'%3e%3cfeFuncA%20type='table'%20tableValues='0%20.2%20.05%20.3%200%20.15'/%3e%3c/feComponentTransfer%3e%3cfeFlood%20flood-color='%237a5a30'%20flood-opacity='.12'/%3e%3cfeComposite%20in2='bands'%20operator='in'%20result='st'/%3e%3cfeDiffuseLighting%20in='n'%20surfaceScale='.8'%20diffuseConstant='1.14'%20lighting-color='%23fff'%20result='lit'%3e%3cfeDistantLight%20azimuth='240'%20elevation='62'/%3e%3c/feDiffuseLighting%3e%3cfeBlend%20in='SourceGraphic'%20in2='lit'%20mode='multiply'%20result='b'/%3e%3cfeMerge%3e%3cfeMergeNode%20in='b'/%3e%3cfeMergeNode%20in='st'/%3e%3c/feMerge%3e%3c/filter%3e%3crect%20width='300'%20height='300'%20fill='%23f2e6c8'%20filter='url(%23p)'/%3e%3c/svg%3e");--brass: linear-gradient(160deg, #fff0c4 0%, #e2b45e 20%, #a87430 48%, #d9a84c 70%, #7a4c14 100%);--brass-flat: linear-gradient(180deg, #f2d48a, #c8933e 55%, #8a5a1c);--leaf: #e2b766;--lamp: #ffcf7a;--dusk: #1c1832;--engrave: #3a2208;--f-title: "IM Fell English SC", "IM Fell English", Georgia, serif;--f-text: "EB Garamond", Georgia, serif;--f-num: "Libre Caslon Text", Georgia, serif}.decklist li{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 30%,#1a1430),#1a1430dd 70%);box-shadow:inset 0 0 0 1px #e2b76640}.dl-name{font-family:var(--f-text);font-size:15px}.gem.jg{width:18px;height:18px;clip-path:none;background:none;box-shadow:none;display:inline-block}.gem.jg svg{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 1.5px #000c)}.gem.jg.big{width:44px;height:44px}.reveal{position:fixed;z-index:40;left:calc(18px + var(--sl));top:50%;translate:0 -50%;display:grid;justify-items:center;gap:8px;pointer-events:none;--w: clamp(150px, 30vh, 230px);animation:rv-in .32s cubic-bezier(.2,.9,.3,1.15);filter:drop-shadow(0 18px 26px #000c)}.reveal.right{left:auto;right:calc(18px + var(--sr))}.reveal.out{opacity:0;translate:-30px -50%;transition:opacity .25s ease-in,translate .25s ease-in}.reveal.right.out{translate:30px -50%}.reveal .rv-cap{display:grid;justify-items:center;gap:3px;max-width:calc(var(--w) + 60px);padding:7px 18px 6px;border-radius:10px;text-align:center;background:var(--brass);box-shadow:inset 0 1px #fff8,inset 0 -2px 3px #5a360860,0 0 0 1.5px #3a2208,0 6px 14px #000a}.reveal.by-foe .rv-cap{background:linear-gradient(160deg,#f6f4fa,#c4bed4 30%,#8a84a0 60%,#d4cee2);box-shadow:inset 0 1px #fff,inset 0 -2px 3px #3a345060,0 0 0 1.5px #2a2438,0 6px 14px #000a}.reveal .rv-cap b{font:400 21px/1.05 var(--f-title);letter-spacing:.03em;color:var(--engrave);text-shadow:0 1px 0 #fff2c899}.reveal.by-foe .rv-cap b{color:#241e34;text-shadow:0 1px 0 #ffffffaa}.reveal .rv-cap small{font:italic 400 14px/1.25 var(--f-text);color:#3a2a1a}.reveal.by-foe .rv-cap small{color:#2e2a3c}.reveal .rv-card .card{box-shadow:0 0 0 1.5px #120804,0 0 40px color-mix(in srgb,var(--c) 55%,transparent),0 10px 24px #000c}@keyframes rv-in{0%{opacity:0;translate:-40px -50%;scale:.85}}@media(max-height:520px){.reveal{--w: clamp(108px, 34vh, 140px);gap:5px}.reveal .rv-cap b{font-size:16px}.reveal .rv-cap small{font-size:12px}}@media(prefers-reduced-motion:reduce){.reveal{animation:none}}.decklist{margin-top:12px}.decklist ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 8px}.decklist li{height:25px;grid-template-columns:22px 24px 1fr auto;gap:5px}.dl-name{font:400 13px/1 var(--f-text)}@media(max-height:520px){.decklist ul{grid-template-columns:repeat(2,minmax(0,1fr))}.decklist li{height:21px}}.dl-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reveal{--w: clamp(130px, 24vh, 190px)}@media(max-height:520px){.decklist{margin-top:6px}.decklist h3{margin-bottom:3px}.decklist ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 5px}.decklist li{height:19px;grid-template-columns:17px 1fr auto;gap:4px;padding-right:5px}.decklist .dl-art{display:none}.dl-cost{width:17px;height:18px;font-size:10.5px}.dl-name{font-size:11px}.dl-n{font-size:10px}}.drempels{position:absolute;left:calc(12px + var(--sl));top:0;bottom:0;width:0;z-index:3;pointer-events:none}.drempels .dr-side{position:absolute;left:0;display:grid;gap:6px;pointer-events:auto}.drempels .dr-foe{bottom:calc(50% + 34px)}.drempels .dr-me{top:calc(50% + 6px)}.drempels .dr{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:999px;background:#0c0a18d8;box-shadow:inset 0 1px 4px #000c,0 0 0 1px #e2b76633;transition:box-shadow .3s,background .3s}.drempels .dr .gem{width:30px;height:30px;display:grid;place-items:center}.drempels .dr .gem svg{width:28px;height:28px}.drempels .pips{display:flex;gap:3px}.drempels .pips i{width:8px;height:8px;border-radius:50%;background:#2a2438;box-shadow:inset 0 1px 1px #000}.drempels .pips i.mark{width:11px;height:11px;outline:1px solid #e2b76666}.drempels .pips i.on{background:var(--c);box-shadow:0 0 6px var(--c)}.drempels .dr.t1{box-shadow:inset 0 1px 4px #000c,0 0 0 1.5px var(--c),0 0 14px color-mix(in srgb,var(--c) 45%,transparent)}.drempels .dr.t2{background:color-mix(in srgb,var(--c) 22%,#0c0a18);box-shadow:inset 0 1px #fff4,0 0 0 2px var(--c),0 0 24px var(--c)}.drempels .dr.up{animation:dr-flare .9s ease-out}@keyframes dr-flare{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.25);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.drempels .dr.up{animation:none}}body:not([data-screen=game]) .drempels{display:none}body.aiming #g-hand{translate:0 62%;opacity:.55;pointer-events:none;transition:translate .25s,opacity .25s}#g-hand .slot-card.drawn .card{animation:draw-fly .95s cubic-bezier(.35,.1,.25,1) both;animation-delay:var(--fd, 0ms)}#g-hand .slot-card.drawn .card:before{content:"";position:absolute;inset:0;z-index:9;border-radius:inherit;pointer-events:none;background:var(--card-back);animation:draw-face .95s linear both;animation-delay:var(--fd, 0ms)}@keyframes draw-fly{0%{transform:perspective(900px) translate(var(--fx),var(--fy)) rotateY(180deg) rotate(-8deg) scale(.42)}22%{transform:perspective(900px) translate(calc(var(--fx) * .9),calc(var(--fy) * .9 - 46px)) rotateY(180deg) rotate(-10deg) scale(.55)}62%{transform:perspective(900px) translate(calc(var(--fx) * .3),calc(var(--fy) * .3 - 70px)) rotateY(0) rotate(4deg) scale(.95)}84%{transform:perspective(900px) translateY(-8px) rotateY(0) rotate(-1deg) scale(1.04)}to{transform:perspective(900px) translate(0) rotateY(0) rotate(0) scale(1)}}@keyframes draw-face{0%,41.9%{opacity:1}42%,to{opacity:0}}@media(prefers-reduced-motion:reduce){#g-hand .slot-card.drawn .card,#g-hand .slot-card.drawn .card:before{animation-duration:.01s}}@font-face{font-family:IM Fell English SC;font-style:normal;font-weight:400;font-display:swap;size-adjust:102%;src:url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format("woff2");unicode-range:U+005A,U+007A}:root{--k-f-title: "IM Fell English SC", "EB Garamond", Georgia, serif;--k-f-text: "EB Garamond", Georgia, serif;--k-f-num: "EB Garamond", Georgia, serif;--k-brass-hi: #f4e0a8;--k-brass: #d4a65e;--k-brass-mid: #906232;--k-brass-lo: #4a2e12;--k-brass-flat: #b48e52;--k-gold: #e2b46c;--k-brass-grad: linear-gradient(180deg, #e6cc94 0%, #bf9658 30%, #86602f 72%, #6a4822 100%);--k-brass-lit-grad: linear-gradient(180deg, #f6e2b0 0%, #dcb470 30%, #a87c3c 72%, #86602a 100%);--k-brass-side: linear-gradient(90deg, #6a4822 0%, #bf9658 24%, #e2c690 42%, #bf9658 60%, #86602f 100%);--k-brass-bead: radial-gradient(circle at 38% 32%, #f2dcaa, #d2aa68 40%, #92693a 76%, #5e4020);--k-brass-bead-lit: radial-gradient(circle at 38% 32%, #fbecc6, #e8c27c 38%, #b48448 74%, #74501e);--k-gold-grad: linear-gradient(180deg, #f6e6c0 0%, #dcbc82 55%, #b48e58 100%);--k-amber-hi: #ffd890;--k-amber: #ffb35a;--k-ember: #e0842e;--k-amber-deep: #c0581c;--k-walnut-ink: #160d04;--k-walnut-dark: #26150a;--k-walnut-mid: #3e2614;--k-night: #060a16;--k-night-2: #121a30;--k-violet: #33204a;--k-violet-2: #1e1134;--k-violet-3: #0c0516;--k-parch: #ecdcb6;--k-parch-lo: #c4a26a;--k-ink: #170904;--k-ink-red: #5e1c12;--k-cream: #fbe8c0;--k-cream-num: #fff6e4;--k-label-gold: #e4c27c;--k-text-light: #f2ecdf;--k-sapphire: #2058c8;--k-ruby: #d42234;--k-focus: #ffd890;--k-shadow: drop-shadow(1px 5px 9px #0009);--k-shadow-sm: drop-shadow(.5px 2px 4px #0008);--k-shadow-box: 3px 16px 34px -8px #000a, 0 3px 12px #0006;--k-shadow-chip: 1px 4px 9px #0008;--k-glow-amber: drop-shadow(0 0 16px #ff9a3a40);--k-glow-amber-hi: drop-shadow(0 0 20px #ff9a3a88);--k-speckle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 .9  0 0 0 0 .76  .26 0 0 0 -.1'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 180px 180px;--k-speckle-fine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 .9  0 0 0 0 .76  .17 0 0 0 -.065'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 180px 180px;--k-grain: none;--k-grain-fine: none;--k-wood-tex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='230'%3E%3Crect width='230' height='230' fill='%23fff3e2' fill-opacity='.032'/%3E%3Cfilter id='p' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55 .7' numOctaves='2' seed='29' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .05  0 0 0 0 .025  0 0 0 0 .01  -2 0 0 0 .7'/%3E%3C/filter%3E%3Crect width='230' height='230' filter='url(%23p)'/%3E%3C/svg%3E") 0 0 / 230px 230px;--k-paper-tex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='f' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.09 .2' numOctaves='3' seed='13' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45  0 0 0 0 .3  0 0 0 0 .14  -.3 0 0 0 .17'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23f)'/%3E%3C/svg%3E") 0 0 / 260px 260px;--k-lamp: radial-gradient(ellipse 95% 80% at 10% 0%, #ffc47a24, transparent 72%) border-box no-repeat, var(--k-wood-tex), linear-gradient(160deg, #ffffff06, transparent 40%, transparent 62%, #04020844) border-box no-repeat;--k-lamp-blend: normal, normal, normal;--k-sheen: linear-gradient(125deg, #dce6ff12 0, #dce6ff00 46%);--k-sheen-warm: linear-gradient(112deg, #fff8e024 0, #fff8e000 42%);--k-night-fill: linear-gradient(180deg, rgba(17, 24, 48, .86), rgba(9, 13, 28, .93));--k-night-solid: linear-gradient(180deg, #10172e, #080c1a);--k-night-field: var(--k-sheen), var(--k-grain), var(--k-glass, none) center / 300px 200px, var(--k-night-fill);--k-night-glass: var(--k-sheen), radial-gradient(ellipse 85% 60% at 50% 114%, #ff9a3a30, transparent 74%), var(--k-grain), var(--k-glass, none) center / 300px 200px, linear-gradient(180deg, rgba(20, 28, 54, .5), rgba(12, 17, 36, .68));--k-night-blur: blur(7px) saturate(1.1) brightness(.8);--k-lit-glass: var(--k-sheen-warm), var(--k-glass, none) center / 300px 200px, radial-gradient(ellipse 64% 128% at 50% 60%, #fff0cc 0%, #ffd690 22%, #f0a654 50%, #c86a2c 80%, #7a3a16 100%);--k-shade-hi: #060a18cc;--k-shade-mid: #060a188c;--k-scrim: radial-gradient(ellipse 80% 70% at 50% 50%, #060a1866, #050814b0);--k-num-shadow: .0625em 0 0 #120804, -.0625em 0 0 #120804, 0 .0625em 0 #120804, 0 -.0625em 0 #120804, .042em .042em 0 #120804, -.042em .042em 0 #120804, .042em -.042em 0 #120804, -.042em -.042em 0 #120804, .02em .083em .125em #000, 0 0 .42em #000a;--k-label-shadow: .065em 0 0 #160a04, -.065em 0 0 #160a04, 0 .065em 0 #160a04, 0 -.065em 0 #160a04, .065em .065em 0 #160a04, -.065em .065em 0 #160a04, .065em -.065em 0 #160a04, -.065em -.065em 0 #160a04, .033em .13em .13em #000a, 0 0 .6em #ffa84a99;--k-cut-shadow: 0 .037em 0 #ffe6b080, 0 0 .037em #2a1004, 0 0 .33em #fff4d0;--k-text-shadow: 0 1px 2px #000c, 0 0 9px #0009;--k-r-panel: 6px;--k-r-card: 9px;--k-r-sheet: 9px;--k-r-btn: 6px}.k-num{font-family:var(--k-f-num);font-weight:800;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;color:var(--k-cream-num);letter-spacing:-.01em;text-shadow:var(--k-num-shadow)}.k-label{font-family:var(--k-f-title);font-weight:400;color:var(--k-cream);text-shadow:var(--k-label-shadow)}.k-cut{font-family:var(--k-f-title);color:#2a1004;text-shadow:var(--k-cut-shadow)}.k-gold{font-family:var(--k-f-title);background:var(--k-gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #0c0614) drop-shadow(0 -.7px 0 #0c0614) drop-shadow(.7px 0 0 #0c0614) drop-shadow(-.7px 0 0 #0c0614) drop-shadow(.5px 2px 2px rgba(0,0,0,.6))}.k-ink{font-family:var(--k-f-text);color:var(--k-ink);text-shadow:0 .5px 0 #fff4d870}@keyframes k-breathe{0%,to{opacity:.82}50%{opacity:1}}@keyframes k-glow{0%,to{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}@keyframes k-halo{0%,to{box-shadow:2px 12px 18px #000b,0 0 20px 2px #ff9a3a26}50%{box-shadow:2px 12px 18px #000b,0 0 32px 6px #ff9a3a4a}}@keyframes k-halo-hot{0%,to{box-shadow:2px 12px 18px #000b,0 0 26px 4px #ff9a3a44}50%{box-shadow:2px 12px 18px #000b,0 0 44px 12px #ffae4a88}}@keyframes k-spark{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:.9}to{opacity:0;transform:translate(var(--dx, 0),-28px) scale(.3)}}:where(.k-title){position:relative;display:inline-grid;place-items:center;box-sizing:border-box;height:1.92em;min-width:4.2em;padding:.14em 1.75em .4em;margin:0;font-size:24px;line-height:1}.k-title{isolation:isolate;font-family:var(--k-f-title);font-weight:400;letter-spacing:.13em;color:var(--k-cream);text-shadow:var(--k-label-shadow);background:var(--k-bg, none) 0 0 / 100% 100% no-repeat;filter:var(--k-shadow)}.k-title:before{content:"";position:absolute;left:50%;top:calc(-14 * var(--k-u, 1px));width:calc(44 * var(--k-u, 1px));height:calc(21 * var(--k-u, 1px));translate:-50% 0;background:var(--k-crest) 0 0 / 100% 100% no-repeat;pointer-events:none}.k-title.k-nocrest:before{content:none}.k-title>span{padding-left:.13em;text-shadow:none;background:var(--k-gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #0c0614) drop-shadow(0 -.7px 0 #0c0614) drop-shadow(.7px 0 0 #0c0614) drop-shadow(-.7px 0 0 #0c0614) drop-shadow(.5px 2px 2px rgba(0,0,0,.6))}:where(.k-btn-lantern),button:where(.k-btn-lantern){position:relative;display:inline-grid;grid-auto-flow:column;place-items:center;place-content:center;gap:.3em;box-sizing:border-box;height:1.93em;min-width:4.6em;padding:0 1.5em 0 1.7em;margin:0;border:0;font-size:27px;line-height:1}.k-btn-lantern{isolation:isolate;background:none;cursor:pointer;font-family:var(--k-f-title);font-weight:400;letter-spacing:.2em;color:#2a1004;text-shadow:var(--k-cut-shadow);filter:drop-shadow(1px 7px 11px #0009) var(--k-glow-amber);transition:translate .2s,filter .2s;-webkit-tap-highlight-color:transparent}.k-btn-lantern:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--k-lit-glass);-webkit-mask:var(--k-mask) center / 100% 100% no-repeat;mask:var(--k-mask) center / 100% 100% no-repeat;animation:k-breathe 4s ease-in-out infinite}.k-btn-lantern:after{content:"";position:absolute;inset:calc(-4 * var(--k-u, 1px));z-index:-1;pointer-events:none;background:var(--k-bg, none) center / 100% 100% no-repeat}.k-btn-lantern:is(:hover,.k-hover):not(:disabled,.k-off){translate:0 -2px;filter:drop-shadow(1px 9px 8px #000b) drop-shadow(0 0 20px #ff9a3a88)}.k-btn-lantern:is(:hover,.k-hover):not(:disabled,.k-off):after{background-image:var(--k-bg2, var(--k-bg))}.k-btn-lantern:active:not(:disabled,.k-off){translate:0 1px}.k-btn-lantern:is(:disabled,.k-off){opacity:1;cursor:default;color:#3a2a1e;filter:drop-shadow(1px 6px 7px #000b) grayscale(.55) brightness(.62)}.k-btn-lantern:is(:disabled,.k-off):before{animation:none;opacity:.75}.k-btn-lantern svg{width:1em;height:1em;flex:none}:where(.k-btn-back),button:where(.k-btn-back){position:relative;display:inline-grid;place-items:center;box-sizing:border-box;height:2.35em;min-width:6.47em;padding:0 .75em 0 1.6em;margin:0;border:0;font-size:17px;line-height:1}.k-btn-back{isolation:isolate;background:none;cursor:pointer;font-family:var(--k-f-title);font-weight:400;letter-spacing:.08em;color:var(--k-label-gold);text-shadow:0 -1px 0 #000a,0 1px 0 #ffffff1a,.5px 1.5px 2px #000;filter:var(--k-shadow);transition:translate .2s,filter .2s;-webkit-tap-highlight-color:transparent}.k-btn-back:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--k-lamp),var(--k-walnut-x) center / 100% 100%;-webkit-mask:var(--k-mask) center / 100% 100% no-repeat;mask:var(--k-mask) center / 100% 100% no-repeat}.k-btn-back:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--k-bg, none) center / 100% 100% no-repeat}.k-btn-back:is(:hover,.k-hover):not(:disabled){translate:0 -3px;color:#fff2cc;text-shadow:0 -1px 0 #0008,0 0 8px #ffcf7acc,0 0 16px #ff9a3a77;filter:drop-shadow(1px 9px 7px #000c) drop-shadow(0 0 2px #ffe0a0) drop-shadow(0 0 8px #ffae4acc) drop-shadow(0 0 16px #e0802a88)}.k-btn-back:is(:hover,.k-hover):not(:disabled):before{background:radial-gradient(ellipse 60% 80% at 55% 50%,#ffc06a5a,transparent 80%),radial-gradient(ellipse 100% 60% at 50% 0%,#fff0c034,transparent 70%),linear-gradient(180deg,#ffffff1c,transparent 40%,#00000040),var(--k-walnut-x) center / 100% 100%}.k-btn-back:is(:hover,.k-hover):not(:disabled):after{background-image:var(--k-bg2, var(--k-bg))}.k-btn-back:active:not(:disabled){translate:0 1px}.k-btn-back:disabled{opacity:1;cursor:default;filter:drop-shadow(1px 4px 5px #000c) grayscale(.6) brightness(.6)}.k-spark{position:absolute;width:2.6px;height:2.6px;border-radius:50%;background:#fff2c0;box-shadow:0 0 4px 1px #ffa040;pointer-events:none;opacity:0;z-index:2;display:none}.k-btn-back:is(:hover,.k-hover):not(:disabled)>.k-spark{display:block;animation:k-spark 3s ease-out infinite}:where(.k-btn),button:where(.k-btn){position:relative;display:inline-grid;grid-auto-flow:column;place-items:center;place-content:center;gap:.35em;box-sizing:border-box;height:2.25em;min-width:2.25em;padding:0 1.15em;margin:0;border:0;font-size:16px;line-height:1}:where(.k-btn.k-sm),button:where(.k-btn.k-sm){font-size:13px;padding:0 .95em}.k-btn{border-radius:calc(7 * var(--k-u, 1px));cursor:pointer;font-family:var(--k-f-title);font-weight:400;letter-spacing:.06em;color:var(--k-label-gold);text-shadow:0 -1px 0 #000a,0 1px 0 #ffffff14,.5px 1.5px 2px #000;background:var(--k-bg, none) 0 0 / 100% 100% no-repeat,var(--k-lamp),var(--k-walnut-x) center / cover;box-shadow:var(--k-shadow-chip);transition:translate .18s,box-shadow .18s,color .18s;-webkit-tap-highlight-color:transparent}.k-btn:is(:hover,.k-hover):not(:disabled,.k-off){translate:0 -2px;color:#fff2cc;text-shadow:0 -1px 0 #0008,0 0 8px #ffcf7aaa;background:var(--k-bg2, var(--k-bg)) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 70% 90% at 50% 50%,#ffc06a3a,transparent 80%),linear-gradient(180deg,#ffffff14,transparent 45%,#00000030),var(--k-walnut-x) center / cover;box-shadow:1px 7px 9px #000b,0 0 12px #ffae4a55}.k-btn:active:not(:disabled,.k-off){translate:0 1px;box-shadow:0 2px 3px #000b}.k-btn:is(.on,.k-on,[aria-pressed=true]){color:#fff2cc;background:var(--k-bg2, var(--k-bg)) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 80% 100% at 50% 60%,#ffb85a80,#c0581c33 60%,transparent 85%),linear-gradient(180deg,#00000044,transparent 40%),var(--k-walnut-x) center / cover;box-shadow:inset 1px 3px 6px #000c,0 0 14px #ff9a3a55;text-shadow:0 -1px 0 #0008,0 0 8px #ffcf7acc,0 0 16px #ff9a3a77}.k-btn:is(:disabled,.k-off){opacity:1;cursor:default;filter:grayscale(.6) brightness(.62)}:where(.k-chip),button:where(.k-chip){position:relative;display:inline-grid;grid-auto-flow:column;place-items:center;place-content:center;gap:.35em;box-sizing:border-box;height:2.14em;min-width:2.14em;padding:0 .95em;margin:0;border:0;font-size:14px;line-height:1}.k-chip{border-radius:999px;cursor:pointer;font-family:var(--k-f-title);font-weight:400;letter-spacing:.05em;color:var(--k-cream);text-shadow:0 1px 2px #000,0 0 6px #000a;background:var(--k-bg, none) 0 0 / 100% 100% no-repeat,var(--k-night-field);box-shadow:var(--k-shadow-chip);transition:translate .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}.k-chip:is(:hover,.k-hover):not(:disabled,.k-off){translate:0 -1px;box-shadow:1px 6px 11px #0008,0 0 10px #ffae4a44}.k-chip:is(.on,.k-on,[aria-pressed=true]){color:#2a1004;text-shadow:var(--k-cut-shadow);background:var(--k-bg2, var(--k-bg)) 0 0 / 100% 100% no-repeat,var(--k-lit-glass);box-shadow:var(--k-shadow-chip),0 0 12px #ff9a3a66}.k-chip:is(:disabled,.k-off){opacity:1;cursor:default;filter:grayscale(.6) brightness(.65)}.k-chip svg{width:1.1em;height:1.1em;flex:none}:where(.k-plate){position:relative;display:inline-grid;place-items:center;box-sizing:border-box;height:1.8em;min-width:3em;padding:0 1.15em;margin:0;font-size:14.5px;line-height:1;white-space:nowrap}:where(.k-plate.k-on-edge){position:absolute;left:50%;top:0;translate:-50% -50%;z-index:2;font-size:16px}.k-plate{isolation:isolate;font-family:var(--k-f-title);font-weight:400;letter-spacing:.06em;color:var(--k-cream);text-shadow:var(--k-label-shadow);filter:var(--k-shadow-sm)}.k-plate:before{content:"";position:absolute;inset:calc(-4 * var(--k-u, 1px));z-index:-1;pointer-events:none;background:var(--k-bg, none) center / 100% 100% no-repeat}:where(.k-panel){position:relative;box-sizing:border-box;padding:26px 22px 18px;font:400 15px/1.26 var(--k-f-text)}.k-panel{border-radius:var(--k-r-panel);color:var(--k-text-light);text-shadow:var(--k-text-shadow);background:var(--k-bg, none) 0 0 / 100% 100% no-repeat,var(--k-night-glass);-webkit-backdrop-filter:var(--k-night-blur);backdrop-filter:var(--k-night-blur);box-shadow:var(--k-shadow-box),inset 0 -20px 30px -12px #ff9a3a28,inset 0 0 22px #3a4aa01a}:where(.k-sheet){box-sizing:border-box;border:10px solid transparent;padding:14px 18px;font:400 16px/1.32 var(--k-f-text)}.k-sheet{border-radius:var(--k-r-sheet);color:var(--k-ink);background:var(--k-bg, none) border-box 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 80% 70% at 10% 0%,#fff0d02a,transparent 70%) padding-box,linear-gradient(165deg,transparent 40%,#2a10063a) padding-box,var(--k-parchment, linear-gradient(#d9bd8a, #d9bd8a)) padding-box 0 0 / 256px 256px,var(--k-lamp) border-box,var(--k-walnut, var(--k-walnut-x)) border-box center / cover;box-shadow:inset 4px 5px 8px -2px #3a1a06b0,inset 0 -2px 3px #3a1a0644,inset 0 0 18px #6e3e1630,var(--k-shadow-box),0 0 0 1px #0a0402}.k-sheet :is(h1,h2,h3,h4){font-family:var(--k-f-title);font-weight:400;color:var(--k-ink-red);letter-spacing:.06em}.k-wood{background:var(--k-lamp),var(--k-wood, var(--k-walnut-x)) center / cover;box-shadow:inset 0 1px #ffdca830,inset 1px 0 #ffdca818,inset 0 -2px 2px #000a}.k-wood.k-fine{background:var(--k-lamp),var(--k-walnut, var(--k-walnut-x)) center / cover}:where(.k-divider){display:block;width:120px;max-width:100%;height:9px;margin:8px auto}.k-divider{border:0;padding:0;opacity:.9;background:var(--k-lozenge) center / 9px 9px no-repeat,linear-gradient(90deg,#e2b46c00 3%,#e2b46c,#e2b46c00 97%) center / 100% 1.1px no-repeat}:where(.k-socket){--k-s: 38px;position:relative;display:inline-grid;place-items:center;width:var(--k-s);height:var(--k-s);flex:none}.k-socket{border-radius:50%;isolation:isolate;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--k-glow, #000000) 34%,transparent),color-mix(in srgb,var(--k-glow, #000000) 7%,transparent) 33%,transparent 55%),var(--k-socket-well) center / 100% 100% no-repeat;box-shadow:1px 4px 6px #000a,0 0 calc(var(--k-s) * .37) 1px color-mix(in srgb,var(--k-glow, #000000) 33%,transparent)}.k-socket>*{width:72%;height:72%;filter:drop-shadow(.6px 1.4px 1px #000b)}.k-socket:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--k-socket-ring) center / 100% 100% no-repeat}:where(.k-cost,.k-coin,.k-ruby){--k-s: 44px;position:relative;display:inline-grid;place-items:center;box-sizing:border-box;width:var(--k-s);height:var(--k-s);flex:none;line-height:1}:where(.k-cost){font-size:calc(var(--k-s) * .54)}:where(.k-coin){font-size:calc(var(--k-s) * .545)}:where(.k-ruby){font-size:calc(var(--k-s) * .545);padding-bottom:calc(var(--k-s) * .14)}.k-cost,.k-coin,.k-ruby{font-family:var(--k-f-num);font-weight:800;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;color:var(--k-cream-num);letter-spacing:-.01em;text-shadow:var(--k-num-shadow);filter:drop-shadow(1px 3px 3px #000c)}.k-cost{background:var(--k-cost-img) center / 100% 100% no-repeat;isolation:isolate}.k-cost:before{content:"";position:absolute;inset:19%;z-index:-1;border-radius:50%;box-shadow:0 0 calc(var(--k-s) * .27) calc(var(--k-s) * .045) #3a7aff55;animation:k-breathe 3.6s ease-in-out infinite}.k-coin{background:var(--k-coin-img) center / 100% 100% no-repeat}.k-ruby{background:var(--k-ruby-img) center / 100% 100% no-repeat;filter:drop-shadow(1px 3px 3px #000c) drop-shadow(0 0 6px #ff304a30)}:is(.k-cost,.k-coin,.k-ruby).k-up{color:#b8f5a8}:is(.k-cost,.k-coin,.k-ruby).k-down,.k-ruby.k-hurt{color:#ffb0a0}:where(.k-rar){--k-s: 18px;display:inline-block;width:var(--k-s);height:var(--k-s);flex:none}.k-rar{background:var(--k-rar-helder) center / 100% 100% no-repeat;filter:drop-shadow(1px 1px 1.5px #000c) drop-shadow(0 0 4px #5aa8f055)}.k-rar.k-vaag{background-image:var(--k-rar-vaag);filter:drop-shadow(1px 1px 1.5px #000c) drop-shadow(0 0 3px #b8b4c833)}.k-rar.k-levendig{background-image:var(--k-rar-levendig);filter:drop-shadow(1px 1px 1.5px #000c) drop-shadow(0 0 4px #b07ae866)}.k-rar.k-tijdloos{background-image:var(--k-rar-tijdloos);filter:drop-shadow(1px 1px 1.5px #000c) drop-shadow(0 0 5px #ffcf5a99)}:where(.k-rosette){--k-s: 80px;position:relative;display:inline-grid;place-items:center;width:var(--k-s);height:var(--k-s);flex:none;font-size:calc(var(--k-s) * .35);line-height:1}.k-rosette{isolation:isolate;filter:drop-shadow(0 0 calc(var(--k-s) * .15) #ffa64040);font-family:var(--k-f-num);font-weight:800;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;color:var(--k-cream-num);letter-spacing:-.01em;text-shadow:var(--k-num-shadow)}.k-rosette:before{content:"";position:absolute;inset:calc(var(--k-s) * -.0875);z-index:-2;background:var(--k-life-img) center / 100% 100% no-repeat}.k-rosette:after{content:"";position:absolute;inset:25%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffe2a070,#ffa03c22 55%,transparent 72%);mix-blend-mode:screen;animation:k-glow 4.2s ease-in-out infinite}.k-rosette.k-out{filter:none;color:#b8a890}.k-rosette.k-out:before{background-image:var(--k-life-out-img)}.k-rosette.k-out:after{content:none}:where(.k-medallion),button:where(.k-medallion){--k-s: 112px;position:relative;display:inline-grid;place-items:center;box-sizing:border-box;width:var(--k-s);height:var(--k-s);padding:0 calc(var(--k-s) * .1875);margin:0;border:0;flex:none;font-size:calc(var(--k-s) * .143);line-height:1.04}.k-medallion{isolation:isolate;border-radius:50%;background:none;cursor:pointer;font-family:var(--k-f-title);font-weight:400;letter-spacing:.05em;text-align:center;color:var(--k-cream);text-shadow:var(--k-label-shadow);transition:translate .2s;animation:k-halo 4.6s ease-in-out infinite;-webkit-tap-highlight-color:transparent}.k-medallion:before{content:"";position:absolute;inset:calc(var(--k-s) * -.0625);z-index:-2;background:var(--k-medal-img) center / 100% 100% no-repeat}.k-medallion:after{content:"";position:absolute;left:19.6%;top:17.9%;width:60.7%;height:60.7%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffe2a048,#ffa03c14 50%,transparent 68%);mix-blend-mode:screen;animation:k-glow 4.6s ease-in-out infinite}.k-medallion:is(:hover,.k-hover):not(:disabled,.k-wait){translate:0 -2px}.k-medallion:is(:hover,.k-hover,.glow,.k-glow):not(:disabled,.k-wait):before{background-image:var(--k-medal-hot-img)}.k-medallion:active:not(:disabled,.k-wait){translate:0 1px}.k-medallion:is(.glow,.k-glow):not(:disabled,.k-wait){animation:k-halo-hot 1.8s ease-in-out infinite}.k-medallion:is(.glow,.k-glow):not(:disabled,.k-wait):after{animation-duration:1.8s}.k-medallion:is(:disabled,.k-wait){opacity:1;cursor:default;animation:none;box-shadow:2px 12px 18px #000b;color:#cdb898;text-shadow:var(--k-num-shadow)}.k-medallion:is(:disabled,.k-wait):before{background-image:var(--k-medal-dark-img)}.k-medallion:is(:disabled,.k-wait):after{content:none}:where(.k-card){--k-card-w: 168px;position:relative;display:block;width:var(--k-card-w);height:calc(var(--k-card-w) * 240 / 168)}.k-card{--k-cu: calc(var(--k-card-w) / 168);border-radius:calc(var(--k-cu) * 9);isolation:isolate;background:var(--k-lamp),var(--k-walnut, var(--k-walnut-x)) center / 100% 100%;box-shadow:var(--k-shadow-box),0 0 0 1px #0a0402,inset 0 1px #ffdca830,inset 1px 0 #ffdca818,inset 0 -2px 2px #000a}.k-card:after{content:"";position:absolute;left:calc(var(--k-cu) * -10);top:calc(var(--k-cu) * -14);width:calc(var(--k-cu) * 188);height:calc(var(--k-cu) * 264);z-index:3;pointer-events:none;background:var(--k-card-over) center / 100% 100% no-repeat}:where(.k-card-art){position:absolute;left:calc(var(--k-cu) * 9);top:calc(var(--k-cu) * 9);width:calc(var(--k-cu) * 150);height:calc(var(--k-cu) * 140);z-index:1}.k-card-art{border-radius:calc(var(--k-cu) * 5);overflow:hidden;background-color:#0a0c1e;background-size:cover;background-position:center 42%}.k-card-art:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #000,inset 3px 5px 9px #000b,inset 0 -26px 20px -16px #060a16cc,inset 0 0 16px #04061466}.k-card-art:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(122deg,#fff7e61c,#fff7e600 44%),radial-gradient(ellipse 46% 26% at 22% 8%,#ffffff10,transparent 70%)}:where(.k-card>.k-plate){position:absolute;left:calc(var(--k-cu) * 5);top:calc(var(--k-cu) * 136);width:calc(var(--k-cu) * 158);height:calc(var(--k-cu) * 26);padding:calc(var(--k-cu) * 1) calc(var(--k-cu) * 12) 0;z-index:4;font-size:calc(var(--k-cu) * 14.5)}:where(.k-card-sheet){position:absolute;left:calc(var(--k-cu) * 13);top:calc(var(--k-cu) * 166);width:calc(var(--k-cu) * 142);height:calc(var(--k-cu) * 58);box-sizing:border-box;padding:calc(var(--k-cu) * 9) calc(var(--k-cu) * 17) 0;z-index:1;text-align:center;overflow:hidden}.k-card-sheet{color:var(--k-ink);background:radial-gradient(ellipse 80% 90% at 10% 0%,#fff0d024,transparent 70%),linear-gradient(165deg,transparent 40%,#2a10064a),var(--k-parchment-card) center / 100% 100%;box-shadow:inset 4px 5px 8px -2px #3a1a06b0,inset 0 -2px 3px #3a1a0644;-webkit-mask:radial-gradient(circle calc(var(--k-cu) * 24) at calc(var(--k-cu) * -1) calc(var(--k-cu) * 55),#0000 calc(var(--k-cu) * 23.6),#000 calc(var(--k-cu) * 24)),radial-gradient(circle calc(var(--k-cu) * 24) at calc(var(--k-cu) * 143) calc(var(--k-cu) * 55),#0000 calc(var(--k-cu) * 23.6),#000 calc(var(--k-cu) * 24));-webkit-mask-composite:source-in;mask:radial-gradient(circle calc(var(--k-cu) * 24) at calc(var(--k-cu) * -1) calc(var(--k-cu) * 55),#0000 calc(var(--k-cu) * 23.6),#000 calc(var(--k-cu) * 24)),radial-gradient(circle calc(var(--k-cu) * 24) at calc(var(--k-cu) * 143) calc(var(--k-cu) * 55),#0000 calc(var(--k-cu) * 23.6),#000 calc(var(--k-cu) * 24));mask-composite:intersect}:where(.k-card-type){display:flex;align-items:center;justify-content:center;gap:calc(var(--k-cu) * 5);white-space:nowrap;margin:0 calc(var(--k-cu) * -8) calc(var(--k-cu) * 5);font-size:calc(var(--k-cu) * 10.5);line-height:1}.k-card-type{font-family:var(--k-f-title);letter-spacing:.1em;color:var(--k-ink-red)}.k-card-type:before,.k-card-type:after{content:"";width:calc(var(--k-cu) * 14);height:calc(var(--k-cu) * 5);flex:none;background:radial-gradient(circle calc(var(--k-cu) * 1.4) at 50% 50%,#5e1c12 98%,#0000) 0 0 / calc(var(--k-cu) * 5) calc(var(--k-cu) * 5) no-repeat,linear-gradient(90deg,#5e1c1200,#5e1c12) calc(var(--k-cu) * 3) calc(var(--k-cu) * 2) / calc(var(--k-cu) * 11) calc(var(--k-cu) * .7) no-repeat}.k-card-type:after{transform:scaleX(-1)}:where(.k-card-text){position:relative;z-index:2;font-size:calc(var(--k-cu) * 13.5);line-height:1.16}.k-card-text{font-family:var(--k-f-text);font-style:italic;font-weight:500;color:var(--k-ink);text-shadow:0 .5px 0 #fff4d870}:where(.k-card>.k-cost){--k-s: calc(var(--k-cu) * 48);position:absolute;left:calc(var(--k-cu) * -13);top:calc(var(--k-cu) * -13);z-index:5}:where(.k-card>.k-coin,.k-card>.k-ruby){--k-s: calc(var(--k-cu) * 44);position:absolute;top:calc(var(--k-cu) * 199);z-index:5}:where(.k-card>.k-coin){left:calc(var(--k-cu) * -10)}:where(.k-card>.k-ruby){right:calc(var(--k-cu) * -10)}:where(.k-card>.k-rar){--k-s: calc(var(--k-cu) * 18);position:absolute;left:calc(var(--k-cu) * 75);top:calc(var(--k-cu) * 225);z-index:5}:where(.k-input),input:where(.k-input){box-sizing:border-box;height:2.2em;padding:0 .7em;font-size:16px}.k-input{font-family:var(--k-f-text);color:var(--k-cream);caret-color:var(--k-amber);border:1.5px solid transparent;border-radius:var(--k-r-btn);background:var(--k-grain-fine) padding-box,var(--k-night-solid) padding-box,var(--k-brass-grad) border-box;box-shadow:inset 2px 3px 6px #000c,1px 2px 4px #0008;outline:none;transition:box-shadow .18s}.k-input::placeholder{color:#fbe8c066;font-style:italic}.k-input:focus,.k-input:focus-visible{box-shadow:inset 2px 3px 6px #000c,0 0 0 1px #ffd89066,0 0 12px #ff9a3a55}.k-input:disabled{opacity:.6}:is(.k-btn-lantern,.k-btn-back,.k-btn,.k-chip,.k-medallion,.k-focus):focus-visible{outline:2px solid var(--k-focus);outline-offset:3px}.k-medallion:focus-visible{outline-offset:4px}:is(.k-panel,.k-sheet,.k-scroll){scrollbar-width:thin;scrollbar-color:#b48e52 #060a1680}.k-sheet{scrollbar-color:#7a4a1e #c4a26a55}@supports not (scrollbar-color: auto){:is(.k-panel,.k-sheet,.k-scroll)::-webkit-scrollbar{width:10px;height:10px}:is(.k-panel,.k-sheet,.k-scroll)::-webkit-scrollbar-track{background:#060a1680;border-radius:6px}:is(.k-panel,.k-sheet,.k-scroll)::-webkit-scrollbar-thumb{background:var(--k-brass-grad);border:2px solid #060a16;border-radius:6px}}@media(prefers-reduced-motion:reduce){.k-btn-lantern:before,.k-cost:before,.k-rosette:after,.k-medallion,.k-medallion:after,.k-spark{animation:none!important}.k-btn-lantern,.k-btn-back,.k-btn,.k-chip,.k-medallion{transition:none}}.m-h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:400 16px/1 var(--k-f-title);letter-spacing:.1em;color:var(--k-label-gold);text-shadow:0 1px 2px #000,0 0 8px #000a}.m-h3:before{content:"";width:9px;height:9px;flex:none;background:var(--k-lozenge) center / 100% 100% no-repeat}.m-h3 small{font:italic 400 13px/1 var(--k-f-text);letter-spacing:0;color:#d8ccb8}.m-tile{position:relative;isolation:isolate;box-sizing:border-box;margin:0;border:0;border-radius:8px;cursor:pointer;font-family:var(--k-f-title);font-weight:400;letter-spacing:.04em;color:var(--k-cream);text-shadow:0 1px 2px #000,0 0 6px #000a;background:var(--k-sheen),var(--k-grain),var(--k-glass, none) center / 300px 200px,radial-gradient(ellipse 80% 60% at 50% 120%,#ff9a3a1c,transparent 70%),var(--k-night-fill);box-shadow:inset 1px 3px 7px #000b,var(--k-shadow-chip);transition:translate .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}.m-tile:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1.5px;pointer-events:none;background:var(--k-brass-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:.9}.m-tile:hover:not(.on,:disabled){translate:0 -1px;box-shadow:inset 1px 3px 7px #000b,1px 6px 11px #0008,0 0 12px #ffae4a40}.m-tile.on{color:#fff2cc;text-shadow:0 1px 2px #000,0 0 8px #ffb35acc,0 0 16px #ff9a3a88;background:var(--k-sheen-warm),var(--k-grain),var(--k-glass, none) center / 300px 200px,radial-gradient(ellipse 90% 85% at 50% 108%,#ffb35a88,#c0581c40 46%,transparent 78%),linear-gradient(180deg,#28161ee6,#180c12f0);box-shadow:inset 0 0 14px #ff9a3a30,var(--k-shadow-chip),0 0 14px #ff9a3a55}.m-tile.on:after{background:var(--k-brass-lit-grad);opacity:1;padding:2px}.m-tile svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #000a)}.m-tile.on svg{stroke:var(--k-amber-hi);filter:drop-shadow(0 0 4px #ff9a3acc)}.m-tile.on small{color:#ffe6b8}.m-tile small{font:italic 400 13px/1.15 var(--k-f-text);letter-spacing:0;opacity:.85}.m-tile:focus-visible{outline:2px solid var(--k-focus);outline-offset:3px}:is(.m-who,.m-chosen b,.m-lobbypanel h1).k-gold{text-shadow:none}.m-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;margin-top:4px}.m-win .k-btn-lantern{font-size:21px}.m-progress{list-style:none;margin:0;padding:0;display:flex;gap:10px}.m-progress li{display:flex;align-items:center;gap:7px;font:400 14px/1.1 var(--k-f-title);letter-spacing:.03em;color:#8a7a68}.m-progress li i{position:relative;width:11px;height:15px;flex:none;border-radius:3px 3px 5px 5px;margin-top:3px;background:radial-gradient(circle at 32% 26%,#ffffff40 0 14%,transparent 36%),linear-gradient(165deg,#6a5878,#3a2c48 55%,#4c3c5a);box-shadow:inset 0 0 0 1px #f0d08a88,0 0 0 1.2px #7a5422,0 1px 2px #000a}.m-progress li i:after{content:"";position:absolute;left:50%;top:-8px;width:5px;height:4px;translate:-50% 0;border:1.2px solid #c89c54;border-bottom:0;border-radius:50% 50% 0 0}.m-progress li i:before{content:"";position:absolute;left:1.5px;right:1.5px;top:-4px;height:3px;border-radius:2px 2px 0 0;background:var(--k-brass-grad)}.m-progress li.done i{background:radial-gradient(circle at 50% 58%,#fff4d0 0 18%,#ffcf78 40%,#e0842e 75%,#9a4214);box-shadow:0 0 0 1.2px #8a5a1c,0 0 9px #ffa84acc}.m-progress li.done{color:var(--k-ink-red)}.m-progress li.now i{box-shadow:0 0 0 1.5px var(--cue),0 0 8px var(--cue)}.m-odoface{--k-s: 56px;flex:none}.m-odoface>i{display:block;width:62%;height:62%;border-radius:50%;filter:none;background:radial-gradient(circle at 38% 34%,#fff 0 7%,transparent 9%),radial-gradient(circle at 48% 46%,#ffecbc 0,#f8b858 26%,#e0842e 56%,#9a4214 84%,#4a1a06);box-shadow:0 0 14px 3px #ff9a3a77;animation:k-breathe 3.6s ease-in-out infinite}.m-odoface.big{--k-s: 78px}main.menu{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:pan-y}main.menu:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 55% at 0% -6%,#ffc4742a,#ffae5a0c 50%,transparent 74%),radial-gradient(ellipse 75% 70% at 50% 46%,transparent 42%,#040614b0 100%),linear-gradient(#0a0e2a38,#0a0e2a38)}.m-box{--m-rail: 30px;position:relative;width:min(540px,74vw);box-sizing:border-box;padding:66px 58px 44px;display:grid;justify-items:center;gap:12px;filter:drop-shadow(3px 20px 32px #000a) drop-shadow(0 0 70px #ff9a3a1e)}.m-box-wood{position:absolute;inset:0;z-index:0;border-width:var(--m-rail);border-radius:12px;pointer-events:none;background:var(--k-bg, none) border-box 0 0 / 100% 100% no-repeat,var(--k-sheen) padding-box,var(--k-grain-fine) padding-box,radial-gradient(ellipse 80% 55% at 50% 112%,#ff9a3a36,transparent 72%) padding-box,radial-gradient(ellipse 70% 50% at 18% 0%,#ffc47a14,transparent 70%) padding-box,var(--k-glass, none) padding-box center / 300px 200px,var(--k-night-solid) padding-box,var(--k-lamp) border-box,var(--k-wood, var(--k-walnut-x)) border-box center / cover;background-origin:border-box;box-shadow:inset 4px 7px 14px -2px #000e,inset 0 0 30px #000a,0 0 0 1px #0a0402}.m-box>:not(.m-box-wood,.m-lid,.m-lid-shade){position:relative;z-index:1}.m-signs{position:absolute!important;top:4px;left:50%;translate:-50% 0;display:flex;gap:11px}.m-signs .k-socket{--k-s: 23px}.m-signs .k-socket>svg{width:70%;height:70%;filter:drop-shadow(0 0 2px var(--k-glow)) drop-shadow(.5px 1px 1px #000)}.m-boxtitle.k-title{font-size:34px;margin:14px 0 6px}.m-choices{display:grid;gap:12px;width:min(340px,100%)}.m-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m-choice{width:100%;height:56px;justify-content:stretch;justify-items:start;grid-template-columns:auto minmax(0,1fr) auto;text-align:left}.m-choice .m-progress{justify-self:end}.m-choice.k-btn{font-size:19px;padding:0 18px 0 22px;gap:12px}.m-choice.k-btn-lantern{font-size:22px;height:60px;padding:0 22px 0 26px;gap:12px;letter-spacing:.12em}.m-choice svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m-choice svg .fill{fill:currentColor}.m-choice.k-btn svg{stroke:var(--k-label-gold);filter:drop-shadow(0 1px 1px #000)}.m-choice.k-btn svg .fill{fill:var(--k-amber);stroke:none}.m-choice.k-btn-lantern svg{filter:drop-shadow(0 .5px 0 #ffe6b0aa)}.m-lbl{display:grid;gap:4px;min-width:0}.m-lbl small{font:italic 400 13px/1.1 var(--k-f-text);letter-spacing:0;color:#d8c8a8;text-shadow:0 1px 2px #000;white-space:nowrap}.m-duo .m-choice{height:54px;font-size:17px;padding:0 10px 0 16px;gap:9px}.m-duo .m-choice svg{width:24px;height:24px}.m-choice:disabled .m-lbl small{color:#a89880}.m-choice .m-progress{gap:6px}.m-choice .m-progress span{display:none}.k-btn-lantern .m-progress li i{background:#3a1606;box-shadow:0 0 0 1.2px #2a1004,0 0 0 2px #ffe0a080}.k-btn-lantern .m-progress li i:before{background:#2a1004;left:-2px;right:-2px;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}.k-btn-lantern .m-progress li i:after{border-color:#2a1004}.k-btn-lantern .m-progress li i{width:9px;border-radius:2px 2px 3px 3px}.k-btn-lantern .m-progress li:not(.done) i{background:linear-gradient(90deg,#3a1606 0 30%,#7a3a12 30% 34%,#3a1606 34%)}.k-btn-lantern .m-progress li.done i{background:radial-gradient(circle at 50% 58%,#fff 0 20%,#fff4d0 45%,#ffd890);box-shadow:0 0 0 1.2px #2a1004,0 0 8px #fff8e0}.m-drawers{position:absolute;bottom:calc(14px + var(--sb));left:50%;translate:-50% 0;display:flex;gap:12px}.m-drawer.k-btn{height:52px;font-size:18px;padding:0 22px 0 18px;gap:11px;text-align:left}.m-drawer svg{width:26px;height:26px;fill:none;stroke:var(--k-label-gold);stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #000)}.m-name.k-plate{position:absolute;left:calc(16px + var(--sl));bottom:calc(16px + var(--sb));display:flex;gap:10px;height:44px;font-size:17px;padding:0 22px 0 16px;cursor:text}.m-crest{--k-s: 30px;font:400 17px/1 var(--k-f-title);color:var(--k-label-gold);text-shadow:0 1px 2px #000,0 0 6px #ffa84a88}.m-crest>b{width:auto;height:auto;filter:none;font-weight:400;position:relative;z-index:2}.m-name input{width:150px;margin:0;padding:3px 2px 2px;border:0;border-bottom:1px dashed #e2b46c70;border-radius:0;background:transparent;box-shadow:none;color:var(--k-cream);caret-color:var(--k-amber);font:400 18px/1 var(--k-f-text);text-shadow:0 1px 2px #000;outline:none;user-select:text}.m-name input::placeholder{color:#fbe8c066;font-style:italic}.m-name input:focus{border-bottom-color:var(--k-amber)}.menu.has-panel .m-box,.menu.has-panel .m-drawers{visibility:hidden}.menu.has-panel:not(.joining) .m-name{visibility:hidden}.m-box{--lid-t: 14px;--lid-d: .55s;--lid-dur: 1.8s}.m-lid,.m-lid-shade{position:absolute;inset:0;margin:0;padding:0;border:0;border-radius:12px;pointer-events:none;--lid-run: calc(var(--lid-dur) * var(--lid-k, 1));animation-duration:var(--lid-run);animation-delay:calc(var(--lid-d) - var(--lid-skip, 0ms));animation-fill-mode:both}.m-lid.waiting,.m-lid.waiting *,.m-lid.waiting *:before,.m-lid-shade.waiting{animation-play-state:paused!important}.m-lid{z-index:8;perspective:2300px;perspective-origin:50% 50%;animation-name:lid-fade;animation-timing-function:linear}.m-lid i,.m-lid span{font-style:normal}.m-lid-leaf{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform-origin:50% 0 calc(-1 * var(--lid-t));animation:lid-swing var(--lid-run) calc(var(--lid-d) - var(--lid-skip, 0ms)) both}.m-lid-top,.m-lid-under,.m-lid-edge{position:absolute;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}.m-lid-top.k-sheet{inset:0;border-width:var(--m-rail);border-radius:12px;padding:0;background:var(--k-bg, none) border-box 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 70% 55% at 30% 20%,#ffc47a1c,transparent 70%) border-box,var(--k-lamp) border-box,var(--k-wood, var(--k-walnut-x)) border-box center / cover;background-origin:border-box;box-shadow:inset 0 -14px 30px #0007,0 0 0 1px #0a0402}.m-lid-top:before{content:"";position:absolute;inset:calc(-1 * var(--m-rail));z-index:3;border-radius:12px;background:linear-gradient(0deg,#000,#0008);opacity:0;animation:lid-dim var(--lid-run) calc(var(--lid-d) - var(--lid-skip, 0ms)) both}.m-lid-top .m-signs{top:50%;translate:-50% -50%;gap:18px;z-index:1}.m-lid-top .m-signs .k-socket{--k-s: 36px}.m-lid-under{inset:0;border-radius:12px;border:24px solid transparent;transform:translateZ(calc(-1 * var(--lid-t))) rotateX(180deg);background:linear-gradient(0deg,#0009,#0000 55%) padding-box,radial-gradient(ellipse at 50% 70%,#ff9a3a24,transparent 70%) padding-box,var(--k-glass, none) padding-box center / 300px 200px,var(--k-night-solid) padding-box,linear-gradient(#0005,#0005) border-box,var(--k-wood, var(--k-walnut-x)) border-box center / cover;box-shadow:inset 0 0 0 1px #000,inset 0 0 18px #000c,0 0 0 1px #000}.m-lid-edge{background:linear-gradient(180deg,#ffffff0e,transparent 34%,#c8a06450 46%,#c8a06450 58%,transparent 70%,#0008),linear-gradient(#000a,#0008),var(--k-walnut-x) center / cover}.m-lid-edge.front{top:100%;left:8px;right:8px;height:var(--lid-t);transform-origin:50% 0;transform:rotateX(-90deg)}.m-lid-edge.left,.m-lid-edge.right{top:8px;bottom:8px;width:var(--lid-t);background-image:linear-gradient(90deg,#ffffff0e,transparent 34%,#c8a06450 46%,#c8a06450 58%,transparent 70%,#0008),linear-gradient(#000a,#0008),var(--k-walnut-x)}.m-lid-edge.left{right:100%;transform-origin:100% 50%;transform:rotateY(-90deg)}.m-lid-edge.right{left:100%;transform-origin:0 50%;transform:rotateY(90deg)}.m-clasp{position:absolute;left:50%;bottom:-6px;width:54px;height:36px;translate:-50% 0;border-radius:6px 6px 12px 12px;background:radial-gradient(circle at 50% 46%,#1a0c03 0 4px,transparent 4.6px),radial-gradient(ellipse 70% 50% at 30% 18%,#f6e2b030,transparent 72%),var(--k-brass-grad);box-shadow:inset 0 1px #ffe6b444,inset 0 -2px 3px #4a2e1270,0 0 0 1px #2a1606,var(--k-shadow-chip);transform-origin:50% 4px;backface-visibility:visible;animation:lid-clasp var(--lid-run) calc(var(--lid-d) - var(--lid-skip, 0ms)) both}.m-clasp:before{content:"";position:absolute;left:50%;top:-5px;width:30px;height:8px;translate:-50% 0;border-radius:4px;background:var(--k-brass-lit-grad);box-shadow:0 0 0 1px #2a1606,0 1px 2px #000a}.m-clasp:after{content:"";position:absolute;left:50%;top:18px;width:5px;height:9px;translate:-50% 0;border-radius:0 0 3px 3px;background:#1a0c03}.m-lid-shade{z-index:7;display:block;background:linear-gradient(180deg,#000c,#0006 45%,#0000 85%);background-color:#000c;animation-name:lid-shade;animation-timing-function:linear}@keyframes lid-swing{0%,20%{transform:rotateX(0);animation-timing-function:cubic-bezier(.3,0,.2,1)}28%{transform:rotateX(5deg);animation-timing-function:ease-in-out}33%{transform:rotateX(3.5deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}73%{transform:rotateX(107deg);animation-timing-function:cubic-bezier(.35,0,.45,1)}85%{transform:rotateX(102deg);animation-timing-function:ease-in-out}to{transform:rotateX(103deg)}}@keyframes lid-clasp{0%,2%{transform:translateZ(1px) rotateX(0);animation-timing-function:ease-in}6%{transform:translateZ(1px) translateY(2px) rotateX(0);animation-timing-function:cubic-bezier(.2,.5,.4,1)}12%{transform:translateZ(1px) rotateX(92deg);animation-timing-function:cubic-bezier(.6,0,1,.6)}16%{transform:translateZ(1px) rotateX(180deg);animation-timing-function:ease-out}19%{transform:translateZ(1px) rotateX(166deg);animation-timing-function:ease-in}22%,60%{transform:translateZ(1px) rotateX(180deg);opacity:1}63%,to{transform:translateZ(1px) rotateX(180deg);opacity:0}}@keyframes lid-dim{0%,33%{opacity:0}50%{opacity:.3}62%{opacity:.65}to{opacity:.8}}@keyframes lid-fade{0%,80%{opacity:1;animation-timing-function:ease-in}to{opacity:0}}@keyframes lid-shade{0%,26%{opacity:1;background-color:#000c}45%{background-color:#0008}62%{opacity:1}66%{background-color:#0000}94%,to{opacity:0;background-color:#0000}}html.still :is(.m-lid,.m-lid-shade){display:none}@media(prefers-reduced-motion:reduce){:root:not(.moving) :is(.m-lid,.m-lid-shade){display:none}}.m-panel.k-panel{position:absolute;z-index:10;left:50%;top:50%;translate:-50% -50%;margin-top:14px;box-sizing:border-box;width:min(980px,calc(100vw - 28px - var(--sl) - var(--sr)));max-height:calc(100vh - 56px);display:grid;grid-template-rows:minmax(0,1fr) auto;padding:46px 26px 18px;text-align:left;animation:m-panel-in .35s cubic-bezier(.2,.9,.3,1) both}@keyframes m-panel-in{0%{scale:.965}}.m-ptitle.k-title{position:absolute;left:50%;top:0;translate:-50% -50%;z-index:3;font-size:25px;white-space:nowrap}.m-panel .panel-body{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:26px;min-height:0;overflow-y:auto;padding:6px 6px 4px;scrollbar-width:thin;scrollbar-color:#b48e52 #060a1680}.m-back.k-btn-back{justify-self:start;margin-top:10px}.play-panel.m-panel.k-panel{height:min(760px,calc(100vh - 56px))}.play-panel .panel-body{grid-template-rows:minmax(0,1fr);animation:m-step-in .3s ease-out both}@keyframes m-step-in{0%{opacity:0;translate:0 6px}}.play-panel>.panel-body[hidden]{display:none}.play-panel .m-step2>section{min-height:0}.play-panel .m-step2>section.left{display:flex;flex-direction:column;overflow:hidden auto;margin:0 -8px;padding:0 10px 0 8px;scrollbar-width:thin;scrollbar-color:#b48e52 #060a1680}.play-panel .m-step2>section.left>.m-h3{flex:none}.play-panel .m-decks{flex:none}.play-panel .panel-body.m-step1{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:4px}.m-foes-h.m-h3{justify-content:center;margin:4px 0 0}.m-foes-h.m-h3:after{content:"";width:9px;height:9px;flex:none;background:var(--k-lozenge) center / 100% 100% no-repeat}.m-foes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,380px);gap:16px;align-content:center;min-height:0;padding:10px 4px}.m-foe.m-tile{display:grid;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:14px;min-height:0;overflow:hidden;padding:22px 14px 20px;text-align:center}.m-foe.m-tile:hover:not(:disabled){translate:0 -3px}.m-foe-ico.k-socket{--k-s: 92px}.m-foe-ico.k-socket>svg{width:52%;height:52%;stroke-width:1.8}.m-foe svg .fill,.m-vs svg .fill{fill:currentColor;stroke:none}.m-foe-name{display:flex;align-items:center;min-height:2.16em;font-size:23px;line-height:1.08;letter-spacing:.05em;text-wrap:balance}.m-foe small{align-self:start;min-height:3.9em;max-width:17ch;font-size:15.5px;line-height:1.3;text-wrap:balance}.m-decks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}.m-deck{position:relative;display:block;margin:0;padding:6px 4px 14px;border:0;border-radius:10px;background:none;box-shadow:none;text-align:center;cursor:pointer;transition:translate .25s cubic-bezier(.2,.9,.3,1.2);-webkit-tap-highlight-color:transparent}.m-deck-pile{position:absolute;inset:6px 4px 14px;pointer-events:none}.m-deck-pile i{position:absolute;inset:0;border-radius:7px;background:var(--k-lamp),var(--k-walnut-x) center / cover;box-shadow:0 0 0 1px #0a0402,inset 0 0 0 1.5px #906232,var(--k-shadow-chip)}.m-deck-pile i:nth-child(1){transform:translate(6px,6px) rotate(2.6deg)}.m-deck-pile i:nth-child(2){transform:translate(3px,3px) rotate(-1.3deg)}.m-deck-card{position:relative;display:grid;justify-items:center;gap:0;padding:6px 6px 7px;border-radius:7px;background:var(--k-lamp),var(--k-walnut, var(--k-walnut-x)) center / cover;box-shadow:0 0 0 1px #0a0402,inset 0 0 0 1.5px #c89c54,inset 0 0 0 2.5px #2a1606,inset 0 1px 0 3px #ffdca826,2px 10px 18px -4px #000a;transition:filter .25s}.m-deck-art{display:block;width:100%;aspect-ratio:300 / 180;border-radius:4px;background-size:cover;background-position:center 42%;box-shadow:inset 0 0 0 1px #000,inset 2px 4px 8px #000b,0 0 0 1.5px #906232,0 0 0 2.5px #1a0c03}.m-deck-name.k-plate{position:relative;z-index:2;margin:-11px 0 0;max-width:calc(100% + 8px);height:23px;font-size:12.5px;padding:0 9px;letter-spacing:.03em}.m-deck-gems{display:flex;justify-content:center;gap:6px;margin-top:5px}.m-deck-gems .k-socket{--k-s: 25px}.m-deck-tag.k-plate{position:absolute;left:50%;bottom:-1px;translate:-50% 0;z-index:3;height:20px;font-size:11.5px;padding:0 10px;opacity:0;scale:.8;transition:opacity .2s,scale .25s}.m-deck:not(.on) .m-deck-card,.m-deck:not(.on) .m-deck-pile{filter:brightness(.6) saturate(.75)}.m-deck:not(.on):hover .m-deck-card{filter:brightness(.84) saturate(.9)}.m-deck:not(.on):hover{translate:0 -2px}.m-deck.on{translate:0 -6px}.m-deck.on .m-deck-card{box-shadow:0 0 0 1px #0a0402,inset 0 0 0 1.5px #f2d488,inset 0 0 0 2.5px #2a1606,inset 0 1px 0 3px #ffdca826,0 0 0 1px #ffd89080,0 0 26px #ff9a3a66,3px 16px 24px -6px #000a}.m-deck.on .m-deck-tag{opacity:1;scale:1}.m-deck:focus-visible{outline:2px solid var(--k-focus);outline-offset:2px}.play-panel .decklist{margin-top:10px;flex:1 1 0;min-height:150px;display:flex;flex-direction:column}.play-panel .decklist>.m-h3{flex:none}.play-panel .decklist ul{list-style:none;margin:0;padding:0 4px 2px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:3px 9px;flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b48e52 #060a1680}.play-panel .decklist li{position:relative;display:grid;grid-template-columns:24px 26px minmax(0,1fr) auto;align-items:center;gap:6px;height:25px;padding:0 9px 0 2px;border-radius:5px;cursor:help;background:var(--k-grain-fine),linear-gradient(90deg,color-mix(in srgb,var(--c) 30%,#0e1426),#0a1020d8 72%);box-shadow:inset 0 0 0 1px #b48e5244,inset 0 1px #ffffff0c,0 1px 2px #0008;transition:box-shadow .15s}.play-panel .decklist li:hover{box-shadow:inset 0 0 0 1px #ffd890aa,0 0 10px #ff9a3a33}.m-dl-cost.k-cost{--k-s: 25px;margin-left:-1px}.m-dl-cost.k-cost:before{animation:none}.m-dl-art{width:26px;height:21px;border-radius:3px;background-size:cover;background-position:center;box-shadow:0 0 0 1px #000,0 0 0 1.8px #906232}.m-dl-name{min-width:0;font:500 14px/1 var(--k-f-text);color:#f2ecdf;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-dl-n{font:700 13px/1 var(--k-f-num);font-variant-numeric:lining-nums;color:var(--k-label-gold);text-shadow:0 1px 2px #000}.m-grabbel{position:relative;display:grid;justify-items:center;gap:12px;padding:22px 12px 8px;text-align:center}.m-grabbel .barrel{width:min(260px,70%);height:auto;filter:drop-shadow(3px 12px 14px #000c)}.m-grabbel .gems{position:absolute;left:50%;top:10px;transform:translate(-50%);display:flex;gap:50px;pointer-events:none}.m-grabbel .gems .k-socket{--k-s: 50px;animation:gb-float 3.4s ease-in-out infinite}.m-grabbel .gems .k-socket>b{width:auto;height:auto;filter:none;font:400 26px/1 var(--k-f-title);color:#2a1004;text-shadow:var(--k-cut-shadow);position:relative;z-index:2}.m-grabbel .gems .k-socket:before{content:"";position:absolute;inset:14%;border-radius:50%;z-index:0;background:radial-gradient(circle at 36% 30%,#fff 0 7%,transparent 9%),radial-gradient(circle at 50% 50%,#e8dcff,#a888f0 40%,#5a3ab0 78%,#2a1660);box-shadow:0 0 16px #b8a0ffaa}.m-grabbel .gems .k-socket.g2{animation-delay:-1.7s}.m-grabbel .gems .k-socket.g2:before{background:radial-gradient(circle at 36% 30%,#fff 0 7%,transparent 9%),radial-gradient(circle at 50% 50%,#fff4d0,#ffcf78 34%,#e0842e 70%,#9a4214);box-shadow:0 0 16px #ffb35aaa}@keyframes gb-float{0%,to{transform:translateY(14px) rotate(-8deg) scale(.96)}50%{transform:translateY(-6px) rotate(8deg) scale(1.04)}}.m-grabbel small{font:400 15.5px/1.3 var(--k-f-text);color:#e8dcc8;text-shadow:0 1px 2px #000;max-width:34ch}.m-right{display:flex;flex-direction:column;gap:12px;padding-bottom:6px}.m-right>*{flex:none}.m-right>.m-chosen{margin-top:auto}.m-right>.m-modepick+.m-go{margin-top:auto}.m-vs.m-tile{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:10px;min-height:48px;padding:6px 14px 6px 12px;font-size:19px;line-height:1.05;text-align:left}.m-vs svg{width:26px;height:26px}.m-vs-back{width:9px;height:9px;margin-left:3px;border:solid currentColor;border-width:0 0 2px 2px;rotate:45deg;opacity:.8;transition:translate .18s}.m-vs:hover .m-vs-back{translate:-3px 0;opacity:1}.m-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.m-levels.timed{grid-template-columns:repeat(2,minmax(0,1fr))}.m-level.m-tile{display:grid;justify-items:center;gap:2px;padding:6px 4px 5px;font-size:14.5px}.m-level svg{width:46px;height:34px;stroke:none}.m-level .wax{fill:#e8dcc4;stroke:#5a3a14;stroke-width:1}.m-level .flame{fill:#4a3a30;transition:fill .3s}.m-level.on .wax{fill:#fff4dc;stroke:#6a3a10}.m-level.on .flame{fill:#ffe2a0;filter:drop-shadow(0 0 3px #ffb35a) drop-shadow(0 0 6px #ff9a3a)}.m-levels.timed .wax{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.m-levels.timed .flame{fill:none;stroke:var(--k-amber);stroke-width:2.6;stroke-linecap:round}.m-levels.timed path.flame[d^=M21]{fill:var(--k-amber)}.m-levels.timed .on .flame{stroke:var(--k-amber-hi)}.m-levels.timed .on path.flame[d^=M21]{fill:var(--k-amber-hi)}.m-second{display:grid;gap:8px}.m-second label{display:grid;gap:4px;font:400 14px/1 var(--k-f-title);letter-spacing:.06em;color:var(--k-label-gold);text-shadow:0 1px 2px #000}.m-second .k-input{width:100%;font-size:17px}.m-deck2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.m-deck2 .m-tile{display:grid;justify-items:center;gap:3px;padding:6px 2px 5px}.m-deck2 .gems{display:flex}.m-deck2 .gems svg{width:18px;height:18px;stroke:none;filter:drop-shadow(0 1px 1px #000c)}.m-deck2 small{font:400 11px/1 var(--k-f-title);letter-spacing:.02em;opacity:1;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.m-modepick{display:grid;gap:7px;margin-top:2px}.m-modepick .m-tile{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:3px;padding:8px 12px;text-align:left}.m-modepick .m-tile svg{grid-row:span 2;width:30px;height:30px;stroke-width:2.4}.m-modepick .m-tile span{font-size:16px;line-height:1.05}.m-modepick .m-tile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-modepick .mode-main{padding:9px 14px}.m-modepick .mode-main span{font-size:21px}.m-modepick .mode-main svg{width:36px;height:36px}.m-modepick .mode-more{display:grid;grid-template-columns:1fr 1fr;gap:7px}.m-chosen{display:grid;justify-items:center;gap:4px;margin-top:4px;text-align:center}.m-chosen b{font-size:25px;line-height:1.05;font-weight:400;letter-spacing:.06em}.m-chosen small{font:400 15.5px/1.3 var(--k-f-text);color:#e8dcc8;text-shadow:0 1px 2px #000}.m-chosen:after{content:"";width:140px;height:9px;margin-top:4px;background:var(--k-lozenge) center / 9px 9px no-repeat,linear-gradient(90deg,#e2b46c00 3%,#e2b46c,#e2b46c00 97%) center / 100% 1.1px no-repeat}.m-go.k-btn-lantern{align-self:center;width:min(100%,290px);margin-top:8px;font-size:30px}.play-panel[data-mode=table] .m-go.k-btn-lantern{font-size:24px}.m-go span{white-space:nowrap}.m-invite{margin:0;font:400 17px/1.35 var(--k-f-text);color:var(--k-text-light);text-align:center;text-shadow:var(--k-text-shadow)}.m-invite b{color:var(--k-amber-hi);font-weight:600}.m-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:22px 6px 6px}.m-lcard.k-sheet{position:relative;display:grid;justify-items:center;align-content:start;gap:7px;margin:0;border-width:9px;padding:24px 14px 16px;text-align:center;font:400 16px/1.25 var(--k-f-text);cursor:pointer;transition:translate .18s,box-shadow .2s}.m-lcard:hover{translate:0 -4px}.m-lcard .m-lnum.k-plate{top:-9px;font-size:14px;height:25px;padding:0 16px}.m-lart{--k-s: 70px;margin-top:4px}.m-lart svg{width:58%;height:58%;fill:none;stroke:#c8b49a;stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #000)}.m-lart svg .fill{fill:#4a4058;stroke:none}.m-lcard.done .m-lart,.m-lcard.next .m-lart{--k-glow: #ff9a3a}.m-lcard.done .m-lart svg,.m-lcard.next .m-lart svg{stroke:#ffe6b0}.m-lcard.done .m-lart svg .fill,.m-lcard.next .m-lart svg .fill{fill:#fff4d0;filter:drop-shadow(0 0 4px #ffb35a) drop-shadow(0 0 8px #ff9a3a)}.m-ltitle{margin-top:2px;font:400 20px/1.12 var(--k-f-title);letter-spacing:.04em;color:var(--k-ink-red)}.m-lcard small{font:italic 400 15px/1.25 var(--k-f-text);color:#4a2e18}.m-lstate{margin-top:4px;font:400 13px/1 var(--k-f-title);letter-spacing:.08em;color:#6a5038}.m-lcard.done .m-lstate:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;vertical-align:1px;background:var(--k-lozenge) center / 100% 100% no-repeat}.m-lcard.next .m-lstate{padding:6px 14px 5px;border-radius:999px;color:#2a1004;text-shadow:var(--k-cut-shadow);background:var(--k-lit-glass);box-shadow:0 0 0 1.2px #8a5a1c,0 0 12px #ff9a3a77}.m-lcard.next{box-shadow:inset 4px 5px 8px -2px #3a1a06b0,inset 0 -2px 3px #3a1a0644,inset 0 0 18px #6e3e1630,var(--k-shadow-box),0 0 0 1px #0a0402,0 0 0 2px #ffd89088,0 0 32px #ff9a3a77}.m-lcard:focus-visible{outline:2px solid var(--k-focus);outline-offset:4px}.lessons-panel{width:min(900px,calc(100vw - 28px - var(--sl) - var(--sr)))!important}.modal.m-modal{position:absolute;inset:0;z-index:10;display:grid;place-items:center;overflow-y:auto;box-sizing:border-box;padding:40px calc(14px + var(--sr)) 14px calc(14px + var(--sl));background:var(--k-scrim)}.m-modal.m-front{position:fixed;z-index:50}.m-win{position:relative;width:min(600px,100%);display:grid;animation:m-win-in .32s cubic-bezier(.2,.9,.3,1.1) both}.m-win.m-wide{width:min(760px,100%)}@keyframes m-win-in{0%{translate:0 14px;scale:.97}}.m-wtitle.k-title{position:absolute;left:50%;top:0;translate:-50% -50%;z-index:3;font-size:24px;white-space:nowrap}.m-wpanel.k-panel{display:grid;justify-items:center;gap:14px;padding:42px 26px 22px;text-align:center}.m-wsheet.k-sheet{display:grid;justify-items:center;gap:12px;padding:36px 26px 18px;text-align:center}.m-wpanel p{margin:0;font:400 17px/1.35 var(--k-f-text);color:var(--k-text-light);text-shadow:var(--k-text-shadow);max-width:52ch}.m-wsheet p{margin:0;font:400 18px/1.45 var(--k-f-text);color:var(--k-ink);max-width:56ch}.m-help{font-size:16px!important;color:#e2d8c6!important}.row-cards{--w: min(clamp(92px, 29vh, 180px), (100vw - var(--sl, 0px) - var(--sr, 0px) - 110px) / (var(--n, 3) * 1.2));display:flex;flex-wrap:wrap;gap:calc(var(--w) * .13) calc(var(--w) * .2);justify-content:center;padding:calc(var(--w) * .085) calc(var(--w) * .06) calc(var(--w) * .08) calc(var(--w) * .078)}.m-win:has(.row-cards){width:auto;min-width:min(560px,100%);max-width:100%}.m-wpanel:has(.row-cards){padding-left:34px;padding-right:34px}.m-help~.m-actions{margin-top:12px}.m-waiting{position:absolute;left:50%;top:calc(58px + var(--st));transform:none;translate:-50% 0;display:flex;align-items:center;gap:10px;padding:9px 18px 8px 14px;border-radius:999px;white-space:nowrap;pointer-events:none;font:400 15px/1 var(--k-f-title);letter-spacing:.05em;color:var(--k-cream);text-shadow:0 1px 2px #000;background:var(--k-sheen) padding-box,var(--k-grain) padding-box,var(--k-glass, none) padding-box center / 300px 200px,var(--k-night-fill) padding-box,var(--k-brass-grad) border-box;border:1.5px solid transparent;box-shadow:var(--k-shadow-chip)}.m-waiting:before{content:"";width:9px;height:9px;border-radius:50%;flex:none;background:radial-gradient(circle at 40% 35%,#fff4d0,#ffb35a 55%,#c0581c);box-shadow:0 0 8px #ff9a3a;animation:k-breathe 1.6s ease-in-out infinite}.m-essences{justify-self:stretch;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.m-ess{position:relative;isolation:isolate;flex:0 1 196px;min-height:172px;display:grid;justify-items:center;align-content:start;gap:8px;margin:0;padding:16px 10px 14px;border:0;border-radius:8px;cursor:pointer;color:var(--k-cream);background:radial-gradient(ellipse 80% 55% at 50% 22%,color-mix(in srgb,var(--c) 30%,transparent),transparent 72%),var(--k-sheen),var(--k-grain),var(--k-night-fill);box-shadow:inset 2px 5px 12px #000d,inset 0 0 0 1px #00000080,var(--k-shadow-chip);transition:translate .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.m-ess:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;pointer-events:none;background:var(--k-brass-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.m-ess:hover,.m-ess:focus-visible{translate:0 -3px;outline:none;box-shadow:inset 2px 5px 12px #000d,1px 6px 10px #000a,0 0 0 1px color-mix(in srgb,var(--c) 70%,#fff),0 0 24px color-mix(in srgb,var(--c) 60%,transparent)}.m-ess.cue{box-shadow:inset 2px 5px 12px #000d,0 0 0 3px var(--cue),0 0 22px var(--cue)}.m-ess-gem{--k-s: 64px}.m-ess-name{font:400 20px/1 var(--k-f-title);letter-spacing:.05em;color:var(--k-cream);text-shadow:var(--k-label-shadow)}.m-have{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;min-height:22px;margin-top:4px}.m-have>i{position:relative;display:inline-block;width:18px;height:18px}.m-have>i svg{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 1px #000c)}.m-have>i.owned{opacity:.5;filter:saturate(.6)}.m-have>i.plus{width:22px;height:22px}.m-have>i.plus:before{content:"";position:absolute;inset:-6px;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--c) 75%,transparent) 0 35%,transparent 70%);animation:plus-glow 2.4s ease-in-out infinite}.m-have>i.plus b{position:absolute;right:-7px;top:-8px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 var(--k-f-num);color:#2a1004;background:radial-gradient(circle at 40% 35%,#fff4d0,#ffcf78 60%,#e0842e);box-shadow:0 0 0 1.2px #4a2e12}@keyframes plus-glow{0%,to{opacity:.35}50%{opacity:1}}.m-unlocks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.m-unlocks .thumb{position:relative}.m-unlocks .thumb.closer{opacity:.5;filter:saturate(.4)}.m-unlocks .thumb .need{position:absolute;right:-4px;bottom:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;display:grid;place-items:center;font:800 11px/1 var(--k-f-num);font-variant-numeric:lining-nums;color:#fff6e4;background:var(--d, #3a2a58);box-shadow:0 0 0 1.2px #1a0c03}.m-ess.m-cardpick{--c: #ffb35a;--d: #4a2e12}.m-pickcard{position:relative;display:block;width:64px;height:64px}.m-pickcard i{position:absolute;top:6px;width:34px;height:50px;border-radius:4px;background:radial-gradient(circle at 50% 46%,#ffd890 0 11%,#8a5a1c 12% 15%,transparent 16%),var(--k-lamp),var(--k-walnut-x) center / cover;box-shadow:0 0 0 1px #0a0402,inset 0 0 0 1.5px #c89c54,var(--k-shadow-chip)}.m-pickcard i:first-child{left:6px;rotate:-10deg}.m-pickcard i:last-child{left:22px;rotate:8deg}.m-have-note{font:italic 400 14px/1.2 var(--k-f-text);color:#d8ccb8}.m-picknote{display:block;max-width:160px;font:400 14px/1.3 var(--k-f-text);color:#e8dcc8;text-align:center}.m-endlamps{display:flex;justify-content:center;gap:22px;margin:4px 0 2px}.m-endlamps .k-rosette{--k-s: 62px}.m-end .m-wtitle.k-title{font-size:30px}.m-end .m-win{width:min(480px,100%)}.m-end .m-wpanel{padding-top:46px}.m-lost .k-rosette:not(.k-out){filter:saturate(.7) brightness(.8)}.m-lost .k-rosette:after{animation:none;opacity:.5}.m-won .m-win{animation:m-rise 1.1s cubic-bezier(.2,.9,.3,1) both}.m-won .m-wpanel{animation:m-lit 2.6s ease-in-out infinite}.m-lost .m-win{animation:m-sink 1.4s ease-out both}.m-lost .m-wpanel{background:var(--k-bg, none) 0 0 / 100% 100% no-repeat,linear-gradient(180deg,#060a1866,#060a1899),var(--k-night-glass)}@keyframes m-rise{0%{translate:0 40px;scale:.9}}@keyframes m-sink{0%{translate:0 -16px}}@keyframes m-lit{0%,to{box-shadow:var(--k-shadow-box),inset 0 -20px 30px -12px #ff9a3a30,0 0 70px 6px #ff9a3a44}50%{box-shadow:var(--k-shadow-box),inset 0 -24px 44px -10px #ff9a3a50,0 0 130px 24px #ffb35a66}}.m-won.m-modal{background:radial-gradient(ellipse 40% 45% at 50% 50%,#ffb35a2a,transparent 75%),var(--k-scrim)}.m-odo{position:absolute;left:calc(14px + var(--sl));top:46%;translate:0 -50%;z-index:12;width:min(400px,29vw);display:grid;grid-template-columns:auto 1fr;align-items:center;animation:odo-in .35s ease-out}.m-odo .m-odoface{position:relative;z-index:2;margin-right:-16px;filter:var(--k-shadow)}.m-odosheet.k-sheet{position:relative;border-width:6px;padding:10px 16px 10px 24px;border-radius:8px;font:400 19px/1.3 var(--k-f-text)}.m-odosheet p{margin:0;color:var(--k-ink);text-wrap:pretty}.m-odo.tap{cursor:pointer}.m-odo.tap .m-odosheet{padding-right:28px}.m-next{position:absolute;right:9px;bottom:9px;width:0;height:0;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent var(--k-ink-red);filter:drop-shadow(0 0 3px #ff9a3a88);animation:odo-bob 1s ease-in-out infinite}.m-odo.n1{animation:odo-shake .4s}.m-odo.n0:not(:first-child){animation:odo-shake2 .4s}@keyframes odo-in{0%{opacity:0;margin-top:-8px}}@keyframes odo-bob{50%{transform:translate(4px)}}@keyframes odo-shake{25%{margin-left:-6px}75%{margin-left:6px}}@keyframes odo-shake2{25%{margin-left:-6px}75%{margin-left:6px}}.m-odoend .m-wsheet{padding-top:40px}.m-odoline{font-size:21px!important;line-height:1.38!important;text-wrap:pretty}.m-odoend .m-progress{justify-content:center;flex-wrap:wrap;gap:8px 18px;margin:2px 0 4px}.m-odoend .m-progress li{color:#6a5440}.m-odoend .m-progress li.done{color:var(--k-ink-red)}.m-odoend .m-actions .k-btn-lantern{font-size:18px;letter-spacing:.1em}.m-brief{width:min(880px,100%)}.m-brief .m-wsheet{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:stretch;gap:0;max-height:calc(100vh - 70px);padding:34px 6px 12px 24px;text-align:left}.m-brief-scroll{min-height:0;overflow-y:auto;padding:0 18px 10px 0;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#7a4a1e #c4a26a55}.m-brief-what{margin:0 0 8px!important;font-size:18px!important;line-height:1.4!important;max-width:none!important}.m-brief-cols{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.m-brief h3{margin:10px 0 5px;font:400 18px/1.1 var(--k-f-title);letter-spacing:.05em;color:var(--k-ink-red)}.m-brief ul{margin:0;padding-left:18px;display:grid;gap:5px;color:var(--k-ink);font:400 15.5px/1.36 var(--k-f-text)}.m-brief ul li::marker{color:#8a4a1e}.m-brief ul.m-watch li::marker{content:"?  ";color:var(--k-ink-red);font-weight:700}.m-brief b{color:var(--k-ink-red);font-weight:600}.m-brief .m-common{align-self:start;padding:4px 14px 12px;border-radius:6px;background:#5e3a1414;box-shadow:inset 0 0 0 1px #8a5a2a44,inset 1px 2px 6px #3a1a0630}.m-brief .m-common ul{font-size:14.5px}.m-brief-tip{margin:10px 0 0!important;padding:6px 10px;border-left:3px solid var(--k-ink-red);background:#5e1c1210;font-size:15px!important}.m-brief .m-actions{padding:10px 18px 0 0;border-top:1px solid #8a5a2a40;margin-top:0}.m-brief .m-actions:has(>.k-btn-back){justify-content:space-between}.m-quick .m-win{width:min(780px,100%)}body:has(>.m-quick) .m-modal:not(.m-quick){visibility:hidden}.m-quick .m-wsheet.k-sheet{padding:38px 24px 16px;gap:14px}.m-quick-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:q}.m-quick-rules li{display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:10px;counter-increment:q}.m-quick-rules svg{display:block;width:min(100%,210px);height:auto;filter:drop-shadow(1px 3px 4px #3a1a0655)}.m-quick-rules p{margin:0;max-width:18em;font:400 18.5px/1.32 var(--k-f-text);color:var(--k-ink);text-wrap:balance}.m-quick-rules p:before{content:counter(q) ".  ";font:400 1.05em/1 var(--k-f-title);color:var(--k-ink-red)}.m-quick-rules b{color:var(--k-ink-red);font-weight:700}.m-quick .m-actions{width:100%;justify-content:space-between;padding-top:10px;border-top:1px solid #8a5a2a40;margin-top:0}.m-quick-quiet{display:inline-flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;user-select:none;font:400 16px/1.2 var(--k-f-text);color:var(--k-ink)}.m-quick-quiet input{appearance:none;margin:0;flex:none;width:22px;height:22px;border-radius:4px;cursor:pointer;background:#f4e4c0 padding-box;border:2px solid #7a4a1e;box-shadow:inset 1px 2px 3px #3a1a0640}.m-quick-quiet input:checked{background:center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.6' fill='none' stroke='%235e1c12' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),#f4e4c0}.m-quick-quiet input:focus-visible{outline:2px solid var(--k-focus);outline-offset:2px}#curtain{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:14px;background:radial-gradient(ellipse 50% 55% at 0% -6%,#ffc4741c,transparent 72%),radial-gradient(ellipse at 50% 42%,#141e3a,#050912 76%);animation:curtain-in .45s ease-out both}@keyframes curtain-in{0%{opacity:0}}.m-curtain{width:min(420px,100%)}.m-curtain .m-wpanel{padding:30px 34px 26px;gap:12px}.m-curtain .hands{width:160px;height:auto;filter:var(--k-shadow);animation:hands 2.4s ease-in-out infinite}@keyframes hands{50%{transform:translate(8px) rotate(2deg)}}.m-curtain h2{margin:0;font:400 20px/1 var(--k-f-title);letter-spacing:.08em;color:var(--k-label-gold);text-shadow:0 1px 2px #000}.m-who{font-size:44px;line-height:1.05;font-weight:400;letter-spacing:.04em;padding:0 4px 4px}.m-curtain .k-btn-lantern{font-size:22px;margin-top:6px}#replay{position:fixed;left:50%;top:calc(64px + var(--st));transform:none;translate:-50% 0;z-index:40;display:flex;align-items:center;gap:12px;padding:6px 7px 6px 16px;border:1.5px solid transparent;border-radius:999px;font:400 16px/1 var(--k-f-text);color:var(--k-text-light);text-shadow:0 1px 2px #000;background:var(--k-sheen) padding-box,var(--k-grain) padding-box,var(--k-glass, none) padding-box center / 300px 200px,var(--k-night-fill) padding-box,var(--k-brass-grad) border-box;box-shadow:var(--k-shadow-chip)}#replay b{font:400 17px/1 var(--k-f-title);letter-spacing:.04em;color:var(--k-amber-hi);font-weight:400}#replay .rp-eye{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffd0c0,#e8402e 60%,#8a1408);box-shadow:0 0 10px #ff5a40;animation:rp 1.2s ease-in-out infinite}@keyframes rp{50%{opacity:.35}}main.m-lobby{position:absolute;inset:0}.m-lobbypanel.k-panel{width:min(520px,calc(100vw - 28px - var(--sl) - var(--sr)));grid-template-rows:none;justify-items:center;gap:14px;padding:46px 26px 18px;text-align:center}.m-lobbypanel h1{margin:0;font-size:30px;line-height:1.1;font-weight:400;letter-spacing:.04em;text-wrap:balance}.m-lobbypanel .m-sub{margin:0;max-width:40ch;font:400 17px/1.35 var(--k-f-text);color:var(--k-text-light)}.m-share{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%}.m-share .k-input{width:100%;font-size:15px;user-select:all}.m-share .k-btn-lantern{font-size:19px}.m-seats{list-style:none;margin:0;padding:0;display:grid;gap:7px;width:100%}.m-seats li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-radius:6px;font:400 17px/1 var(--k-f-title);letter-spacing:.04em;color:var(--k-cream);background:#060a1680;box-shadow:inset 1px 3px 7px #000c,inset 0 0 0 1px #b48e5244}.m-seats li small{font:italic 400 14px/1 var(--k-f-text);letter-spacing:0;color:#d8ccb8}.m-seats li.empty{justify-content:center;font:italic 400 15px/1 var(--k-f-text);color:#a89c8c}.m-status{margin:0;font:italic 400 15px/1 var(--k-f-text);color:#d8ccb8}.m-lobbypanel .k-btn-back{justify-self:start;margin-top:10px}@media(max-height:820px){.m-chosen small{font-size:14.5px}.m-go.k-btn-lantern{font-size:27px}}@media(max-height:680px){.m-panel.k-panel{padding-top:40px}.m-panel .panel-body{gap:18px}.m-decks{gap:10px 9px}.m-deck-art{aspect-ratio:300 / 150}.play-panel .decklist{margin-top:12px}.play-panel .decklist li{height:24px}.m-chosen:after{display:none}.m-right:has(.m-second) .m-chosen small{display:none}}@media(max-height:520px){.m-box{--m-rail: 22px;padding:48px 40px 24px;gap:8px}.m-signs{top:1px;gap:8px}.m-signs .k-socket{--k-s: 20px}.m-lid-top .m-signs{gap:12px}.m-lid-top .m-signs .k-socket{--k-s: 28px}.m-box{--lid-t: 10px}.m-lid{perspective:1500px}.m-lid-under{border-width:18px}.m-boxtitle.k-title{font-size:26px;margin:8px 0 2px}.m-choices,.m-duo{gap:8px}.m-choice.k-btn,.m-duo .m-choice{height:44px;font-size:16px}.m-choice.k-btn-lantern{height:48px;font-size:18px}.m-choice svg{width:22px;height:22px}.m-lbl small{font-size:11.5px}.m-drawers{bottom:calc(8px + var(--sb));left:auto;right:calc(12px + var(--sr));translate:none}.m-drawer.k-btn{height:46px;font-size:16px;padding:0 16px 0 13px}.m-drawer svg{width:22px;height:22px}.m-name.k-plate{top:calc(8px + var(--st));bottom:auto;left:calc(12px + var(--sl));height:44px;font-size:16px;padding:0 18px 0 12px}.m-crest{--k-s: 28px;font-size:15px}.m-name input{width:124px;height:34px;font-size:17px}.m-panel.k-panel{width:calc(100vw - 20px - var(--sl) - var(--sr));max-height:calc(100vh - 34px);margin-top:12px;padding:27px 14px 8px;grid-template-rows:minmax(0,1fr)}.m-ptitle.k-title{font-size:19px}.m-panel>.k-btn-back{position:absolute;top:0;left:16px;translate:0 -50%;z-index:4;margin:0;height:44px;font-size:17px}.m-panel .panel-body{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;padding:0 4px}.m-h3{font-size:13.5px;margin-bottom:6px}.play-panel .decklist{display:none}.m-decks{gap:10px 8px}.m-deck{padding:4px 2px 12px}.m-deck-pile{inset:4px 2px 12px}.m-deck-card{padding:4px 4px 5px}.m-deck-art{aspect-ratio:300 / 170}.m-deck-name.k-plate{height:20px;font-size:11.5px;padding:0 7px;margin-top:-9px}.m-deck-gems{gap:4px;margin-top:3px}.m-deck-gems .k-socket{--k-s: 20px}.m-deck-tag.k-plate{height:18px;font-size:10.5px;padding:0 8px;bottom:-4px}.m-panel .panel-body{overflow-x:hidden}.m-right{gap:4px;padding-bottom:5px}.play-panel.m-panel.k-panel{height:calc(100vh - 34px)}.m-vs.m-tile{min-height:44px;padding:3px 10px 3px 9px;column-gap:8px;font-size:15px}.m-vs svg{width:20px;height:20px}.m-vs-back{width:7px;height:7px}.play-panel .panel-body.m-step1{gap:0}.m-foes-h.m-h3{margin:2px 0 0}.m-foes{gap:10px;padding:6px 2px 4px}.m-foe.m-tile{gap:8px;padding:12px 8px}.m-foe-ico.k-socket{--k-s: 58px}.m-foe-name{font-size:17px}.m-foe small{font-size:13px;line-height:1.22}.m-levels{gap:4px}.m-level.m-tile{min-height:44px;grid-auto-flow:column;justify-content:center;align-items:center;gap:4px;padding:2px 4px;font-size:13.5px}.m-level svg{width:30px;height:26px}.m-modepick{gap:4px;margin-top:0}.m-modepick .mode-more{gap:4px}.m-modepick .m-tile{min-height:44px;padding:3px 8px;column-gap:7px;row-gap:1px}.m-modepick .mode-main{padding:3px 10px}.m-modepick .mode-main span{font-size:16px}.m-modepick .m-tile span{font-size:13.5px}.m-modepick .m-tile svg{width:22px;height:22px}.m-modepick .mode-main svg{width:26px;height:26px}.m-modepick .m-tile small{font-size:11.5px}.m-chosen{display:none}.m-go.k-btn-lantern{height:46px;font-size:22px;margin-top:1px}.m-right>.m-go.k-btn-lantern{margin-top:auto}.play-panel[data-mode=table] .m-go.k-btn-lantern{font-size:19px;letter-spacing:.12em}.m-second{gap:5px}.m-second label{font-size:12.5px}.m-second .k-input{height:44px;font-size:15px}.m-deck2 .m-tile{min-height:44px;padding:3px 1px}.m-deck2 .gems svg{width:15px;height:15px}.m-deck2 small{font-size:10.5px}.play-panel .panel-body:has(.m-second){grid-template-columns:minmax(0,.95fr) minmax(0,1.5fr)}.m-right:has(.m-second){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:10px;align-content:start}.m-right:has(.m-second)>.m-vs{grid-area:1 / 1}.m-right:has(.m-second)>.m-modepick{grid-area:2 / 1}.m-right:has(.m-second)>.m-go{grid-area:3 / 1;align-self:end;margin-top:0}.m-right>.m-second{grid-area:1 / 2 / 4 / 3;align-content:start}.m-right>.m-second .m-deck2{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.play-panel .panel-body:has(.m-second) .m-deck-name.k-plate{font-size:9.5px;padding:0 5px}.m-grabbel{padding:14px 8px 4px;gap:6px}.m-grabbel .barrel{width:min(170px,60%)}.m-grabbel .gems{gap:34px;top:4px}.m-grabbel .gems .k-socket{--k-s: 36px}.m-grabbel .gems .k-socket>b{font-size:19px}.m-grabbel small{font-size:13px}.m-lessons{gap:12px;padding:20px 2px 4px}.m-lcard.k-sheet{border-width:7px;padding:18px 8px 10px;gap:5px}.m-lcard .m-lnum.k-plate{top:-7px;font-size:12px;height:21px}.m-lart{--k-s: 46px}.m-ltitle{font-size:16.5px}.m-lcard small{font-size:13px;line-height:1.2}.m-lstate{font-size:12px}.modal.m-modal{padding-top:30px;padding-bottom:8px}.m-wtitle.k-title{font-size:19px}.m-end .m-wtitle.k-title{font-size:22px}.m-wpanel.k-panel{padding:30px 16px 12px;gap:9px}.m-wsheet.k-sheet{padding:28px 18px 12px;gap:8px;border-width:8px}.m-wpanel p{font-size:15px}.m-wsheet p{font-size:15.5px}.m-help{font-size:14px!important}.m-actions{gap:10px 14px}.m-win .k-btn-lantern{height:44px;font-size:18px}.m-win .m-actions .k-btn{height:44px;font-size:15px}.m-odoend .m-actions .k-btn-lantern{font-size:15px}.m-waiting{top:calc(46px + var(--st));font-size:13px;padding:7px 14px 6px 11px}.m-essences{gap:8px}.m-ess{flex-basis:150px;min-height:0;padding:10px 6px 9px;gap:5px}.m-ess-gem{--k-s: 44px}.m-ess-name{font-size:16px}.m-pickcard{width:44px;height:44px}.m-pickcard i{width:24px;height:35px;top:4px}.m-pickcard i:last-child{left:16px}.m-picknote{font-size:12px}.m-endlamps .k-rosette{--k-s: 44px}.m-odo{width:min(330px,31vw)}.m-odo .m-odoface{--k-s: 42px;margin-right:-12px}.m-odosheet.k-sheet{font-size:16px;padding:7px 12px 7px 18px}.m-odoface.big{--k-s: 54px}.m-odoline{font-size:17px!important}.m-odoend .m-wsheet{padding-top:30px}.m-progress li{font-size:12px}.m-brief .m-wsheet{padding:26px 4px 8px 16px;max-height:calc(100vh - 40px)}.m-brief-cols{gap:12px}.m-brief ul{font-size:13px;gap:2px}.m-brief .m-common ul{font-size:12.5px}.m-brief-what{font-size:15px!important}.m-brief h3{font-size:15px;margin-top:6px}.m-brief .m-actions,.m-brief .m-actions:has(>.k-btn-back){padding-top:7px;justify-content:center}.m-brief .m-wsheet:has(.k-btn-back){padding-top:34px}.m-brief .m-actions>.k-btn-back{position:absolute;top:0;left:16px;translate:0 -50%;z-index:4;height:44px;font-size:17px}.m-curtain .m-wpanel{padding:18px 24px 16px;gap:6px}.m-curtain .hands{width:110px}.m-who{font-size:32px}#replay{top:calc(48px + var(--st));font-size:14px}.m-lobbypanel.k-panel{padding:34px 20px 12px;gap:9px}.m-lobbypanel .k-btn-lantern{height:44px}.m-lobbypanel h1{font-size:22px}.m-lobbypanel .m-sub{font-size:14.5px}.m-quick .m-wsheet.k-sheet{padding:28px 16px 8px;gap:8px}.m-quick-rules{gap:12px}.m-quick-rules li{gap:6px}.m-quick-rules svg{width:min(100%,150px)}.m-quick-rules p{font-size:15.5px;line-height:1.25}.m-quick .m-actions{padding-top:6px}.m-quick-quiet{font-size:14.5px}}@media(max-height:370px){.m-panel.k-panel{max-height:calc(100vh - 28px);margin-top:11px}.play-panel.m-panel.k-panel{height:calc(100vh - 28px)}.m-go.k-btn-lantern{height:44px;font-size:21px}.m-deck-art{aspect-ratio:300 / 150}}@media(prefers-reduced-motion:reduce){.m-grabbel .gems .k-socket,.m-have>i.plus:before,.play-panel .panel-body,.m-odoface>i,.m-waiting:before,#curtain,.m-curtain .hands,#replay .rp-eye,.m-won .m-wpanel,.m-odo,.m-win,.m-panel.k-panel{animation:none!important}}@media(max-width:1100px)and (min-height:521px){.m-panel .panel-body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}.m-decks{gap:8px 9px}.m-deck-name.k-plate{font-size:11px;padding:0 6px}.m-deck-gems .k-socket{--k-s: 22px}.play-panel .decklist ul{grid-template-columns:repeat(2,minmax(0,1fr))}.m-right .k-btn-lantern{max-width:100%;box-sizing:border-box;font-size:clamp(15px,2.2vw,20px);letter-spacing:.1em}.m-modepick .m-tile{padding:8px 9px;column-gap:7px}}:root{--hud-lamp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f4e0a8'/%3E%3Cstop offset='.35' stop-color='%23d4a65e'/%3E%3Cstop offset='.7' stop-color='%23906232'/%3E%3Cstop offset='1' stop-color='%234a2e12'/%3E%3C/linearGradient%3E%3CradialGradient id='g' cx='.5' cy='.6' r='.66'%3E%3Cstop offset='0' stop-color='%23fff4d0'/%3E%3Cstop offset='.32' stop-color='%23ffd890'/%3E%3Cstop offset='.7' stop-color='%23f4a446'/%3E%3Cstop offset='1' stop-color='%23c0581c'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='7' cy='1.7' r='1.1' fill='none' stroke='url(%23b)' stroke-width='.9'/%3E%3Cpath d='M2.2 5.3 7 2.6l4.8 2.7z' fill='url(%23b)' stroke='%232a1606' stroke-width='.5' stroke-linejoin='round'/%3E%3Crect x='3.1' y='5.3' width='7.8' height='9.3' rx='.8' fill='url(%23g)' stroke='%232a1606' stroke-width='.5'/%3E%3Cpath d='M7 5.5v9' stroke='%23904a14' stroke-width='.6' opacity='.7'/%3E%3Cpath d='M3.4 5.5v9M10.6 5.5v9' stroke='url(%23b)' stroke-width='.9'/%3E%3Cpath d='M2 14.6h10l-1.1 2.3H3.1z' fill='url(%23b)' stroke='%232a1606' stroke-width='.5' stroke-linejoin='round'/%3E%3Cpath d='M4.4 16.9h5.2v1.5H4.4z' fill='%234a2e12'/%3E%3C/svg%3E");--hud-lamp-out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23b8a07a'/%3E%3Cstop offset='.4' stop-color='%23806440'/%3E%3Cstop offset='1' stop-color='%23382614'/%3E%3C/linearGradient%3E%3CradialGradient id='g' cx='.44' cy='.36' r='.7'%3E%3Cstop offset='0' stop-color='%23463c52'/%3E%3Cstop offset='.6' stop-color='%231e1828'/%3E%3Cstop offset='1' stop-color='%230c0814'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='7' cy='1.7' r='1.1' fill='none' stroke='url(%23b)' stroke-width='.9'/%3E%3Cpath d='M2.2 5.3 7 2.6l4.8 2.7z' fill='url(%23b)' stroke='%23140a04' stroke-width='.5' stroke-linejoin='round'/%3E%3Crect x='3.1' y='5.3' width='7.8' height='9.3' rx='.8' fill='url(%23g)' stroke='%23140a04' stroke-width='.5'/%3E%3Cpath d='M4.3 7.2l2.2-1.1' stroke='%23ffffff' stroke-opacity='.22' stroke-width='.7' stroke-linecap='round'/%3E%3Cpath d='M3.4 5.5v9M10.6 5.5v9' stroke='url(%23b)' stroke-width='.9'/%3E%3Cpath d='M2 14.6h10l-1.1 2.3H3.1z' fill='url(%23b)' stroke='%23140a04' stroke-width='.5' stroke-linejoin='round'/%3E%3Cpath d='M4.4 16.9h5.2v1.5H4.4z' fill='%23382614'/%3E%3C/svg%3E");--hud-hourglass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12M6 21h12M7 3c0 5 10 5 10 9s-10 4-10 9M17 3c0 5-10 5-10 9s10 4 10 9' fill='none' stroke='%23e2b46c' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M9.5 18.6c1.2-1.4 3.8-1.4 5 0z' fill='%23ffb648'/%3E%3C/svg%3E");--hud-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4c2.5 3 4 5 4 7.5a4 4 0 0 1-8 0C8 9 9.5 7 12 4z' fill='%23ffcf7a' stroke='%233a2208' stroke-width='1.2'/%3E%3C/svg%3E");--hud-pewter-grad: linear-gradient(180deg, #e2e0ea 0%, #aaa4bc 30%, #6e6888 72%, #524c6a 100%)}#g-top.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(8px + var(--st)) calc(10px + var(--sr)) 0 calc(10px + var(--sl));pointer-events:none}#g-top.topbar>*{pointer-events:auto}.hud-plate{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 12px 9px 10px;font:400 14px/1.2 var(--k-f-text)}.hud-plate.me{flex-direction:column;align-items:flex-start;gap:6px}.hud-plate.active{box-shadow:var(--k-shadow-box),inset 0 -24px 30px -10px #ff9a3a52,inset 0 0 22px #3a4aa01a,0 0 0 1px #ffd89040,0 0 24px 2px #ff9a3a4a}.hp-row{display:flex;align-items:center;gap:9px;min-width:0}.hp-sub{gap:10px}.hud-plate .hp-name{font-size:15px}.hp-deck{font:italic 400 14px/1 var(--k-f-text);color:#e8dcc4;white-space:nowrap}.hp-deck .k-num{font-style:normal;font-size:15.5px;margin-right:.1em}.hp-chips{display:flex;gap:5px}.hp-chips .k-chip{font-size:12.5px}.hp-chips .k-chip svg{width:1.25em;height:1.25em}.hp-chips .hp-sound{padding:0 .75em}.lights{display:inline-flex;align-items:flex-end;gap:3px;flex:none}.lights .lamp{display:block;width:13px;height:19px;background:var(--hud-lamp) center / contain no-repeat;filter:drop-shadow(0 0 4px #ffa640aa) drop-shadow(.5px 1.5px 1px #000c)}.lights .lamp.out{background-image:var(--hud-lamp-out);filter:drop-shadow(.5px 1.5px 1px #000c)}.hud-plate .backs{display:flex;padding-left:6px}.hud-plate .backs .fback{display:block;width:14px;height:20px;margin-left:-5px;border-radius:2px;background:radial-gradient(circle at 50% 50%,#ffd890 0 1.2px,#e0842e 1.8px,#6a3a14 2.6px,transparent 3.2px),var(--k-lamp),var(--k-walnut-x) center / 60px auto;box-shadow:inset 0 0 0 1px #0a0402,inset 0 0 0 1.8px #b48e52cc,0 0 0 .6px #0a0402,1px 1.5px 2px #000b}.hud-plate.foe .who{display:grid;gap:5px;justify-items:start;min-width:0}.hud-plate .essbox{display:flex;align-items:center;flex:none}.hud-plate .gems-row{display:flex;flex-wrap:wrap;align-items:center;gap:2px;max-width:116px}.topbar .hud-gem{--k-s: 22px}.hud-plate .k-btn{font-size:12.5px}.rope{position:relative;flex:0 1 30vw;height:12px;margin-top:14px;opacity:0;transition:opacity .4s;pointer-events:none!important}.rope.on{opacity:1}.rope:before{content:"";position:absolute;inset:2px 0;border-radius:4px;background:linear-gradient(180deg,var(--k-night),var(--k-night-2));box-shadow:inset 0 1px 2px #000,0 0 0 1px #0a0402,0 0 0 2px #b48e52,0 0 0 3px #0a0402,1px 3px 6px #000a}.rope #rope{position:absolute;left:1px;top:4px;height:4px;max-width:calc(100% - 2px);border-radius:2px;transition:width .2s linear;background:repeating-linear-gradient(115deg,#6a4420 0 2px,#c8955a 2px 4px,#8a5a2a 4px 6px);box-shadow:0 0 4px #ff9a3a55}.rope #rope:after{content:"";position:absolute;right:-8px;top:-7px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fff6d4 0 12%,#ffd890 22%,#ff9a3a 45%,#ff9a3a00 70%);animation:hud-spark .22s infinite alternate}.rope #rope-s{position:absolute;right:0;top:15px;font-size:16px}.rope.acting #rope-s{color:#ff9a8a}@keyframes hud-spark{to{scale:1.35;opacity:.85}}#g-mine.mine{position:absolute;left:calc(12px + var(--sl));bottom:calc(12px + var(--sb))}#g-mine .essbox{display:flex;align-items:center;padding:8px 12px}#g-mine .gems-row{display:flex;flex-wrap:wrap;align-items:center;gap:3px;max-width:250px}#g-mine .hud-gem{--k-s: 32px}.gem-count{margin-right:6px;font-size:26px;line-height:1;white-space:nowrap}.gem-count small{font-size:16px;color:#e8d6b0}.hud-gem.used>svg{filter:drop-shadow(.6px 1.4px 1px #000b) saturate(.7) brightness(.85)}.hud-gem.free>svg{filter:drop-shadow(0 0 5px #fff) drop-shadow(.6px 1.4px 1px #000a)}.hud-gem.new{animation:hud-gem-pop .7s cubic-bezier(.2,.9,.3,1)}@keyframes hud-gem-pop{0%{scale:2.3;translate:0 -28px;opacity:0}60%{scale:1.18;translate:0 0;opacity:1}to{scale:1}}#g-mine.cue .essbox{box-shadow:0 0 0 3px var(--cue),0 0 22px var(--cue),var(--k-shadow-box)}.endwrap{position:absolute;right:calc(18px + var(--sr));bottom:calc(16px + var(--sb));width:max-content}#g-end.k-medallion{--k-s: 112px;font-size:17px}#g-end.k-medallion.long{font-size:13px;letter-spacing:.02em}#g-end.cue{filter:drop-shadow(0 0 3px var(--cue)) drop-shadow(0 0 14px var(--cue))}body.no-moves #g-end.glow:not(:disabled){animation:k-halo-hot 1.8s ease-in-out infinite,hud-knock 2.4s ease-in-out infinite}@keyframes hud-knock{0%,30%,to{scale:1;rotate:0deg}40%{scale:1.09;rotate:0deg}48%{scale:1.09;rotate:-7deg}56%{scale:1.09;rotate:6deg}64%{scale:1.07;rotate:0deg}}.deckpile{position:absolute;right:calc(152px + var(--sr));bottom:calc(20px + var(--sb));width:54px;height:76px;pointer-events:auto}.deckpile i{position:absolute;inset:0;translate:calc(var(--i) * -2px) calc(var(--i) * -2px);border-radius:4px;background:var(--card-back);box-shadow:0 0 0 1px #0a0402,1px 3px 6px #000a}.deckpile b{position:absolute;right:-11px;bottom:-11px;z-index:2;width:32px;height:32px;display:grid;place-items:center;font-size:15px;background:var(--k-socket-ring) center / 100% 100% no-repeat,var(--k-socket-well) center / 100% 100% no-repeat;filter:drop-shadow(1px 3px 3px #000a)}#g-hand.hand{--room: min(66vw, 100vw - 540px);width:var(--room)}#g-hand.hand .slot-card{--step: min(var(--w) * .68, (var(--room) - var(--w)) / max(1, var(--n, 5) - 1));margin-inline:calc((var(--step) - var(--w)) / 2)}#g-hand{transition:translate .4s}body.no-moves #g-hand{translate:0 16px;transition:translate .5s}body.no-moves #g-hand .slot-card .card{filter:saturate(.55) brightness(.72);transition:filter .5s}#g-hand .slot-card.returned .card{filter:drop-shadow(0 0 3px #ffd890) drop-shadow(0 0 14px #ff9a3aaa)}#g-log.log{position:absolute;right:calc(12px + var(--sr));top:50%;transform:translateY(-58%);z-index:3;display:grid;justify-items:center;gap:7px;padding:11px 8px 12px;pointer-events:auto}#g-log.log:not(:has(.log-chip)){display:none}.log .log-top{display:block;width:20px;height:20px;background:var(--hud-hourglass) center / contain no-repeat;filter:drop-shadow(.5px 1.5px 1px #000c)}.log-chip{position:relative;display:flex;align-items:center;gap:1px;padding:2px;border:1.5px solid transparent;border-radius:22px;cursor:default;background:var(--k-grain-fine) padding-box,linear-gradient(180deg,#18203a,#0a0f1e) padding-box,var(--k-brass-grad) border-box;box-shadow:var(--k-shadow-chip),0 0 8px #ff9a3a22}.log-chip.by-foe{background:var(--k-grain-fine) padding-box,linear-gradient(180deg,#1a1e2e,#08090f) padding-box,var(--hud-pewter-grad) border-box;box-shadow:var(--k-shadow-chip),0 0 8px #8a7ac022}.log-chip.new{animation:hud-log-in .4s cubic-bezier(.2,.9,.3,1)}@keyframes hud-log-in{0%{scale:.3;opacity:0}}.log-chip i{display:block;width:30px;height:30px;flex:none;border-radius:50%;cursor:help;background:radial-gradient(circle at 50% 45%,#3a2a1a,#1a1008 75%) center / cover;box-shadow:0 0 0 1px #0a0402,inset 1px 2px 4px #000a}.log-chip i.lamp{cursor:default;background:var(--hud-flame) center / 68% no-repeat,radial-gradient(circle at 50% 45%,#4a3018,#1a1008 75%)}.log-chip .lb{width:16px;height:16px;flex:none;margin:0 -1px;filter:drop-shadow(.5px 1px 1px #000c)}.log-chip:is(.k-lamp,.k-relight,.k-card) .lb{width:26px;height:26px;margin:2px}.log-chip .lc-n{position:absolute;right:-6px;bottom:-6px;min-width:19px;height:19px;padding:0 4px;box-sizing:border-box;border-radius:10px;display:grid;place-items:center;font-size:12.5px;line-height:1;background:radial-gradient(ellipse 70% 60% at 40% 25%,#ff7a64,#c42030 55%,#5e0a12);box-shadow:0 0 0 1px #0a0402,0 0 0 2px #b48e52,1px 2px 3px #000a}.log-chip .lc-through{position:absolute;right:-11px;top:-10px;display:flex;align-items:center}.log-chip .lc-through i.lamp{width:18px;height:18px;box-shadow:0 0 0 1px #0a0402,0 0 0 2px #b48e52}.log-chip .lc-through b{margin-left:-5px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;border-radius:8px;display:grid;place-items:center;font-size:11px;line-height:1;background:radial-gradient(ellipse 70% 60% at 40% 25%,#ff7a64,#c42030 55%,#5e0a12);box-shadow:0 0 0 1px #0a0402}.log-chip:nth-child(n+8){display:none}#g-status.status{position:absolute;left:50%;top:calc(40px + var(--st));transform:translate(-50%);z-index:4;display:none;align-items:center;gap:12px;white-space:nowrap}#g-status.status.on{display:flex}#g-status .k-btn-lantern{font-size:19px}#g-status .k-btn-back{font-size:15px}#g-banner .turn-banner{position:absolute;left:50%;top:40%;z-index:12;translate:-50% -50%;pointer-events:none;animation:hud-banner 1.7s cubic-bezier(.2,.9,.3,1) forwards}#g-banner .turn-banner:before{content:"";position:absolute;inset:-40px -70px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 55%,#ff9a3a40,transparent 70%)}#g-banner .turn-banner.theirs:before{background:radial-gradient(ellipse 50% 50% at 50% 55%,#6a4ab040,transparent 70%)}#g-banner .k-title{font-size:34px;white-space:nowrap}#g-banner .theirs .k-title{font-size:28px}@keyframes hud-banner{0%{opacity:0;scale:.55}14%{opacity:1;scale:1.08}22%,76%{opacity:1;scale:1}to{opacity:0;scale:.98;translate:-50% calc(-50% - 14px)}}#outcome{position:fixed;inset:0;z-index:25;pointer-events:none}#outcome .o-mark{position:absolute;transform:translate(-50%,calc(-100% - 46px));display:flex;align-items:center;gap:3px;padding:4px 10px;animation:hud-o-in .18s cubic-bezier(.2,.9,.3,1.2) both}#outcome .o-mark.lantern{transform:translate(-50%,calc(-100% - 78px))}#outcome .o-mark:before{content:"";position:absolute;inset:-10px -16px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#060a18d0 0%,#060a1890 55%,transparent 100%)}#outcome .o-mark:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:26px;margin-left:-1px;background:linear-gradient(180deg,#f1d79a,#b48e52 60%,#b48e5200);box-shadow:0 0 0 .5px #0a0402a0;-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent)}#outcome .o-mark.lantern:after{height:56px}body #outcome .o-mark.below{transform:translate(-50%,44px)}body #outcome .o-mark.below:after{top:auto;bottom:100%;height:30px;background:linear-gradient(0deg,#f1d79a,#b48e52 60%,#b48e5200);-webkit-mask:linear-gradient(0deg,#000 70%,transparent);mask:linear-gradient(0deg,#000 70%,transparent)}@keyframes hud-o-in{0%{opacity:0;scale:.7;translate:0 8px}}#outcome :is(.k-ruby,.k-coin).o-n{--k-s: 46px;letter-spacing:-.04em}#outcome .k-rosette.o-life{--k-s: 56px;font-size:23px;font-family:var(--k-f-num);font-weight:800;letter-spacing:-.04em;text-shadow:var(--k-num-shadow)}#outcome .k-rosette.o-life.k-down{color:#ffb0a0}#outcome .k-rosette.o-life.k-up{color:#b8f5a8}#outcome .k-rosette.o-through{filter:drop-shadow(0 0 6px #ff7a2a) drop-shadow(0 0 14px #ff9a3a88)}#outcome .o-glow{font:800 19px/1 var(--k-f-num);padding:0 .6em;height:30px}#outcome .k-socket.o-ico{--k-s: 40px}#outcome .o-ico svg{width:66%;height:66%}#outcome .o-dies{animation:hud-skull 1.1s ease-in-out infinite}@keyframes hud-skull{50%{scale:1.12}}body.previewing .inspect{opacity:0;pointer-events:none;transition:opacity .15s}.float{position:fixed;z-index:20;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font:800 calc(36px * var(--s, 1))/1 var(--k-f-num);font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;letter-spacing:-.01em;-webkit-text-stroke:.15em #120804;paint-order:stroke fill;text-shadow:1px 5px 8px #000c;animation:hud-float 1.15s cubic-bezier(.2,.9,.3,1) forwards}.float.dmg{color:#ff7c66}.float.heal{color:#94eca0}.float.info{font:400 calc(30px * var(--s, 1))/1 var(--k-f-title);letter-spacing:.06em;color:var(--k-cream);-webkit-text-stroke:0;text-shadow:var(--k-label-shadow),0 0 18px #ff9a3a88}@keyframes hud-float{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}16%{opacity:1;transform:translate(-50%,-64%) scale(1.4)}32%{transform:translate(-50%,-72%) scale(1)}to{opacity:0;transform:translate(-50%,-190%) scale(1)}}.toasts{position:fixed;top:calc(104px + var(--st));right:calc(16px + var(--sr));z-index:30;display:grid;gap:8px;width:min(300px,34vw);pointer-events:none}.toast.k-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:13px 15px 14px;font:400 15px/1.3 var(--k-f-text);animation:hud-toast 3s ease forwards}.toast b{grid-column:1;font-size:18px;line-height:1.1}.toast p{grid-column:1;margin:0;font-size:13.5px;color:#e8dcc4}.toast .mini{grid-row:1 / span 3;grid-column:2;--w: 56px}@keyframes hud-toast{0%{opacity:0;translate:10px 0}8%,88%{opacity:1;translate:0 0}to{opacity:0}}.tip{position:fixed;z-index:60;max-width:min(320px,80vw);padding:8px 12px 9px;border-radius:5px;pointer-events:none;font:500 14.5px/1.32 var(--k-f-text);color:var(--k-ink);text-shadow:0 .5px 0 #fff4d870;background:radial-gradient(ellipse 80% 70% at 10% 0%,#fff0d02a,transparent 70%),linear-gradient(165deg,transparent 40%,#2a10062e),var(--k-parchment, linear-gradient(#e4cc9c, #e4cc9c)) 0 0 / 256px 256px,#e4cc9c;box-shadow:inset 0 0 10px #6e3e1630,0 0 0 1px #5a3612,0 0 0 2.4px #c89c54,0 0 0 3.4px #160a04,2px 10px 22px #0009}@media(max-height:520px){#g-top.topbar{padding-top:calc(4px + var(--st));gap:8px}.hud-plate{gap:7px;padding:5px 8px 6px 7px}.hud-plate.me{gap:4px}.hud-plate .hp-name{font-size:13.5px}.hp-row{gap:6px}.hp-deck{font-size:13px}.hp-deck .k-num{font-size:14px}.hp-chips{gap:4px}.hp-chips .k-chip{font-size:10.5px}.lights .lamp{width:10px;height:15px}.hud-plate .backs .fback{width:11px;height:16px;margin-left:-5px}.topbar .hud-gem{--k-s: 17px}.hud-plate .gems-row{max-width:92px;gap:1px}.hud-plate .k-btn{font-size:10.5px}.rope{margin-top:8px}.rope #rope-s{font-size:13px;top:13px}#g-hand.hand{--room: min(66vw, 100vw - 330px)}#g-mine.mine{left:calc(8px + var(--sl));bottom:calc(8px + var(--sb))}#g-mine .essbox{padding:5px 9px}#g-mine .gems-row{max-width:170px;gap:2px}#g-mine .hud-gem{--k-s: 24px}.gem-count{font-size:20px;margin-right:4px}.gem-count small{font-size:13px}.endwrap{right:calc(10px + var(--sr));bottom:calc(10px + var(--sb))}#g-end.k-medallion{--k-s: 82px;font-size:12.5px}#g-end.k-medallion.long{font-size:10px}.deckpile{right:calc(108px + var(--sr));bottom:calc(12px + var(--sb));width:40px;height:56px}.deckpile b{width:26px;height:26px;right:-9px;bottom:-9px;font-size:12.5px}#g-log.log{gap:5px;padding:8px 6px 9px}.log .log-top{width:16px;height:16px}.log-chip i{width:26px;height:26px}.log-chip .lb{width:12px;height:12px}.log-chip:is(.k-lamp,.k-relight,.k-card) .lb{width:20px;height:20px;margin:1px}.log-chip .lc-n{min-width:16px;height:16px;font-size:10.5px;right:-5px;bottom:-5px}.log-chip:nth-child(n+6){display:none}#g-status.status{top:calc(30px + var(--st))}#g-status .k-btn-lantern,#g-status .k-btn-back{height:44px;font-size:16px}#g-banner .k-title{font-size:25px}#g-banner .theirs .k-title{font-size:21px}#outcome :is(.k-ruby,.k-coin).o-n{--k-s: 38px}#outcome .k-rosette.o-life{--k-s: 40px;font-size:17px}#outcome .k-socket.o-ico{--k-s: 32px}#outcome .o-glow{font-size:16px;height:26px}#outcome .o-mark{transform:translate(-50%,calc(-100% - 30px))}#outcome .o-mark.lantern{transform:translate(-50%,calc(-100% - 52px))}#outcome .o-mark:after{height:18px}#outcome .o-mark.lantern:after{height:40px}.toasts{top:calc(62px + var(--st))}.toast.k-panel{padding:9px 11px 10px;font-size:13.5px}.tip{font-size:13px}}@media(prefers-reduced-motion:reduce){body.no-moves #g-end.glow,.rope #rope:after,#outcome .o-mark,#outcome .o-dies{animation:none}}.hud-plate{background:radial-gradient(ellipse 120% 100% at 18% 50%,var(--k-shade-hi) 0%,var(--k-shade-mid) 45%,transparent 78%);border:0;box-shadow:none;padding:6px 22px 8px 10px}.hud-plate.foe{background:radial-gradient(ellipse 120% 100% at 82% 50%,var(--k-shade-hi) 0%,var(--k-shade-mid) 45%,transparent 78%);padding:6px 10px 8px 22px}.hud-plate.active{box-shadow:none}.hud-plate.active .hp-name{filter:drop-shadow(0 0 7px #ff9a3a88)}.hp-icon{appearance:none;background:none;border:0;padding:2px;margin:0;width:24px;height:24px;display:inline-grid;place-items:center;color:#e2b46c;opacity:.78;cursor:pointer;transition:opacity .15s,filter .15s}.hp-icon svg{width:17px;height:17px}.hp-icon:hover,.hp-icon:focus-visible{opacity:1;filter:drop-shadow(0 0 4px #ffcf7aaa)}.hp-icon.hp-sound[aria-pressed=false]{opacity:.45}.hp-chips{gap:2px}.hp-text{appearance:none;background:none;border:0;padding:3px 4px;margin:0;cursor:pointer;font:400 12.5px/1 var(--k-f-title);letter-spacing:.07em;color:#cdb890;opacity:.72;transition:opacity .15s,color .15s}.hp-text:hover,.hp-text:focus-visible{opacity:1;color:#ffe2a8}.hud-plate .backs{padding-left:0}@media(max-height:520px){.hud-plate{padding:4px 16px 5px 7px}.hud-plate.foe{padding:4px 7px 5px 16px}.hp-icon{width:20px;height:20px}.hp-icon svg{width:14px;height:14px}.hp-text{font-size:10.5px}}:root{--w-big: clamp(150px, 36vh, 290px);--card-back: var(--k-card-back) center / 100% 100% no-repeat, var(--k-lamp), var(--k-walnut, var(--k-walnut-x)) center / cover}.card{--k-card-w: var(--w, 92px);--cu: calc(var(--w, 92px) / 168);position:relative;display:block;flex:none;box-sizing:border-box;padding:0;overflow:visible;width:var(--k-card-w);height:calc(var(--k-card-w) * 240 / 168);text-align:center;color:var(--k-ink);font-size:calc(var(--cu) * 10);background:var(--k-lamp),linear-gradient(168deg,color-mix(in srgb,var(--c) 50%,transparent),color-mix(in srgb,var(--d) 60%,transparent) 62%,color-mix(in srgb,var(--d) 44%,transparent)),linear-gradient(168deg,color-mix(in srgb,var(--d) 18%,transparent),color-mix(in srgb,var(--d) 30%,transparent)),var(--k-walnut, var(--k-walnut-x)) center / 100% 100%;background-blend-mode:var(--k-lamp-blend),color,normal,normal;--c-shadow: calc(var(--cu) * 3) calc(var(--cu) * 14) calc(var(--cu) * 24) calc(var(--cu) * -6) #000b, calc(var(--cu) * 1) calc(var(--cu) * 3) calc(var(--cu) * 9) #0007, 0 0 0 1px #0a0402;--c-inset: inset 0 1px 0 #ffdca830, inset 1px 0 0 #ffdca818, inset 0 -2px 2px #000a;box-shadow:var(--c-shadow),var(--c-inset);transition:box-shadow .18s}.card.neutral{background:var(--k-lamp),linear-gradient(#6a6a6a73,#4a4a4a8c),var(--k-walnut, var(--k-walnut-x)) center / 100% 100%;background-blend-mode:var(--k-lamp-blend),saturation,normal}.card.e-licht{background-blend-mode:var(--k-lamp-blend),color,screen,normal}.card.big{--w: var(--w-big)}.card,.thumb{--k-lamp-blend: normal, normal}.card.playable{box-shadow:0 0 0 max(1.5px,calc(var(--cu) * 2.4)) var(--can),0 0 calc(var(--cu) * 18) calc(var(--cu) * 2) color-mix(in srgb,var(--can) 62%,transparent),var(--c-shadow),var(--c-inset)}.card.selected{box-shadow:0 0 0 max(2px,calc(var(--cu) * 3)) #f4fff0,0 0 calc(var(--cu) * 26) calc(var(--cu) * 4) var(--can),var(--c-shadow),var(--c-inset)}.card:is(.t-spreuk,.t-val):after{background-image:var(--k-card-over-spell)}.card:is(.t-spreuk,.t-val)>.k-card-art{border-radius:calc(var(--cu) * 75) calc(var(--cu) * 75) calc(var(--cu) * 5) calc(var(--cu) * 5) / calc(var(--cu) * 31) calc(var(--cu) * 31) calc(var(--cu) * 5) calc(var(--cu) * 5)}.card.t-val>.k-card-art:before{box-shadow:inset 0 0 0 1px #000,inset 3px 5px 9px #000b,inset 0 -26px 20px -16px #060a16cc,inset 0 0 calc(var(--cu) * 22) #8a5ae0aa}.card>.k-plate{white-space:nowrap}.card>.k-plate>span{display:block;max-width:100%;overflow:hidden;text-overflow:clip;padding-top:calc(var(--cu) * .6)}.card:not(.neutral)>.k-plate{text-shadow:.065em 0 0 #160a04,-.065em 0 0 #160a04,0 .065em 0 #160a04,0 -.065em 0 #160a04,.065em .065em 0 #160a04,-.065em .065em 0 #160a04,.065em -.065em 0 #160a04,-.065em -.065em 0 #160a04,.033em .13em .13em #000a,0 0 .6em color-mix(in srgb,var(--c) 70%,#ffa84a)}.card:not(.neutral)>.k-plate:after{content:"";position:absolute;inset:18% 12%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse 50% 62% at 50% 55%,color-mix(in srgb,var(--c) 52%,transparent),transparent 100%);mix-blend-mode:screen}.card>.k-plate.long{font-size:calc(var(--cu) * 12.6)}.card>.k-plate.xlong{font-size:calc(var(--cu) * 11);letter-spacing:.04em}.card>.k-plate.xxlong{font-size:calc(var(--cu) * 9.6);letter-spacing:.03em}.card>.k-plate.two{font-size:calc(var(--cu) * 9.2);white-space:normal}.card>.k-plate.two>span{line-height:.98;padding:0 calc(var(--cu) * 4);text-wrap:balance}.card>.k-card-sheet{display:flex;flex-direction:column}.card .k-card-type.long{font-size:calc(var(--cu) * 9.2);letter-spacing:.06em;gap:calc(var(--cu) * 3)}.card .k-card-type.xlong{font-size:calc(var(--cu) * 8.2);letter-spacing:.04em}.card .k-card-text{flex:1;min-height:0;text-wrap:pretty}.card:is(.t-wezen)>.k-card-sheet{padding-inline:calc(var(--cu) * 7)}.card .k-card-text>i.nl,.card .k-card-text>i.nr{width:calc(var(--cu) * 20);height:100%}.card .k-card-text>i.nl{float:left;shape-outside:circle(calc(var(--cu) * 26.5) at calc(var(--cu) * -8) calc(100% - var(--cu) * 3))}.card .k-card-text>i.nr{float:right;shape-outside:circle(calc(var(--cu) * 26.5) at calc(100% + var(--cu) * 8) calc(100% - var(--cu) * 3))}.card .k-card-text b{font-weight:700;font-style:normal;color:var(--k-ink-red)}.card .k-card-text .flavor{color:#4a2c18;font-weight:400}.card .k-card-text.s1{font-size:calc(var(--cu) * 12.4);line-height:1.12}.card .k-card-text.s2{font-size:calc(var(--cu) * 11.2);line-height:1.1}.card .k-card-text.s3{font-size:calc(var(--cu) * 10.1);line-height:1.08}.card .k-card-text.s4{font-size:calc(var(--cu) * 9.1);line-height:1.06}.card .k-card-text.s5{font-size:calc(var(--cu) * 8.3);line-height:1.05}.card .k-card-text.s6{font-size:calc(var(--cu) * 7.6);line-height:1.04}.card>.k-card-sheet:has(.s3,.s4,.s5,.s6){padding-top:calc(var(--cu) * 6)}.card>.k-card-sheet:has(.s3,.s4,.s5,.s6)>.k-card-type{margin-bottom:calc(var(--cu) * 3)}.card:not(.t-wezen)>.k-card-sheet{-webkit-mask:none;mask:none;padding-inline:calc(var(--cu) * 8)}.card>.k-cost.k-up:before{box-shadow:0 0 calc(var(--k-s) * .3) calc(var(--k-s) * .06) #7fe08f88}.card>.pips{position:absolute;left:calc(var(--cu) * -2);top:calc(var(--cu) * 33);z-index:5;display:grid;gap:calc(var(--cu) * .5);width:calc(var(--cu) * 26);pointer-events:none}.card>.pips.n4>i+i{margin-top:calc(var(--cu) * -2)}.card>.pips.n5>i+i{margin-top:calc(var(--cu) * -7.5)}.card>.pips>i.pip-gem{position:relative;display:grid;place-items:center;width:calc(var(--cu) * 26);height:calc(var(--cu) * 26);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 52%,transparent) 0,color-mix(in srgb,var(--c) 18%,transparent) 48%,transparent 70%),radial-gradient(circle,#0a0604c8 0,#0a060499 40%,#0a060400 66%);box-shadow:none}.card>.pips>i.pip-gem :is(svg,img){width:96%;height:96%;display:block;filter:drop-shadow(0 0 calc(var(--cu) * .5) #000) drop-shadow(calc(var(--cu) * .5) calc(var(--cu) * 1.2) calc(var(--cu) * 1) #000c)}.card>.pips>i.pip-gem.lacking{background:radial-gradient(circle,#0a0604c8 0,#0a060499 40%,#0a060400 66%)}.card>.pips>i.pip-gem.lacking :is(svg,img){filter:saturate(.6) brightness(.68) drop-shadow(0 0 calc(var(--cu) * .5) #000) drop-shadow(calc(var(--cu) * .5) calc(var(--cu) * 1.2) calc(var(--cu) * 1) #000c)}.card>.combo{position:absolute;right:calc(var(--cu) * -6);top:calc(var(--cu) * -6);z-index:5;width:calc(var(--cu) * 32);height:calc(var(--cu) * 32);display:grid;place-items:center;border-radius:50%;pointer-events:auto;background:var(--k-socket-ring) center / 100% 100% no-repeat,radial-gradient(circle at 50% 54%,#ffb64838,#ff9a3a10 46%,transparent 64%),var(--k-socket-well) center / 100% 100% no-repeat;filter:drop-shadow(calc(var(--cu) * 1) calc(var(--cu) * 3) calc(var(--cu) * 3) #000c)}.card>.combo svg{width:58%;height:58%;fill:none;stroke:#f0cf86;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 calc(var(--cu) * 2) #ffae4a88) drop-shadow(calc(var(--cu) * .5) calc(var(--cu) * 1) 0 #1a0c04)}.card>.combo.toevoeging:after{content:"+";position:absolute;right:calc(var(--cu) * -1);bottom:calc(var(--cu) * -1);width:calc(var(--cu) * 13);height:calc(var(--cu) * 13);display:grid;place-items:center;border-radius:50%;font:800 calc(var(--cu) * 12)/1 var(--k-f-num);color:#2a1004;padding-bottom:calc(var(--cu) * 1);box-sizing:border-box;background:var(--k-brass-bead-lit);box-shadow:0 0 0 calc(var(--cu) * .8) #1a0c04,calc(var(--cu) * .5) calc(var(--cu) * 1.5) calc(var(--cu) * 2) #000b}.card.fits>.combo{background:var(--k-socket-ring) center / 100% 100% no-repeat,var(--k-brass-bead-lit);filter:drop-shadow(0 0 calc(var(--cu) * 6) #ffc34acc) drop-shadow(calc(var(--cu) * 1) calc(var(--cu) * 3) calc(var(--cu) * 3) #000c);animation:combo-fits 1.8s ease-in-out infinite}.card.fits>.combo svg{stroke:#2a1004;filter:none}@keyframes combo-fits{50%{filter:drop-shadow(0 0 calc(var(--cu) * 11) #ffc34a) drop-shadow(calc(var(--cu) * 1) calc(var(--cu) * 3) calc(var(--cu) * 3) #000c)}}@media(prefers-reduced-motion:reduce){.card.fits>.combo{animation:none}}.card>.c-lint{position:absolute;left:calc(var(--cu) * 37);top:calc(var(--cu) * 2);width:calc(var(--cu) * 13);height:calc(var(--cu) * 64);z-index:2;pointer-events:none;filter:drop-shadow(0 0 calc(var(--cu) * .5) #000) drop-shadow(calc(var(--cu) * 1.2) calc(var(--cu) * 2.4) calc(var(--cu) * 1.6) #000c)}.card>.c-lint:before,.card>.c-lint:after{content:"";position:absolute;inset:0;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - var(--cu) * 6.5),0 100%)}.card>.c-lint:before{background:linear-gradient(90deg,#f0d58e,#8a6228 50%,#f0d58e)}.card>.c-lint:after{inset:0 calc(var(--cu) * 1.3) calc(var(--cu) * 1.5);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - var(--cu) * 6),0 100%);background:linear-gradient(90deg,#0005,#0000 26%,#fff4 46%,#0000 64%,#0006),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 2px),linear-gradient(180deg,color-mix(in srgb,var(--c) 55%,var(--d)) 0,color-mix(in srgb,var(--c) 86%,#fff) 30%,var(--c) 70%,color-mix(in srgb,var(--c) 82%,var(--d)) 100%)}:is(.ed-art,.m-dl-art):has(>.c-lint){position:relative;overflow:hidden}:is(.ed-art,.m-dl-art)>.c-lint{position:absolute;right:4px;top:0;width:5.5px;height:15px;pointer-events:none;filter:drop-shadow(.5px 1px .6px #000c)}:is(.ed-art,.m-dl-art)>.c-lint:before,:is(.ed-art,.m-dl-art)>.c-lint:after{content:"";position:absolute;inset:0;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 3px),0 100%)}:is(.ed-art,.m-dl-art)>.c-lint:before{background:linear-gradient(90deg,#d8b46a,#7a5424 50%,#d8b46a)}:is(.ed-art,.m-dl-art)>.c-lint:after{inset:0 .7px .7px;background:linear-gradient(90deg,#0005,#fff3 47%,#0006),var(--c)}.card>i.k-rar{--k-s: calc(var(--cu) * 12);left:calc(var(--cu) * 78);top:calc(var(--cu) * 227.5);filter:drop-shadow(calc(var(--cu) * .5) calc(var(--cu) * .8) calc(var(--cu) * 1) #000c)}.card>i.k-rar.k-tijdloos{filter:drop-shadow(calc(var(--cu) * .5) calc(var(--cu) * .8) calc(var(--cu) * 1) #000c) drop-shadow(0 0 calc(var(--cu) * 3) #ffcf5a66)}.card>.k-ruby.k-hurt{filter:drop-shadow(1px 3px 3px #000c) drop-shadow(0 0 calc(var(--cu) * 8) #ff304a77)}.card>.k-coin.k-up,.card>.k-ruby.k-up{filter:drop-shadow(1px 3px 3px #000c) drop-shadow(0 0 calc(var(--cu) * 7) #7fe08f66)}.card.t-bouwwerk>.k-coin{color:#d8cbb4}.row-cards .slot-card.m-swapcard{position:relative;transition:translate .22s ease-out}.row-cards .slot-card.m-swapcard>.card{transition:filter .22s ease-out,box-shadow .18s}.row-cards .slot-card.m-swapcard.marked{translate:0 calc(var(--w) * .06)}.row-cards .slot-card.m-swapcard.marked>.card{filter:brightness(.48) saturate(.5)}.m-swapcard>.m-swap.k-chip{position:absolute;left:50%;top:calc(var(--w) * 76 / 168);z-index:2;translate:-50% -50%;pointer-events:none;font-size:max(10px,calc(var(--w) * 15 / 168));white-space:nowrap;opacity:0;scale:.9;transition:opacity .2s ease-out,scale .2s ease-out}.m-swapcard>.m-swap.k-chip svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.m-swapcard.marked>.m-swap.k-chip{opacity:1;scale:1}.row-cards .slot-card.heavy .card>.k-cost{filter:drop-shadow(1px 3px 3px #000c) drop-shadow(0 0 calc(var(--cu) * 6) #9a1a10)}.deckpile i,.hud-plate .backs .fback,.backs .back,.m-pickcard i,.pick-card i{background:var(--card-back)}#g-hand .slot-card.drawn .card:after,#g-hand .slot-card.drawn .card>:is(.k-cost,.combo,.c-lint,.k-coin,.k-ruby,.k-rar,.pips){animation:card-face .95s linear both;animation-delay:var(--fd, 0ms)}@keyframes card-face{0%,41.9%{opacity:0}42%,to{opacity:1}}.flight{position:fixed;left:0;top:0;z-index:40;pointer-events:none}.flight .fl-in{position:absolute;left:0;top:0;width:190px;height:calc(190px * 240 / 168);transform-style:preserve-3d;will-change:transform,opacity}.flight .fl-face,.flight .fl-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flight .fl-face .card{--w: 190px;box-shadow:var(--c-shadow),var(--c-inset),0 0 46px color-mix(in srgb,var(--c) 55%,transparent),0 0 90px #ff9a3a2a}.flight .fl-back{transform:rotateY(180deg);border-radius:calc(190px / 168 * 9);background:var(--card-back);box-shadow:4px 18px 26px -8px #000e,1px 4px 10px #000a,0 0 0 1px #0a0402,inset 0 1px #ffdca830,inset 0 -2px 2px #000a}.drag-ghost{position:fixed;left:0;top:0;z-index:30;pointer-events:none;--w: calc(var(--card-h) * 5 / 7);filter:drop-shadow(4px 18px 16px #000b)}.glossary{margin:0;max-width:230px;display:grid;gap:1px;padding:9px 13px 11px;font:400 14px/1.3 var(--k-f-text)}.glossary dt{margin-top:5px;font:400 15.5px/1.1 var(--k-f-title);letter-spacing:.05em;color:var(--k-ink-red)}.glossary dt:first-child{margin-top:0}.glossary dd{margin:0;color:var(--k-ink)}@media(max-height:520px){.glossary{max-width:190px;padding:6px 10px 8px;font-size:12px;border-width:7px}.glossary dt{font-size:13.5px;margin-top:3px}}.inspect{position:absolute;top:50%;transform:translateY(-56%);display:none;gap:12px;align-items:flex-start;pointer-events:none!important;z-index:6}.inspect.on{display:flex;animation:pop .14s ease-out}.inspect.left{left:calc(14px + var(--sl) + var(--w-big) * .08)}.inspect.right{right:calc(14px + var(--sr) + var(--w-big) * .06);flex-direction:row-reverse}@keyframes pop{0%{opacity:0;transform:translateY(-53%) scale(.96)}}.inspect-pair{display:grid;grid-template-columns:auto auto;align-items:start}.inspect-pair>.card:first-child{grid-area:1 / 1}.inspect-pair>.card:last-child{grid-area:1 / 2;margin-left:calc(var(--w) * -.32);rotate:5deg;translate:0 14px}.inspect-pair .pair-now{grid-area:2 / 1 / 3 / 3;justify-self:center;position:relative;z-index:8;margin-top:26px;display:flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;border-radius:999px;background:var(--k-sheen),var(--k-grain),linear-gradient(180deg,#060a16e0,#121a30d8);box-shadow:0 0 0 1px #0a0402,0 0 0 2px #b48e5299,var(--k-shadow-chip)}.inspect-pair .pair-link{position:relative;z-index:8;width:36px;height:36px;margin:0 -12px;border-radius:50%;flex:none;background:no-repeat center / 58% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 13a3.5 3.5 0 0 1 0-5l2-2a3.5 3.5 0 0 1 5 5l-1 1M15 11a3.5 3.5 0 0 1 0 5l-2 2a3.5 3.5 0 0 1-5-5l1-1' fill='none' stroke='%23f0cf86' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E"),var(--k-socket-ring) center / 100% 100% no-repeat,radial-gradient(circle,#ffb64830,transparent 62%),var(--k-socket-well) center / 100% 100% no-repeat;filter:drop-shadow(1px 3px 3px #000c)}.inspect-pair .pair-now .pair-link{margin:0}.inspect-pair .pair-now .stat{--k-s: 44px}.card-preview{position:fixed;z-index:45;display:flex;gap:14px;align-items:flex-start;pointer-events:none;animation:preview-in .14s ease-out}.card-preview .glossary{max-width:220px}@keyframes preview-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}#combo-preview{position:fixed;z-index:30;pointer-events:none;transform:translate(-50%,calc(-100% - 70px)) scale(.9);opacity:0;transition:opacity .15s,transform .15s;display:grid;justify-items:center;gap:8px;padding:14px 16px;border-radius:var(--k-r-panel);background:var(--k-night-glass);-webkit-backdrop-filter:var(--k-night-blur);backdrop-filter:var(--k-night-blur);box-shadow:0 0 0 1px #0a0402,0 0 0 2.5px #b48e52,0 0 0 3.5px #2a1606,var(--k-shadow-box),inset 0 -20px 30px -12px #ff9a3a28,0 0 30px #ff9a3a22}#combo-preview.on{opacity:1;transform:translate(-50%,calc(-100% - 70px)) scale(1)}#combo-preview:empty{display:none}#combo-preview .cp-cards{display:flex;align-items:center;gap:10px;padding:6px 6px 2px}#combo-preview .cp-cards .card{--w: 96px}#combo-preview .cp-plus{font:400 28px/1 var(--k-f-title);color:var(--k-amber-hi);text-shadow:var(--k-label-shadow)}#combo-preview .cp-result{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px 8px;min-width:230px;max-width:290px;padding:7px 12px 8px;border-radius:6px;background:var(--k-sheen),var(--k-grain),linear-gradient(180deg,#060a16e0,#121a30d8);box-shadow:inset 2px 3px 6px #000c,0 0 0 1px #b48e5299}#combo-preview .cp-icon{width:30px;height:30px;fill:#ffd2781c;stroke:#f0cf86;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #ffae4a88)}#combo-preview .cp-name{font:400 16px/1.1 var(--k-f-title);letter-spacing:.04em;color:var(--k-cream);text-shadow:var(--k-label-shadow)}#combo-preview .cp-result .stat{--k-s: 36px}#combo-preview .cp-line{grid-column:1 / -1;font:italic 400 14.5px/1.3 var(--k-f-text);color:var(--k-text-light);text-align:center;text-shadow:var(--k-text-shadow)}#combo-preview .cp-line b{font-style:normal;font-weight:600;color:var(--k-amber-hi)}.thumb{position:relative;display:inline-block;flex:none;width:30px;height:42px;padding:3px;box-sizing:border-box;border-radius:4px;background:var(--k-lamp),linear-gradient(168deg,color-mix(in srgb,var(--c) 40%,transparent),color-mix(in srgb,var(--d) 50%,transparent)),var(--k-walnut, var(--k-walnut-x)) center / 90px auto;background-blend-mode:var(--k-lamp-blend),color,normal;box-shadow:0 0 0 1px #0a0402,inset 0 0 0 1px var(--k-brass-flat),inset 0 0 0 1.6px #2a1606,1px 3px 5px #000a}.thumb i{display:block;width:100%;height:100%;border-radius:2px;background-size:cover;background-position:center 40%;box-shadow:0 0 0 1px #000c,inset 1px 2px 3px #000a}.thumb b.need{position:absolute;right:-6px;bottom:-6px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;font:800 11.5px/1 var(--k-f-num);font-variant-numeric:lining-nums;color:var(--k-cream-num);text-shadow:var(--k-num-shadow);background:radial-gradient(circle at 40% 35%,#2a1a10,#0a0604 75%) padding-box,var(--k-brass-grad) border-box;border:1.5px solid transparent;box-shadow:1px 2px 3px #000a}@media(prefers-reduced-motion:reduce){.card,.flight .fl-in,.row-cards .slot-card.m-swapcard,.row-cards .slot-card.m-swapcard>.card,.m-swapcard>.m-swap.k-chip{transition:none}#g-hand .slot-card.drawn .card:after,#g-hand .slot-card.drawn .card>*{animation-duration:.01s}}.intro{position:fixed;inset:0;z-index:60;cursor:pointer;background:#0a0918;outline:none}.intro canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.intro .enter{position:absolute;left:0;right:0;bottom:calc(5% + var(--sb, 0px));width:max-content;margin:0 auto;font-size:clamp(14px,2.2vh,19px);letter-spacing:.16em;white-space:nowrap;pointer-events:none;animation:intro-float 3.2s ease-in-out infinite;transition:opacity .3s}@keyframes intro-float{50%{translate:0 -4px}}.intro:hover .enter{filter:drop-shadow(1px 9px 8px #000b) drop-shadow(0 0 20px #ff9a3a88)}.intro.opening .enter{opacity:0}.intro.fade{opacity:0;transition:opacity .6s ease-out;pointer-events:none}@media(max-height:520px){.intro .enter{font-size:14px;bottom:calc(4% + var(--sb, 0px))}}@media(prefers-reduced-motion:reduce){.intro .enter{animation:none}}html.still *,html.still *:before,html.still *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.hp-icon.hp-gear{position:relative;z-index:11;width:32px;height:32px;padding:3px;align-self:center;color:#d9ac62;opacity:.86}.hp-icon.hp-gear svg{width:24px;height:24px;filter:drop-shadow(0 1px 1.5px #000c);transition:rotate .4s cubic-bezier(.3,.8,.3,1)}.hp-icon.hp-gear:hover svg,.hp-icon.hp-gear:focus-visible svg{rotate:45deg}.hp-icon.hp-gear:focus-visible{outline:2px solid var(--k-focus);outline-offset:1px;border-radius:50%}.m-gear.hp-icon{position:absolute;top:calc(14px + var(--st));right:calc(16px + var(--sr));z-index:4;width:46px;height:46px;padding:6px;color:#d9ac62;opacity:.9;border-radius:50%;background:radial-gradient(circle,#060a18b0 0 45%,transparent 72%)}.m-gear.hp-icon svg{width:32px;height:32px;filter:drop-shadow(0 1px 2px #000);transition:rotate .4s cubic-bezier(.3,.8,.3,1)}.m-gear.hp-icon:hover svg,.m-gear.hp-icon:focus-visible svg{rotate:45deg}.m-gear.hp-icon:focus-visible{outline:2px solid var(--k-focus);outline-offset:2px}.menu.has-panel:not(.joining) .m-gear{visibility:hidden}.gm.m-modal{z-index:60}.gm .m-win.gm-win{width:min(480px,100%)}.gm .m-win.gm-win.gm-ingame{width:min(820px,100%)}.gm-panel.m-wpanel{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:stretch;gap:0;text-align:left;max-height:calc(100vh - 64px);padding:40px 26px 18px}.gm-body{display:grid;gap:18px 30px;min-height:0;overflow-y:auto;padding:2px 4px 6px;scrollbar-width:thin;scrollbar-color:#b48e52 transparent}.gm-ingame .gm-body{grid-template-columns:minmax(210px,.78fr) minmax(0,1.22fr)}.gm-col{display:grid;align-content:start;gap:16px;min-width:0}.gm-actions.m-actions{margin-top:14px}.gm-game{gap:12px;padding-right:26px;border-right:1px solid #e2b46c2e}.gm-game>.k-btn{width:100%;font-size:16px}.gm-info svg{width:1.15em;height:1.15em}.gm-sure{display:grid;gap:9px;justify-items:center;text-align:center;padding:10px 8px 12px;border-radius:8px;background:radial-gradient(ellipse at 50% 0%,#e0574a26,transparent 75%);box-shadow:inset 0 0 0 1px #e0574a40}.gm-sure .k-label{font-size:15px;line-height:1.25}.gm-sure-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.gm-sure .k-btn{font-size:14.5px}.gm-sure .gm-yes{box-shadow:0 0 0 1.5px #e0574acc,0 0 14px #e0574a66}.gm-live{margin:4px 0 0;display:grid;gap:7px;padding-top:12px;border-top:1px solid #e2b46c2e}.gm-live>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.gm-live dt{font:400 14px/1.2 var(--k-f-title);letter-spacing:.05em;color:var(--k-label-gold);text-shadow:var(--k-label-shadow);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-live dd{margin:0;font:500 16px/1.2 var(--k-f-text);color:var(--k-text-light);text-shadow:var(--k-text-shadow);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.gm-code{font-size:19px;letter-spacing:.12em}.gm-dot{width:9px;height:9px;border-radius:50%;background:var(--can, #7fe08f);box-shadow:0 0 6px var(--can, #7fe08f),0 0 0 1.5px #0c0816}.gm-dot.off{background:#e0574a;box-shadow:0 0 6px #e0574a,0 0 0 1.5px #0c0816}.gm-group{display:grid;gap:9px}.gm-h.k-plate{justify-self:start;font-size:13.5px;margin-left:-4px}.gm-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;min-height:30px}.gm-row.gm-wrap{grid-template-columns:minmax(0,1fr) auto}.gm-l{font:500 16.5px/1.2 var(--k-f-text);color:var(--k-text-light);text-shadow:var(--k-text-shadow)}.gm-l small{display:block;margin-top:2px;font-size:13px;font-style:italic;font-weight:400;color:#e8dcc2b8}.gm-seg{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.gm-seg .k-chip{font-size:13px;padding:0 .95em}.gm-dim{opacity:.5}.gm-note{margin:-3px 0 0;font:italic 400 14px/1.3 var(--k-f-text);color:#f0dcae;text-shadow:var(--k-text-shadow);display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.gm-note .k-btn{font-style:normal}.gm-range{-webkit-appearance:none;appearance:none;width:190px;height:24px;margin:0;background:transparent;cursor:pointer;--v: 100%}.gm-range::-webkit-slider-runnable-track{height:7px;border-radius:4px;border:1px solid #906232;background:linear-gradient(90deg,#ffb35a,#ffd890 var(--v),#060a16 var(--v));box-shadow:inset 0 1px 2px #000c,0 1px #f4e0a830}.gm-range::-moz-range-track{height:7px;border-radius:4px;border:1px solid #906232;background:#060a16;box-shadow:inset 0 1px 2px #000c}.gm-range::-moz-range-progress{height:7px;border-radius:4px;background:linear-gradient(90deg,#ffb35a,#ffd890)}.gm-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7.5px;border-radius:50%;border:1px solid #2a1608;background:var(--k-brass-bead);box-shadow:0 2px 5px #0009}.gm-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:1px solid #2a1608;background:var(--k-brass-bead);box-shadow:0 2px 5px #0009}.gm-range:hover::-webkit-slider-thumb{box-shadow:0 2px 4px #000b,0 0 10px #ffae4a88}.gm-range:focus-visible{outline:2px solid var(--k-focus);outline-offset:2px;border-radius:6px}@media(max-width:700px){.gm-ingame .gm-body{grid-template-columns:1fr}.gm-game{padding-right:0;border-right:0;padding-bottom:14px;border-bottom:1px solid #e2b46c2e}}@media(max-height:520px){.gm .m-win.gm-win{width:min(780px,100%)}.gm .m-win.gm-win.gm-ingame{width:min(840px,100%)}.gm-panel.m-wpanel{max-height:calc(100vh - 34px);padding:26px 16px 10px}.gm-body{gap:10px 18px}.gm-set{display:contents}.gm-body{grid-template-columns:1fr .9fr 1.1fr}.gm-g-sound{grid-column:1;grid-row:1;align-content:start}.gm-g-help{grid-column:2;grid-row:1;align-content:start}.gm-g-help .gm-row{grid-template-columns:1fr}.gm-g-help .gm-seg{justify-content:flex-start}.gm-g-look{grid-column:3;grid-row:1;align-content:start}.gm-ingame .gm-body{grid-template-columns:minmax(170px,.8fr) 1fr 1.1fr}.gm-ingame .gm-game{grid-column:1;grid-row:1;padding-right:14px;padding-bottom:0;border-bottom:0;border-right:1px solid #e2b46c2e}.gm-ingame .gm-g-help{grid-column:1;grid-row:2;padding-right:14px;border-right:1px solid #e2b46c2e}.gm-ingame .gm-g-help .gm-row{grid-template-columns:1fr}.gm-ingame .gm-g-help .gm-seg{justify-content:flex-start}.gm-ingame .gm-g-sound{grid-column:2;grid-row:1 / span 2;align-content:start}.gm-ingame .gm-g-look{grid-column:3;grid-row:1 / span 2;align-content:start}.gm-col,.gm-group{gap:6px}.gm-h.k-plate{font-size:12px}.gm-row{min-height:44px;gap:2px 10px}.gm-row.gm-wrap{grid-template-columns:1fr}.gm-row.gm-wrap .gm-seg{justify-content:flex-start}.gm-l{font-size:14.5px}.gm-l small{font-size:12px}.gm-seg .k-chip{height:44px;font-size:13px;padding:0 .9em}.gm-range{width:120px;height:44px}.gm-game>.k-btn{height:44px;font-size:14.5px}.gm-sure{padding:6px 6px 8px;gap:6px}.gm-sure .k-label{font-size:13px}.gm-sure .k-btn{height:44px;font-size:13px}.gm-live{gap:4px;padding-top:8px}.gm-live dt{font-size:12.5px}.gm-live dd{font-size:14px}.gm-code{font-size:16px}.gm-note{font-size:12.5px}.gm-actions.m-actions{margin-top:8px}.hp-icon.hp-gear{width:44px;height:44px;padding:0;margin:-10px -10px -10px -4px}.hp-icon.hp-gear svg{width:22px;height:22px}.m-gear.hp-icon{top:calc(6px + var(--st));right:calc(8px + var(--sr));width:44px;height:44px;padding:4px}.m-gear.hp-icon svg{width:28px;height:28px}}.t-how.k-sheet{display:grid;justify-items:center;gap:12px;padding:18px 20px 16px}.t-howpic{width:96px;height:96px;fill:none;stroke:#6a3a14;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #fff8)}.t-howpic .fill{fill:#6a3a14;stroke:none}.t-how ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.t-how li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;font:400 17px/1.3 var(--k-f-text);color:var(--k-ink, #2a1a0c)}.t-stepnum.k-cost{--k-s: 34px;font-size:17px}@media(max-height:520px){.t-how.k-sheet{gap:6px;padding:10px 12px}.t-howpic{width:54px;height:54px}.t-how ol{gap:6px}.t-how li{font-size:13.5px;gap:8px}.t-stepnum.k-cost{--k-s: 26px;font-size:13px}}main.t-lobby{position:absolute;inset:0;display:grid;place-items:center;overflow-y:auto;padding:34px 16px 16px;box-sizing:border-box}.t-lobbypanel.k-panel{width:min(880px,calc(100vw - 32px - var(--sl) - var(--sr)));display:grid;justify-items:center;gap:18px;padding:50px 34px 22px;text-align:center;box-sizing:border-box}.t-sub{margin:0;max-width:54ch;font:400 19px/1.35 var(--k-f-text);color:var(--k-text-light);text-shadow:var(--k-text-shadow);text-wrap:balance}.t-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%}.t-seat.k-sheet{position:relative;display:grid;justify-items:center;align-content:center;gap:10px;min-height:290px;padding:30px 16px 16px}.t-seatname.k-plate{font-size:19px}.t-qr{display:block;width:min(220px,32vh,100%);aspect-ratio:1;border-radius:6px;box-shadow:0 0 0 2px #6a4a24,0 0 0 4px #e8cf9a,0 5px 12px #0007}.t-qr svg{display:block;width:100%;height:100%;border-radius:6px}.t-link{font:400 15px/1.2 var(--k-f-text);color:#5a3a1c;overflow-wrap:anywhere}.t-crest.k-socket{--k-s: 86px}.t-crest b{font:400 42px/1 var(--k-f-title);color:var(--k-cream);text-shadow:var(--k-label-shadow)}.t-who{font:400 32px/1.1 var(--k-f-title);letter-spacing:.03em;color:#3a1a0a}.t-here{font:italic 400 18px/1 var(--k-f-text);color:#2f6a2a}.t-here.away{color:#8a3a2a}.t-seat.taken{animation:t-sit .5s cubic-bezier(.2,.9,.3,1.2)}@keyframes t-sit{0%{scale:.94;filter:brightness(1.3)}}.t-facts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.t-facts .k-chip{pointer-events:none}.t-code{font:400 18px/1 var(--k-f-title);letter-spacing:.06em;color:var(--k-cream);text-shadow:var(--k-label-shadow)}.t-code .k-num{margin-left:.3em;font-size:26px;letter-spacing:.14em}.t-lobbypanel>.k-btn-back{justify-self:start}@media(max-height:640px){.t-lobbypanel.k-panel{gap:10px;padding:40px 20px 14px}.t-sub{font-size:15px}.t-seat.k-sheet{min-height:0;padding:24px 12px 10px;gap:6px}.t-qr{width:min(150px,34vh,100%)}}#t-hud{position:absolute;inset:0;pointer-events:none}#t-hud>*{pointer-events:auto}.t-plate.hud-plate{position:absolute;left:calc(12px + var(--sl));flex-direction:column;align-items:flex-start;gap:9px;padding:12px 40px 14px 14px;font-size:18px;background:radial-gradient(ellipse 120% 100% at 22% 50%,var(--k-shade-hi) 0%,var(--k-shade-mid) 50%,transparent 80%)}.t-plate.t-seat1{top:calc(10px + var(--st))}.t-plate.t-seat0{bottom:calc(10px + var(--sb))}.t-plate .hp-row{gap:12px}.t-plate .hp-name.k-plate{font-size:22px}.t-plate.active .hp-name{filter:drop-shadow(0 0 10px #ff9a3acc)}.t-plate .lights{gap:5px}.t-plate .lights .lamp{width:20px;height:29px}.t-plate .backs{display:flex;padding-left:8px;min-height:34px;align-items:flex-end}.t-plate .backs .fback{width:24px;height:34px;margin-left:-9px;border-radius:3px;transition:translate .25s,scale .25s}.t-plate .backs .fback.held{position:relative;z-index:2;--lift: -62px;translate:0 var(--lift);scale:2.1;box-shadow:inset 0 0 0 1px #0a0402,inset 0 0 0 1.8px #ffd890,0 0 0 .6px #0a0402,0 0 12px 4px #ffb35acc;animation:t-held 1.4s ease-in-out infinite}.t-plate.t-seat1 .backs .fback.held{--lift: 58px}@keyframes t-held{50%{translate:0 calc(var(--lift) * 1.08)}}.t-plate .hp-deck{font-size:17px}.t-plate .hp-deck .k-num{font-size:19px}.t-gems{display:flex;flex-wrap:wrap;align-items:center;gap:3px;max-width:320px}.t-gems .hud-gem{--k-s: 30px}.t-gems .gem-count{font-size:26px}.t-gems .gem-count small{font-size:17px}.t-clock{min-width:1.6em;font-size:28px;color:#ffb4a4;animation:t-tick 1s steps(1) infinite}@keyframes t-tick{50%{color:#ff7a5a}}.t-away{display:inline-grid;width:28px;height:28px;color:#f0e2c8;filter:drop-shadow(0 1px 1px #000)}.t-away svg{width:100%;height:100%}.t-gear.hp-icon.hp-gear{position:absolute;top:calc(12px + var(--st));right:calc(14px + var(--sr));width:44px;height:44px}.t-gear.hp-icon.hp-gear svg{width:34px;height:34px}body[data-role=table] #g-banner .k-title,body[data-role=table] #g-banner .theirs .k-title{font-size:46px}body[data-role=table] #g-log.log{gap:9px}body[data-role=table] #g-log .log-chip i{width:40px;height:40px}body[data-role=table] #g-log .log-chip .lb{width:20px;height:20px}.t-waiting.m-waiting{top:44%;font-size:22px;padding:12px 26px 11px 20px}.t-endsides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.t-endside{display:grid;justify-items:center;gap:12px;opacity:.7}.t-endside.won{opacity:1;filter:drop-shadow(0 0 12px #ffb35a88)}.t-endside .k-plate{font-size:19px}.t-end .m-win{width:min(620px,100%)}@media(max-height:600px){.t-plate.hud-plate{gap:5px;padding:7px 26px 8px 9px}.t-plate .hp-name.k-plate{font-size:16px}.t-plate .lights .lamp{width:14px;height:20px}.t-plate .backs .fback{width:16px;height:23px;margin-left:-6px}.t-plate .backs{min-height:24px}.t-gems .hud-gem{--k-s: 22px}.t-gems .gem-count{font-size:19px}body[data-role=table] #g-banner .k-title{font-size:32px}}body[data-role=controller]{background:radial-gradient(ellipse 90% 60% at 30% 10%,#1e2a50,transparent 70%),radial-gradient(ellipse 80% 50% at 80% 100%,#3a2410,transparent 70%),var(--night)}body[data-role=controller] #board{display:none}body[data-role=controller] .rotate{display:none!important}main.c-join{position:absolute;inset:0;display:grid;place-items:center;overflow-y:auto;padding:36px 14px 14px;box-sizing:border-box;touch-action:pan-y}.c-joinpanel.k-panel{width:min(440px,100%);display:grid;justify-items:center;gap:14px;padding:44px 20px 18px;text-align:center;box-sizing:border-box}.c-jtitle.k-title{position:absolute;left:50%;top:0;translate:-50% -50%;font-size:24px;white-space:nowrap}.c-seatplate.k-plate{font-size:19px}.c-mode.k-chip{pointer-events:none}.c-note{margin:0;font:400 17px/1.35 var(--k-f-text);color:var(--k-text-light);text-shadow:var(--k-text-shadow);text-wrap:balance}.c-small{margin:0;font:italic 400 15px/1.35 var(--k-f-text);color:#d8ccb8}.c-name{display:grid;gap:5px;width:100%;justify-items:start;font:400 14px/1 var(--k-f-title);letter-spacing:.05em;color:var(--k-cream)}.c-name .k-input{width:100%;box-sizing:border-box;font-size:18px;user-select:text}.c-decks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;max-height:38vh;overflow-y:auto;padding:2px;touch-action:pan-y}.c-deck.m-tile{display:grid;justify-items:center;gap:4px;padding:8px 4px 7px;font-size:14px;line-height:1.1}.c-deck .gems{display:flex;gap:2px}.c-deck .gems svg{width:18px;height:18px}.c-sit.k-btn-lantern{font-size:24px}.c-crest.k-socket{--k-s: 70px}.c-crest b{font:400 34px/1 var(--k-f-title);color:var(--k-cream);text-shadow:var(--k-label-shadow)}.c-joinpanel>.k-btn-back{justify-self:start}@media(max-height:520px){.c-joinpanel>.k-btn-back{position:absolute;top:0;left:16px;translate:0 -50%;z-index:4;margin:0;height:44px;font-size:17px}}.c-root{position:absolute;inset:0;display:grid;gap:6px;box-sizing:border-box;padding:calc(6px + var(--st)) calc(8px + var(--sr)) calc(6px + var(--sb)) calc(8px + var(--sl));grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"foe" "board" "me" "zoom" "hand"}.c-foe{grid-area:foe}.c-board{grid-area:board}.c-me{grid-area:me;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.c-zoom{grid-area:zoom;position:relative;display:grid;place-items:center;min-height:0;overflow:hidden}.c-root>#g-status.status{grid-area:zoom;position:static;transform:none;align-self:end;justify-self:center;z-index:4;margin-bottom:4px}.c-hand{grid-area:hand}.c-foebar{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 4px 4px 6px;border-radius:8px;background:linear-gradient(90deg,var(--k-shade-hi),#060a1866 70%,transparent)}.c-foebar.active .hp-name{filter:drop-shadow(0 0 7px #ff9a3acc)}.c-foebar .hp-name.k-plate{font-size:14px;max-width:34vw;overflow:hidden}.c-foebar .backs{display:flex;padding-left:4px}.c-foebar .backs .fback{display:block;width:11px;height:16px;margin-left:-4px;border-radius:2px;background:var(--card-back);box-shadow:inset 0 0 0 1px #0a0402,inset 0 0 0 1.6px #b48e52cc,1px 1.5px 2px #000b}.c-foegems{display:flex;flex-wrap:wrap;gap:1px;min-width:0;flex:1}.c-foegems .hud-gem{--k-s: 17px}.c-foebar .hp-gear{margin-left:auto;flex:none}.c-away{font:italic 400 12px/1 var(--k-f-text);color:#ffb4a4}.c-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:10px;background:radial-gradient(ellipse 70% 60% at 50% 50%,#1e3a4e66,transparent 75%),linear-gradient(180deg,#0c1428cc,#141c30cc 50%,#1c1a14cc);box-shadow:inset 0 0 0 1px #b48e5255,inset 0 2px 10px #000c,0 3px 8px #0008}.c-lane{display:grid;grid-template-rows:auto auto 8px auto auto;justify-items:stretch;gap:3px;padding:2px;border-radius:8px;background:linear-gradient(180deg,#2a2a3a55,#3a2e1e40);box-shadow:inset 0 0 0 1px #ffffff10}.c-river{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,transparent,#7ab0d080,transparent);opacity:.7;align-self:center}.c-side{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px}.c-lamp{position:relative;justify-self:center;display:grid;place-items:center;width:100%;padding:1px 0;margin:0;border:0;background:none;border-radius:22px}.c-lamp .k-rosette{--k-s: 40px;font:800 16px/1 var(--k-f-num);color:#fff6e4;text-shadow:var(--k-num-shadow)}.c-glow{position:absolute;right:2px;top:0;font-size:11px;color:#ffe8a8}.c-trap{position:absolute;left:3px;top:50%;translate:0 -50%;width:18px;height:24px;border-radius:3px;display:grid;place-items:center;font:400 14px/1 var(--k-f-title);color:#f6e6c4;background:var(--card-back);box-shadow:0 0 0 1px #0a0402,0 0 0 1.8px #b48e52cc,1px 2px 3px #000b}.c-trap.mine{background-size:cover;background-position:center}.c-slot,.c-tok{position:relative;aspect-ratio:3 / 4;width:100%;margin:0;padding:0;border:0;border-radius:7px}.rows3 .c-slot,.rows3 .c-tok{aspect-ratio:5 / 8}.c-slot{background:#00000030;box-shadow:inset 0 0 0 1.5px #ffffff18}.c-side.foe .c-slot{pointer-events:none}.c-tok{overflow:visible;background:#1a1008;box-shadow:0 0 0 1.5px #0a0402,0 0 0 2.6px #b48e52,1px 3px 5px #000c}.c-tok.foe{box-shadow:0 0 0 1.5px #0a0402,0 0 0 2.6px #8a849e,1px 3px 5px #000c}.c-tok .c-art{position:absolute;inset:0;border-radius:inherit;background:center / cover no-repeat}.c-tok .c-extra{position:absolute;right:-4px;top:-4px;width:42%;aspect-ratio:1;border-radius:50%;background:center / cover no-repeat;box-shadow:0 0 0 1px #0a0402,0 0 0 2px #e2b46c,1px 2px 3px #000b}.c-tok .k-coin,.c-tok .k-ruby{position:absolute;bottom:-6px;--k-s: 22px;font-size:12.5px}.c-tok .k-coin{left:-5px}.c-tok .k-ruby{right:-5px}.c-tok.rest .c-art{filter:saturate(.55) brightness(.75)}.c-tok.frozen .c-art{filter:saturate(.4) brightness(1.1) hue-rotate(160deg);box-shadow:inset 0 0 0 2px #bfefff,inset 0 0 14px #8fd8ff}.c-slot.can{background:color-mix(in srgb,var(--can) 20%,transparent);box-shadow:inset 0 0 0 2px var(--can),0 0 10px color-mix(in srgb,var(--can) 60%,transparent);animation:c-call 1.4s ease-in-out infinite}.c-tok.can{box-shadow:0 0 0 1.5px #0a0402,0 0 0 3px var(--can),0 0 12px var(--can)}.c-tok.sel{box-shadow:0 0 0 1.5px #0a0402,0 0 0 3.5px #f4fff0,0 0 16px 3px var(--can);translate:0 -3px}.c-tok.tgt,.c-lamp.tgt .k-rosette{box-shadow:0 0 0 1.5px #0a0402,0 0 0 3px var(--danger),0 0 14px var(--danger)}.c-lamp.tgt .k-rosette{border-radius:50%;animation:c-call 1.2s ease-in-out infinite}.c-tok.tgt{animation:c-call 1.2s ease-in-out infinite}.c-tok.combo{box-shadow:0 0 0 1.5px #0a0402,0 0 0 3px #ffcf5a,0 0 14px #ffb35a}.c-tok.shield:after,.c-lamp.shield:after{content:"";position:absolute;right:0;top:0;width:16px;height:19px;pointer-events:none;clip-path:polygon(50% 0,100% 14%,92% 62%,50% 100%,8% 62%,0 14%);background:var(--k-brass-grad);filter:drop-shadow(0 1px 1px #000)}.c-lamp.shield .k-rosette{filter:brightness(.7) saturate(.7)}.c-slot.spot,.c-tok.spot{box-shadow:0 0 0 1.5px #0a0402,0 0 0 3px #f4fff0,0 0 14px var(--can)}@keyframes c-call{50%{filter:brightness(1.35)}}.c-tok.hit,.c-lamp.hit .k-rosette{animation:c-hit .7s ease-out}.c-tok.heal,.c-lamp.heal .k-rosette{animation:c-heal .8s ease-out}@keyframes c-hit{0%{filter:brightness(2.2) sepia(1) hue-rotate(-30deg) saturate(4);translate:2px 0}20%{translate:-2px 0}40%{translate:1px 0}to{filter:none;translate:0 0}}@keyframes c-heal{0%{filter:brightness(1.8) sepia(1) hue-rotate(60deg) saturate(3)}to{filter:none}}.c-me #g-mine.mine{position:static;min-width:0}.c-me #g-mine .essbox{padding:5px 9px}.c-me #g-mine .gems-row{max-width:none;gap:2px}.c-me #g-mine .hud-gem{--k-s: 24px}.c-me .gem-count{font-size:21px}.c-me .endwrap{position:static;flex:none}.c-me #g-end.k-medallion{--k-s: 74px;font-size:12.5px}.c-me #g-end.k-medallion.long{font-size:10px}.c-zoomcard{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;max-height:100%}.c-zoom{container-type:size}.c-zoomcard>.card.big{--w: min(64vw, 100cqh * .7 - 6px)}.c-root:has(#g-status.on) .c-zoomcard{align-items:start}.c-root:has(#g-status.on) .c-zoomcard>.card.big{--w: min(64vw, (100cqh - 58px) * .7)}.c-last{position:relative;opacity:.62;filter:saturate(.75)}.c-lastby.k-plate{position:absolute;left:50%;top:4px;translate:-50% 0;z-index:3;font-size:13px}.c-pair{display:grid;justify-items:center;gap:4px}.c-pair .card{--w: min(28vw, 100cqh * .42)}.c-hand{display:flex;gap:6px;overflow-x:auto;overflow-y:visible;padding:12px 4px 2px;touch-action:pan-x;scroll-snap-type:x proximity;scrollbar-width:none}.c-hand::-webkit-scrollbar{display:none}.c-card.slot-card{flex:none;scroll-snap-align:center;transition:translate .18s}.c-card .card{--w: 116px}.c-card.on{translate:0 -10px}.c-card:not(.can) .card{filter:saturate(.6) brightness(.78)}.c-empty{display:block;height:166px}body[data-role=controller] .row-cards{--w: min(27vw, 120px);gap:8px 10px}body[data-role=controller] .m-win.m-wide,body[data-role=controller] .m-win:has(.row-cards){min-width:0;width:100%}body[data-role=controller] .m-wpanel.k-panel{padding:34px 12px 14px}body[data-role=controller] .m-wpanel:has(.row-cards){padding-left:12px;padding-right:12px}body[data-role=controller] .modal.m-modal{padding:34px 8px 10px;place-items:center;touch-action:pan-y}body[data-role=controller] .m-essences{gap:8px}body[data-role=controller] .m-ess{flex-basis:140px;min-height:0;padding:10px 6px 9px;gap:5px}body[data-role=controller] .m-ess-gem{--k-s: 44px}body[data-role=controller] .m-ess-name{font-size:16px}body[data-role=controller] #g-banner .k-title{font-size:24px}body[data-role=controller] .m-waiting{top:auto;bottom:30%}@media(orientation:landscape){.c-root{gap:5px 8px;grid-template-columns:minmax(0,1fr) minmax(150px,27vw);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"foe zoom" "board zoom" "hand me"}.c-board{min-height:0;display:grid;align-items:center}.c-lanes{gap:5px;padding:4px;height:100%;box-sizing:border-box}.c-lane{grid-template-rows:auto minmax(0,1fr) 6px minmax(0,1fr) auto;gap:2px;padding:2px}.c-side{align-items:center}.c-lanes .c-slot,.c-lanes .c-tok{aspect-ratio:auto;height:100%;max-height:64px}.c-lamp .k-rosette{--k-s: 26px;font-size:12px}.c-tok .k-coin,.c-tok .k-ruby{--k-s: 19px;font-size:11px;bottom:-4px}.c-me{flex-direction:row-reverse;justify-content:space-between;align-items:end}.c-me #g-mine .hud-gem{--k-s: 18px}.c-me .gem-count{font-size:16px}.c-me #g-end.k-medallion{--k-s: 64px;font-size:11px}.c-hand{padding-top:8px}.c-card .card{--w: 72px}.c-empty{height:103px}.c-zoomcard>.card.big{--w: min(26vw, 100cqh * .7 - 6px)}.c-root>#g-status.status{grid-area:zoom}.c-foegems .hud-gem{--k-s: 15px}body[data-role=controller] .row-cards{--w: min(15vw, 30vh)}body[data-role=controller] .modal.m-modal{padding-top:28px}}@media(prefers-reduced-motion:reduce){.c-slot.can,.c-tok.tgt,.c-lamp.tgt .k-rosette,.c-tok.hit,.c-tok.heal,.t-plate .backs .fback.held,.t-seat.taken{animation:none}}.mo-wait{display:grid;justify-items:center;gap:6px;max-width:100%}.mo-lamp{position:relative;display:block;flex:none;width:calc(var(--mo-h, 88px) * 64 / 96);height:var(--mo-h, 88px)}.mo-svg{position:relative;display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(1px 3px 3px #000c)}.mo-halo{position:absolute;left:50%;top:52%;width:300%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#ffd8909c,#ff9a3a44 42%,#ff7a1a16 70%,transparent);animation:mo-halo 8s ease-in-out infinite}.mo-glass{animation:mo-glass 8s ease-in-out infinite}.mo-flame{transform-box:fill-box;transform-origin:50% 92%;animation:mo-flame 8s ease-in-out infinite,mo-flicker 1.4s ease-in-out infinite alternate}.mo-wick{animation:mo-wick 8s ease-in-out infinite}.mo-mote{position:absolute;left:50%;top:22%;width:3px;height:3px;border-radius:50%;pointer-events:none;opacity:0;background:#fff1c8;box-shadow:0 0 4px #ffb35a,0 0 8px #ff8a2a;animation:mo-mote 8s ease-out infinite}.mo-mote:nth-of-type(2){margin-left:-7px;animation-delay:.7s}.mo-mote:nth-of-type(3){margin-left:6px;animation-delay:1.5s}@keyframes mo-glass{0%,6%{opacity:.05}16%{opacity:.2}20%{opacity:.14}46%,78%{opacity:.95}to{opacity:.05}}@keyframes mo-flame{0%,6%{scale:.18;opacity:.55}13%{scale:.5;opacity:1}18%{scale:.3}30%{scale:.78}46%,78%{scale:1;opacity:1}to{scale:.18;opacity:.55}}@keyframes mo-flicker{0%{rotate:-2.5deg}50%{rotate:1deg}to{rotate:2.5deg}}@keyframes mo-wick{0%,6%,to{opacity:.55}46%,78%{opacity:1}}@keyframes mo-halo{0%,6%{opacity:.08;scale:.55}16%{opacity:.3;scale:.7}46%,78%{opacity:1;scale:1}to{opacity:.08;scale:.55}}@keyframes mo-mote{0%,40%{opacity:0;translate:0 0}46%{opacity:.95}70%{opacity:0;translate:3px -34px}to{opacity:0;translate:3px -34px}}.mo-say{margin:0;display:grid;justify-items:center;gap:3px;max-width:46ch;min-height:3.6em;align-content:start;text-align:center;pointer-events:none;animation:mo-say 8s ease-in-out infinite}.mo-line{font:italic 400 16px/1.3 var(--k-f-text);color:#f4e6cc;text-shadow:var(--k-text-shadow, 0 1px 2px #000);text-wrap:balance}.mo-from{font-size:12.5px;letter-spacing:.08em;color:var(--k-gold, #e2b46c);opacity:.9}.mo-from:before{content:"— "}@keyframes mo-say{0%,8%{opacity:0;translate:0 4px}22%,90%{opacity:1;translate:0 0}to{opacity:0;translate:0 -2px}}.mo-wait.mo-big{--mo-h: 74px;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;column-gap:16px}.mo-wait.mo-big .mo-say{justify-items:start;text-align:left;min-height:2.9em;max-width:40ch}.mo-wait.mo-big .mo-line{font-size:21px}.mo-wait.mo-big .mo-from{font-size:14px}@media(min-height:980px){.mo-wait.mo-big{--mo-h: 120px;grid-template-columns:none;justify-items:center;gap:10px}.mo-wait.mo-big .mo-say{justify-items:center;text-align:center}.mo-wait.mo-big .mo-line{font-size:25px}.mo-wait.mo-big .mo-from{font-size:16px}}.m-lobbypanel .mo-wait,.c-joinpanel .mo-wait{margin:2px 0}.t-lobbypanel .mo-wait{margin:0 0 2px}.m-curtain .mo-say{min-height:3.2em}.m-waiting.mo-pill{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;row-gap:2px;padding:7px 18px 7px 12px;border-radius:22px;white-space:normal}.m-waiting.mo-pill:before{content:none}.mo-pill .mo-lamp{--mo-h: 34px;grid-row:1 / span 2}.mo-pill .mo-halo{width:240%}.mo-pill .mo-mote{display:none}.mo-pill .mo-who{white-space:nowrap}.mo-pill .mo-say{justify-items:start;text-align:left;min-height:0;max-width:42ch}.mo-pill .mo-line{font-size:13.5px;letter-spacing:0}.mo-pill .mo-from{display:none}.t-waiting.mo-pill .mo-lamp{--mo-h: 52px}.t-waiting.mo-pill .mo-line{font-size:18px}@media(max-height:520px){.mo-wait{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;column-gap:12px;text-align:left}.mo-wait .mo-lamp{--mo-h: 50px}.mo-wait .mo-say{justify-items:start;text-align:left;min-height:2.7em}.mo-wait .mo-line{font-size:14px}.mo-wait .mo-from{font-size:11px}.mo-wait.mo-big{--mo-h: 60px}.mo-wait.mo-big .mo-line{font-size:16px}.m-curtain .mo-say{min-height:2.6em}.m-curtain .mo-line{font-size:14px}.mo-pill .mo-lamp{--mo-h: 28px}.mo-pill .mo-line{font-size:12px}}.mo-gift{position:relative;isolation:isolate}.mo-back{position:absolute;inset:0;z-index:9;border-radius:inherit;pointer-events:none;background:var(--card-back);opacity:0;box-shadow:0 0 0 1px #0a0402,0 0 18px #ffb35a55}.mo-burst{position:absolute;left:50%;top:50%;z-index:-1;width:220%;aspect-ratio:1;margin:-110% 0 0 -110%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(closest-side,#fff4d0d0,#ffd890a0 22%,#ff9a3a55 46%,#ff7a1a18 68%,transparent),repeating-conic-gradient(from 8deg,#ffe0a028 0 5deg,transparent 5deg 22deg);-webkit-mask:radial-gradient(closest-side,#000 55%,transparent);mask:radial-gradient(closest-side,#000 55%,transparent)}.mo-burst.mo-small{width:170%;margin:-85% 0 0 -85%}.flight .fl-burst{position:fixed;z-index:0;background:radial-gradient(closest-side,#fff8e0f0,#ffe2a0c0 18%,#ffb24a70 40%,#ff8a1a24 64%,transparent),repeating-conic-gradient(from 4deg,#fff0c040 0 4deg,transparent 4deg 17deg)}.flight.fl-glow .fl-in{z-index:1}.flight.fl-glow .fl-face .card{box-shadow:var(--c-shadow),var(--c-inset),0 0 0 1.5px #ffe6a8,0 0 28px 4px #ffd890cc,0 0 80px 10px #ff9a3a88}.mo-opening .slot-card{pointer-events:none}:root.still .mo-halo,:root.still .mo-glass,:root.still .mo-flame,:root.still .mo-wick,:root.still .mo-mote{animation:none}:root.still .mo-glass{opacity:.9}:root.still .mo-halo{opacity:.8}:root.still .mo-mote{display:none}.begin{position:fixed;inset:0;z-index:90;overflow:hidden;background:#0a0716;outline:none;cursor:pointer;animation:bg-in .7s ease-out both}@keyframes bg-in{0%{opacity:0;filter:brightness(2.2)}}.begin.bg-leave{animation:bg-out .5s ease-in both;pointer-events:none}@keyframes bg-out{to{opacity:0}}.bg-cam{position:absolute;left:0;top:0;transform-origin:0 0;transition:transform 1.4s cubic-bezier(.45,.05,.3,1);will-change:transform}.bg-room{position:absolute;left:0;top:0;width:1600px;height:900px}.bg-room>*{position:absolute;display:block}.bg-wall{inset:0 0 140px;background:radial-gradient(ellipse 34% 52% at 51% 8%,#ffcf8a66,#ff9a3a22 46%,transparent 72%),radial-gradient(ellipse 30% 40% at 76% 66%,#ff9a3a1e,transparent 70%),repeating-linear-gradient(90deg,transparent 0 196px,#0006 196px 200px,#ffd8a018 200px 202px,transparent 202px 200px),linear-gradient(#0a0610 0,#1c1018 18%,#2a1810 62%,#1a0e08),var(--k-wood, var(--k-walnut-x)) center / 640px auto;background-blend-mode:screen,screen,normal,multiply,normal}.bg-floor{inset:760px 0 0;background:radial-gradient(ellipse 40% 60% at 52% 0%,#ffb35a40,transparent 70%),repeating-linear-gradient(90deg,#0004 0 2px,transparent 2px 120px),linear-gradient(#3a2414,#140a06)}.bg-floor:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(#5a3a1e,#1a0e06)}.bg-night{position:absolute;inset:0;background:radial-gradient(circle at 30% 34%,#ffcf8a66 0 6px,#ffb35a30 14px,transparent 60px),radial-gradient(ellipse at 50% 120%,#4a3463,transparent 70%),linear-gradient(#0b0a1f,#1d1942 60%,#2a2148)}.bg-rain{position:absolute;inset:0;opacity:.55;overflow:hidden}.bg-rain:before,.bg-rain:after{content:"";position:absolute;inset:-220px -40px 0 0;will-change:transform}.bg-rain:before{background:repeating-linear-gradient(104deg,transparent 0 13px,#c4ceff66 13px 14px,transparent 14px 31px) 0 0 / 100% 140px;animation:bg-rain-a .5s linear infinite}.bg-rain:after{background:repeating-linear-gradient(100deg,transparent 0 22px,#c4ceff40 22px 23px,transparent 23px 47px) 0 0 / 100% 220px;animation:bg-rain-b .5s linear infinite}@keyframes bg-rain-a{to{transform:translate(-30px,140px)}}@keyframes bg-rain-b{to{transform:translate(-40px,220px)}}.bg-window{left:600px;top:190px;width:380px;height:330px;overflow:hidden;border-radius:4px;box-shadow:0 0 0 14px #3a2214,0 0 0 17px #b48e52,0 0 0 19px #1a0c04,0 14px 30px 12px #0008}.bg-panes{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - 5px),#3a2214 calc(50% - 5px) calc(50% + 5px),transparent 0),linear-gradient(transparent calc(50% - 5px),#3a2214 calc(50% - 5px) calc(50% + 5px),transparent 0),linear-gradient(160deg,#ffffff10,transparent 40%)}.bg-door{left:120px;top:250px;width:210px;height:510px;border-radius:105px 105px 0 0;overflow:visible;box-shadow:0 0 0 16px #3a2214,0 0 0 19px #b48e52,0 0 0 21px #1a0c04}.bg-door>.bg-night,.bg-door>.bg-rain{border-radius:inherit;overflow:hidden}.bg-door:after{content:"";position:absolute;left:-2px;top:0;bottom:0;width:46px;border-radius:100px 0 0;background:linear-gradient(90deg,#2a160a,#5a3418 70%,#ffcf7a66),var(--k-walnut-x);box-shadow:4px 0 10px #0009}.bg-bell{left:50%;top:-42px;width:34px;height:30px;margin-left:-17px;transform-origin:50% 0;background:radial-gradient(circle at 50% 100%,#3a2208 0 4px,transparent 5px),radial-gradient(ellipse 60% 80% at 40% 30%,#fff1c2,#d9a95e 50%,#8a5a24);border-radius:50% 50% 8px 8px/70% 70% 8px 8px;box-shadow:0 2px 4px #000a}.bg-in .bg-bell{animation:bg-bell 1.6s ease-out both}@keyframes bg-bell{10%{rotate:22deg}25%{rotate:-18deg}40%{rotate:12deg}55%{rotate:-8deg}70%{rotate:4deg}to{rotate:0}}.bg-shelves{left:1060px;top:120px;width:520px;height:560px;filter:drop-shadow(0 8px 10px #0009) saturate(.9) brightness(.92)}.bg-counter{left:560px;top:610px;width:460px;height:150px;border-radius:6px 6px 0 0;z-index:3;background:linear-gradient(#ffd8a030,transparent 12%),var(--k-lamp),var(--k-wood, var(--k-walnut-x)) center / cover;box-shadow:inset 0 3px #b48e52,inset 0 -30px 40px #0009,0 -2px #1a0c04}.bg-lamp{left:780px;top:0;width:60px;height:190px;z-index:6;pointer-events:none;background:linear-gradient(90deg,transparent 28px,#3a2410 28px 32px,transparent 32px) top / 100% 110px no-repeat,radial-gradient(ellipse 50% 40% at 50% 74%,#fff4d0,#ffcf7a 40%,#e0842e 70%,transparent 72%) bottom / 100% 80px no-repeat}.bg-lamp:after{content:"";position:absolute;left:50%;top:150px;width:900px;height:700px;translate:-50% -40%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#ffcf8a3a,#ff9a3a14 50%,transparent);animation:bg-flicker 3.2s ease-in-out infinite}@keyframes bg-flicker{50%{opacity:.82}70%{opacity:.95}}.bg-table{left:1040px;top:640px;width:340px;height:120px;z-index:2;background:linear-gradient(90deg,#1a0c06 0 18px,transparent 18px calc(100% - 18px),#1a0c06 0) 0 22px / 100% 100% no-repeat}.bg-table>i{position:absolute;left:-12px;right:-12px;top:0;height:24px;border-radius:4px;background:var(--k-lamp),var(--k-walnut-x);box-shadow:inset 0 2px #c8a064aa,0 6px 10px #000a}.bg-boxwrap{left:940px;top:312px;width:540px;height:330px;z-index:4;transform:scale(.56);transform-origin:50% 100%}.begin .bg-box{width:540px;height:330px;padding:66px 58px 44px;align-content:center;filter:drop-shadow(3px 20px 26px #000c)}.begin .bg-box .m-boxtitle{margin:0}.bg-bed{position:absolute!important;inset:30px;z-index:1;border-radius:6px;pointer-events:none;opacity:0;transition:opacity 1.2s;background:radial-gradient(ellipse 60% 70% at 50% 60%,#ffe6b0aa,#ffb35a55 40%,transparent 75%);mix-blend-mode:screen}.bg-open .bg-bed{opacity:1;transition-delay:1.4s}.begin .bg-box .k-socket>svg{transition:filter .5s}.begin .bg-box .k-socket:not(.lit)>svg{filter:grayscale(1) brightness(.38) drop-shadow(.5px 1px 1px #000)}.begin .bg-box .k-socket.lit{animation:bg-sign .7s ease-out both}@keyframes bg-sign{0%{scale:1;filter:brightness(1)}35%{scale:1.32;filter:brightness(2.2) drop-shadow(0 0 10px var(--k-glow))}to{scale:1;filter:brightness(1.1) drop-shadow(0 0 6px var(--k-glow))}}.bg-dust{position:absolute;inset:calc(-1 * var(--m-rail));z-index:2;border-radius:12px;pointer-events:none;background:radial-gradient(circle at 20% 30%,#cfc2a8aa 0 2px,transparent 3px) 0 0 / 23px 19px,radial-gradient(circle at 60% 70%,#b8ac94aa 0 1.5px,transparent 2.5px) 0 0 / 17px 13px,radial-gradient(ellipse at 40% 40%,#a89c86e6,#8a806cd8 60%,#6a604ec8);transition:opacity 1.1s ease-out,translate 1.2s ease-out,scale 1.2s}.bg-blown .bg-dust{opacity:0;translate:60px -50px;scale:1.1}.bg-puff{left:-120px;top:40px;width:260px;height:180px;z-index:9;opacity:0;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,#e8dcc488,#c8bca444 50%,transparent)}.bg-blow .bg-puff{animation:bg-puff 1.5s ease-out both}@keyframes bg-puff{0%{opacity:0;translate:0 0;scale:.3}25%{opacity:.9}to{opacity:0;translate:480px -160px;scale:2.4}}.bg-cards{position:absolute;left:50%;bottom:74%;z-index:9;--w: 150px;--n: 3;display:flex;gap:26px;translate:-50% 0;padding:0;pointer-events:none}.bg-cards:empty{display:none}.bg-omawrap{left:360px;top:372px;width:170px;height:390px;z-index:5;transition:left 1.7s cubic-bezier(.45,.1,.4,1)}.bg-walk .bg-omawrap{left:850px}.bg-walk .bg-oma{animation:bg-step .42s ease-in-out 4 alternate}@keyframes bg-step{to{translate:0 -6px}}.bg-blow .bg-oma{animation:bg-lean 1.4s ease-in-out both;transform-origin:50% 100%}@keyframes bg-lean{30%,70%{rotate:6deg}}.bg-fig{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 1px #000) drop-shadow(10px 18px 14px #000a)}.bg-drops circle{animation:bg-drop 1.1s ease-in infinite}.bg-drops circle+circle{animation-delay:.55s}@keyframes bg-drop{0%{translate:0 -10px;opacity:1}to{translate:0 6px;opacity:0}}.bg-warm{left:140px;top:220px;width:640px;height:640px;z-index:4;border-radius:50%;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(closest-side,#ffcf8a55,#ff9a3a22 55%,transparent);transition:opacity 1.4s ease-out,left 1.7s cubic-bezier(.45,.1,.4,1)}.bg-in .bg-warm{opacity:1}.bg-walk .bg-warm{left:700px}.bg-odowrap{left:640px;top:250px;width:280px;height:470px;z-index:2;opacity:0;filter:brightness(.2);transition:opacity 1.4s ease-out,filter 1.6s ease-out}.bg-odowrap:before{content:"";position:absolute;left:50%;top:30%;width:520px;height:520px;translate:-50% -50%;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,#ffb35a40,#ff9a3a12 60%,transparent)}.bg-odo-on .bg-odowrap{opacity:1;filter:none}.bg-toverwrap{left:556px;top:523px;width:104px;height:90px;z-index:8;opacity:0;translate:0 10px;pointer-events:none;transition:opacity .8s ease-out,translate .8s ease-out}.bg-tover-on .bg-toverwrap{opacity:1;translate:0 0}.bg-tover{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 8px #000a)}.bg-tover .bg-tv-lens,.bg-tover .bg-tv-flame{transition:opacity .9s ease}.bg-dim .bg-tover .bg-tv-flame{opacity:.95}.bg-beam-on .bg-tover .bg-tv-lens{opacity:1}.bg-beam{position:absolute;left:51px;top:50px;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff6d8,#ffc56e 35%,#ff9a3a66 60%,transparent 72%);transition:opacity .5s ease,scale .9s ease-in}.bg-beam-on .bg-beam{opacity:1;scale:260}.bg-dark{inset:0;z-index:7;background:#05050c;opacity:0;pointer-events:none;transition:opacity 1s ease}.bg-dim .bg-dark{opacity:.62}.bg-still .bg-toverwrap,.bg-still .bg-beam,.bg-still .bg-dark{transition-duration:.05s}.bg-turn .bg-odo{animation:bg-turn 1.2s ease-in-out both}@keyframes bg-turn{50%{translate:-6px -4px;rotate:-2deg}to{translate:-2px -2px}}.bg-glint{opacity:0}.bg-turn .bg-glint,.bg-done .bg-glint{animation:bg-glint 2.4s ease-in-out 1 both}@keyframes bg-glint{20%{opacity:1}60%,to{opacity:.35}}.bg-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 45%,#05030cc8 100%)}.bg-say.k-sheet{position:absolute;left:50%;bottom:calc(26px + var(--sb, 0px));width:min(660px,calc(100vw - 40px));box-sizing:border-box;translate:-50% 0;margin:0;padding:22px 30px 16px;text-align:center;opacity:0;transition:opacity .35s,translate .35s;pointer-events:none}.bg-say.on{opacity:1}.bg-say p{margin:0;font:italic 400 21px/1.4 var(--k-f-text);color:var(--k-ink);text-wrap:pretty}.bg-who.k-plate{font-size:14px}.bg-say .m-next{position:absolute;right:12px;bottom:10px}.bg-done .bg-say{bottom:calc(96px + var(--sb, 0px))}.bg-done .bg-say .m-next{display:none}.bg-end{position:absolute;left:50%;bottom:calc(26px + var(--sb, 0px));translate:-50% 0;display:flex;gap:16px;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s .2s}.bg-done .bg-end{opacity:1;pointer-events:auto}.bg-end .k-btn-lantern{min-width:7em}.bg-skip{position:absolute;top:calc(12px + var(--st, 0px));right:calc(14px + var(--sr, 0px));opacity:.82}.bg-done .bg-skip{display:none}.begin.bg-done{cursor:default}@media(max-height:520px){.bg-say.k-sheet{width:min(560px,calc(100vw - 30px));padding:16px 22px 10px;bottom:calc(14px + var(--sb, 0px))}.bg-say p{font-size:17px}.bg-done .bg-say{bottom:calc(70px + var(--sb, 0px))}.bg-end{bottom:calc(12px + var(--sb, 0px))}.bg-end .k-btn,.bg-end .k-btn-lantern{font-size:15px}}.bg-still .bg-cam,.bg-still .bg-omawrap,.bg-still .bg-warm{transition:none!important}.bg-still .bg-rain:before,.bg-still .bg-rain:after,.bg-still .bg-bell,.bg-still .bg-oma,.bg-still .bg-puff,.bg-still .bg-drops circle,.bg-still .k-socket.lit,.bg-still .bg-odo{animation:none!important}.bg-still .bg-puff{opacity:0}.m-beat{position:absolute;inset:0;z-index:14;display:grid;place-items:center;align-content:center;gap:22px;cursor:pointer;background:radial-gradient(ellipse 55% 50% at 50% 46%,#ffb35a24,transparent 70%),var(--k-scrim);animation:bg-in .45s ease-out both}.m-beat .bt-pic{position:relative;display:flex;align-items:center;justify-content:center;gap:0;height:calc(var(--w-big) * 1.1);--w: calc(var(--w-big) * .62)}.m-beat .bt-pic .card{transition:none}.bt-schakel .card:first-child{animation:bt-left 1.1s cubic-bezier(.3,.8,.3,1) both;rotate:-6deg}.bt-schakel .card:last-child{animation:bt-right 1.1s cubic-bezier(.3,.8,.3,1) both;rotate:6deg}@keyframes bt-left{0%{translate:-42vw 0}to{translate:3% 0}}@keyframes bt-right{0%{translate:42vw 0}to{translate:-3% 0}}.bt-link{position:relative;z-index:3;--k-s: 64px;margin:0 -16px;opacity:0;animation:bt-link .7s 1s ease-out both}.bt-link svg{width:66%;height:66%;fill:none;stroke:#ffe6b0;stroke-width:3;filter:drop-shadow(0 0 6px #ffb35a) drop-shadow(0 0 14px #ff9a3a)}@keyframes bt-link{0%{opacity:0;scale:.3}60%{opacity:1;scale:1.25}to{opacity:1;scale:1}}.bt-stenen{gap:70px}.bt-stone{--k-s: calc(var(--w-big) * .46);animation:bt-stone .8s cubic-bezier(.3,.9,.4,1.2) both}.bt-stone+.bt-stone{animation-delay:.65s}.bt-stone>svg{filter:drop-shadow(0 0 10px var(--k-glow)) drop-shadow(0 0 26px var(--k-glow))}@keyframes bt-stone{0%{opacity:0;translate:0 -60px;scale:.6}70%{opacity:1;translate:0 6px}to{opacity:1;translate:0 0;scale:1}}.m-beat .m-odo{position:relative;left:auto;top:auto;translate:none;width:min(460px,calc(100vw - 40px))}.m-beat .bt-skip{position:absolute;top:calc(12px + var(--st, 0px));right:calc(14px + var(--sr, 0px))}html.still .m-beat *,.m-beat.still *{animation-duration:.01ms!important;animation-delay:0s!important}#g-mine .hud-gem.paying{translate:0 -7px;filter:brightness(1.4) drop-shadow(0 0 7px var(--c, #ffcf7a));box-shadow:0 0 0 2px #ffe6b0cc,0 0 12px #ffcf7a;border-radius:50%;transition:translate .18s,filter .18s}.pay-fly{position:fixed;left:0;top:0;z-index:45;--k-s: 26px;pointer-events:none}.gem-fly{position:fixed;left:0;top:0;z-index:45;--k-s: 34px;pointer-events:none}body.choosing #g-hand{z-index:11}.m-ess.k-hover{translate:0 -3px;filter:brightness(1.15)}body.choosing #g-hand .slot-card{pointer-events:none}body[data-gem] #g-hand .pip-gem{transition:filter .2s,scale .2s,box-shadow .2s}body[data-gem] #g-hand .slot-card:has(.pip-gem){z-index:4}body[data-gem=energie] #g-hand .pip-gem[data-e=energie],body[data-gem=stroming] #g-hand .pip-gem[data-e=stroming],body[data-gem=aarde] #g-hand .pip-gem[data-e=aarde],body[data-gem=natuur] #g-hand .pip-gem[data-e=natuur],body[data-gem=licht] #g-hand .pip-gem[data-e=licht],body[data-gem=schaduw] #g-hand .pip-gem[data-e=schaduw],body[data-gem=geest] #g-hand .pip-gem[data-e=geest],body[data-gem=tijd] #g-hand .pip-gem[data-e=tijd]{scale:1.9;z-index:3;border-radius:50%;box-shadow:0 0 0 1.5px #fff4d0,0 0 10px 2px var(--c);filter:brightness(1.8) saturate(1.2) drop-shadow(0 0 6px var(--c))}#g-hand .pip-gem.flare{animation:pip-flare .9s ease-out both}@keyframes pip-flare{30%{scale:1.6;filter:brightness(2.2) drop-shadow(0 0 10px var(--c))}}#g-hand .card>.c-lint.flutter{transform-origin:50% 0;animation:lint-flutter 1.1s ease-in-out both}@keyframes lint-flutter{0%{rotate:0;scale:1 1}18%{rotate:9deg;scale:1.08 1.06}36%{rotate:-7deg}54%{rotate:5deg;scale:1 1.04}72%{rotate:-3deg}to{rotate:0;scale:1}}.inspect .card.look-stats>.k-coin,.inspect .card.look-atk>.k-coin{animation:look-stat 1.6s ease-in-out .2s 2 both}.inspect .card.look-stats>.k-ruby{animation:look-stat 1.6s ease-in-out 1.9s 2 both}.inspect .card.t-bouwwerk.look-atk>.k-coin{filter:grayscale(1) brightness(.6);animation:look-dim 1.6s ease-in-out .2s 2 both}@keyframes look-dim{40%{scale:1.3}}.inspect-pair.look-atk .pair-now .k-coin,.inspect-pair.look-stats .pair-now .k-coin{animation:look-stat 1.6s ease-in-out .2s 2 both}.inspect-pair.look-stats .pair-now .k-ruby{animation:look-stat 1.6s ease-in-out 1.9s 2 both}@keyframes look-stat{40%{scale:1.45;filter:brightness(1.6) drop-shadow(0 0 10px #ffd27a) drop-shadow(0 0 22px #ff9a3a)}}#ess-kaart.cue{box-shadow:inset 2px 5px 12px #000d,0 0 0 3px var(--cue),0 0 26px var(--cue)}@media(prefers-reduced-motion:reduce){:root:not(.moving) :is(#g-hand .card>.c-lint.flutter,.inspect .card>.k-coin,.inspect .card>.k-ruby,#g-hand .pip-gem.flare){animation:none!important}}html.still :is(#g-hand .card>.c-lint.flutter,.inspect .card>.k-coin,.inspect .card>.k-ruby,#g-hand .pip-gem.flare){animation:none!important}.m-lessons-top{display:flex;justify-content:center;margin:2px 0 -4px}.m-begin.k-btn{font-size:16px;gap:10px;padding:0 18px 0 14px}.m-begin svg{width:22px;height:22px;fill:none;stroke:var(--k-label-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m-lcard.known:not(.done){box-shadow:var(--k-shadow-box),0 0 0 1px #0a0402,0 0 0 3px #ffb35a,0 0 26px #ff9a3a90}.m-tips{display:grid;gap:8px;justify-items:center;margin-top:14px}.m-tips-h{font:400 15px/1 var(--k-f-title);letter-spacing:.08em;color:var(--k-label-gold);text-shadow:var(--k-label-shadow)}.m-tiprow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.m-tip.k-btn{font-size:15px;gap:8px;padding:0 16px 0 12px}.m-tip .m-tipdot{width:9px;height:9px;border-radius:50%;background:#5a3a20;box-shadow:inset 0 1px 2px #000a}.m-tip.done .m-tipdot{background:radial-gradient(circle at 40% 35%,#fff4d0,#ffb35a 55%,#c0581c);box-shadow:0 0 6px #ff9a3a}.m-tip.glow{box-shadow:0 0 0 2px #ffcf7a,0 0 18px #ff9a3a;animation:tip-glow 2.4s ease-in-out infinite}@keyframes tip-glow{50%{box-shadow:0 0 0 2px #ffcf7a,0 0 30px #ff9a3a}}.m-choice .m-tipspark{position:absolute;right:10px;top:8px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff4d0,#ffb35a 55%,#c0581c);box-shadow:0 0 8px #ff9a3a;animation:k-breathe 1.8s ease-in-out infinite}.m-deck.odo-pick .m-deck-card{box-shadow:0 0 0 2px #ffcf7a,0 0 26px #ff9a3a}.m-deck .m-odopick.k-plate{position:absolute;left:50%;top:-12px;translate:-50% 0;z-index:4;font-size:12px;height:22px;white-space:nowrap}@media(max-height:520px){.m-tips{margin-top:8px}.m-tip.k-btn{font-size:13px}}.m-chapters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 0}.m-chap.k-btn{font-size:14px;gap:8px;padding:0 14px 0 10px}.m-chapglass{width:10px;height:13px;border-radius:2px;background:#2a2436;box-shadow:inset 0 0 0 1.5px #c99a52,inset 0 1px 3px #000a}.m-chap.seen .m-chapglass{background:radial-gradient(circle at 45% 40%,#fff4d0,#ffc56e 55%,#c07a2c);box-shadow:inset 0 0 0 1.5px #c99a52,0 0 6px #ff9a3a}@media(max-height:520px){.m-chapters{gap:6px;margin-top:6px}.m-chap.k-btn{font-size:12px}}html.lite{--k-night-blur: none;--k-night-glass: var(--k-sheen), radial-gradient(ellipse 85% 60% at 50% 114%, #ff9a3a30, transparent 74%), var(--k-grain), var(--k-glass, none) center / 300px 200px, linear-gradient(180deg, rgba(17, 24, 48, .88), rgba(10, 14, 30, .93))}html.lite :is(*,*:before,*:after){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.lite .k-medallion{animation:none;box-shadow:2px 12px 18px #000b,0 0 26px 4px #ff9a3a38}html.lite .k-medallion:is(.glow,.k-glow):not(:disabled,.k-wait){animation:none;box-shadow:2px 12px 18px #000b,0 0 36px 9px #ffae4a70}html.lite body.no-moves #g-end.glow:not(:disabled){animation:hud-knock 2.4s ease-in-out infinite}html.lite .m-won .m-wpanel{animation:none;box-shadow:var(--k-shadow-box),inset 0 -22px 38px -11px #ff9a3a40,0 0 100px 15px #ffb35a55}html.lite :is(.k-rosette,.k-medallion):after{mix-blend-mode:normal}html.lite .col-grid .col-card,html.lite .col-grid .col-card:hover,html.lite .atlas.opening,html.lite .atlas.closing{filter:none}html.lite .atlas .al-flow-line,html.lite .atlas .am-lamp.lit .am-icon{animation:none}html.lite .atlas .at-lamp{mix-blend-mode:normal;opacity:.55}html.lite body:after{mix-blend-mode:normal;opacity:.3}.ld{--p: 0;position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#0a0918;background-image:radial-gradient(ellipse at 50% 42%,#2a1f3a,#120f24 46%,#0a0918 80%);transition:opacity .45s ease-out}.ld.ld-out{opacity:0;pointer-events:none}.ld-in{display:grid;justify-items:center;gap:clamp(6px,1.6vh,14px);opacity:0;animation:ld-in .5s ease-out .15s forwards}@keyframes ld-in{to{opacity:1}}.ld-lamp{position:relative;display:block;height:clamp(84px,20vh,150px);aspect-ratio:64 / 96}.ld-lamp>svg{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(1px 3px 3px #000c)}.ld-halo{position:absolute;left:50%;top:52%;width:320%;aspect-ratio:1;margin-left:-160%;margin-top:-160%;pointer-events:none;opacity:calc(.12 + .88 * var(--p));transform:scale(calc(.55 + .45 * var(--p)));transition:opacity .6s,transform .6s}.ld-halo>i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,#ffd8909c,#ff9a3a44 42%,#ff7a1a16 70%,transparent);animation:ld-breathe 3.2s ease-in-out infinite}@keyframes ld-breathe{50%{opacity:.78}}.ld-fill{position:absolute;left:33.9%;top:28.65%;width:32.2%;height:40.63%;overflow:hidden;border-radius:1px;transform:translateY(calc((1 - var(--p)) * 100%));transition:transform .6s ease-out}.ld-fill-in{position:absolute;inset:0;transform:translateY(calc((var(--p) - 1) * 100%));transition:transform .6s ease-out}.ld-fill-in svg{display:block;width:100%;height:100%}.ld-title{margin:0;font-size:clamp(30px,7vh,54px);font-weight:400;letter-spacing:.06em;line-height:1.1}.ld-say{margin:0;min-height:1.4em;font:italic 400 clamp(15px,2.3vh,18px)/1.3 var(--k-f-text);color:#f4e6cc;text-shadow:var(--k-text-shadow, 0 1px 2px #000)}.ld-n{font-style:normal;font-size:.88em;margin-left:.4em;opacity:.8}.ld-still .ld-halo>i{animation:none}.ld-still .ld-in{animation-duration:.01s}.ld-still .ld-halo,.ld-still .ld-fill,.ld-still .ld-fill-in,.ld-still.ld{transition:none}.ld-chip{position:fixed;left:calc(10px + env(safe-area-inset-left,0px));bottom:8px;z-index:4;display:flex;align-items:center;gap:7px;padding:3px 11px 3px 7px;border-radius:14px;background:#0a091899;pointer-events:none;font:italic 400 12.5px/1.2 var(--k-f-text);color:#f4e6ccd8;transition:opacity .5s}.ld-chip[hidden]{display:flex;opacity:0}.ld-chip .ld-n{font-size:.92em;margin-left:0}.ld-chip i{width:7px;height:11px;border-radius:2px 2px 3px 3px;background:radial-gradient(circle at 50% 70%,#fff1c8,#ffb35a 45%,#c2410c);box-shadow:0 0 6px #ff9a3a88}body:not([data-screen=home]) .ld-chip{display:none}