@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap";:root{--page-background: #061e1a;font-family:Manrope,system-ui,sans-serif;color:#f6f0df;background:var(--page-background);font-synthesis:none}*{box-sizing:border-box}html{width:100%;height:100%;overflow:hidden;background:var(--page-background)}body{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;width:100%;height:100%;min-width:320px;overflow:hidden;background:transparent;overscroll-behavior:none}#game-shell{position:relative;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;width:100%;height:100dvh;margin:auto;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#game{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(245,220,154,.16);border-radius:24px;background:#0d4b3c}#game:before{position:absolute;z-index:0;inset:50% auto auto 50%;width:clamp(280px,38vw,680px);aspect-ratio:630 / 270;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20630%20270'%20role='img'%20aria-labelledby='title'%3e%3ctitle%20id='title'%3efool?%20logo%3c/title%3e%3cg%20fill='%23eadcae'%20transform='translate(20%20217)%20scale(.2%20-.2)'%3e%3cpath%20d='M380%20434H251V0H102V434H20V506L102%20546V586Q102%20656%20125.5%20694.5Q149%20733%20192.5%20749Q236%20765%20295%20765Q339%20765%20374.5%20758Q410%20751%20432%20742L394%20633Q377%20638%20357%20642.5Q337%20647%20311%20647Q280%20647%20265.5%20628Q251%20609%20251%20580V546H380Z'/%3e%3cpath%20transform='translate(387)'%20d='M577%20274Q577%20206%20558.5%20153Q540%20100%20505.5%2064Q471%2028%20422%209Q373-10%20311-10Q253-10%20205%209Q157%2028%20122%2064Q87%20100%2067%20153Q47%20206%2047%20274Q47%20365%2079%20428Q111%20491%20171%20523.5Q231%20556%20314%20556Q391%20556%20450%20523.5Q509%20491%20543%20428Q577%20365%20577%20274ZM201%20274Q201%20221%20212.5%20183Q224%20145%20248.5%20125Q273%20105%20313%20105Q352%20105%20376.5%20125Q401%20145%20412%20183Q423%20221%20423%20274Q423%20328%20411.5%20365Q400%20402%20376%20421.5Q352%20441%20312%20441Q254%20441%20227.5%20398Q201%20355%20201%20274Z'/%3e%3cpath%20transform='translate(1012)'%20d='M577%20274Q577%20206%20558.5%20153Q540%20100%20505.5%2064Q471%2028%20422%209Q373-10%20311-10Q253-10%20205%209Q157%2028%20122%2064Q87%20100%2067%20153Q47%20206%2047%20274Q47%20365%2079%20428Q111%20491%20171%20523.5Q231%20556%20314%20556Q391%20556%20450%20523.5Q509%20491%20543%20428Q577%20365%20577%20274ZM201%20274Q201%20221%20212.5%20183Q224%20145%20248.5%20125Q273%20105%20313%20105Q352%20105%20376.5%20125Q401%20145%20412%20183Q423%20221%20423%20274Q423%20328%20411.5%20365Q400%20402%20376%20421.5Q352%20441%20312%20441Q254%20441%20227.5%20398Q201%20355%20201%20274Z'/%3e%3cpath%20transform='translate(1637)'%20d='M224%200H73V760H224Z'/%3e%3c/g%3e%3cg%20transform='translate(435%2016)'%3e%3crect%20x='8'%20y='10'%20width='170'%20height='230'%20rx='21'%20fill='%2300120e'%20fill-opacity='.3'/%3e%3crect%20width='170'%20height='230'%20rx='21'%20fill='%23eadcae'/%3e%3crect%20x='11'%20y='11'%20width='148'%20height='208'%20rx='14'%20fill='%239e3941'/%3e%3crect%20x='22'%20y='23'%20width='126'%20height='184'%20rx='8'%20fill='none'%20stroke='%23eadcae'%20stroke-width='5'/%3e%3cpath%20fill='%23eadcae'%20transform='translate(58.3%20149.5)%20scale(.052%20-.052)'%20d='M445-29Q375-29%20327.5%2019Q280%2067%20280%20137Q280%20207%20327.5%20255Q375%20303%20445%20303Q514%20303%20562.5%20255Q611%20207%20611%20137Q611%2068%20563%2019.5Q515-29%20445-29ZM491%20390H388L331%20703L426%20728Q530%20755%20571.5%20819.5Q613%20884%20613%20994Q613%201131%20565%201192.5Q517%201254%20405%201254Q321%201254%20256%201212L213%201018H124V1313Q290%201356%20448%201356Q902%201356%20902%201001Q902%20856%20824.5%20756Q747%20656%20605%20616L518%20592Z'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;content:"";opacity:.075;pointer-events:none;transform:translate(-50%,-50%)}#game canvas{position:absolute;z-index:1;display:block;max-width:100%;max-height:100%;touch-action:none}.log-toggle,.settings-toggle{position:absolute;z-index:12;top:14px;display:grid;align-items:center;min-width:0;height:34px;padding:5px 9px;border:1px solid rgba(245,220,154,.2);border-radius:10px;color:#d7e5df;background:#031f19e0;transform:scale(var(--game-ui-scale, 1))!important;transform-origin:top right;transition:background-color .15s ease,border-color .15s ease}.log-toggle{right:14px;grid-template-columns:20px auto;gap:5px;width:auto}.settings-toggle{right:var(--settings-toggle-right, 81px);width:34px;padding:6px}.log-toggle svg,.settings-toggle svg{width:20px;height:20px;fill:currentColor}.log-toggle span{min-width:16px;color:#f4ce71;font-size:12px;line-height:1}button.log-toggle:hover,button.log-toggle:active,button.log-toggle:focus-visible,button.settings-toggle:hover,button.settings-toggle:active,button.settings-toggle:focus-visible{border-color:#f5dc9a57;background:#08342bf0;filter:none;transform:scale(var(--game-ui-scale, 1))!important}.settings-panel{position:absolute;z-index:11;top:var(--log-panel-top, 56px);right:14px;display:grid;gap:7px;width:164px;padding:8px;border:1px solid rgba(245,220,154,.14);border-radius:12px;background:#031f19e0;box-shadow:0 10px 28px #00120e38;opacity:0;pointer-events:none;transform:translateY(-8px) scale(var(--game-ui-scale, 1));transform-origin:top right;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}#settings-toggle[aria-expanded=true]+.settings-panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(var(--game-ui-scale, 1));visibility:visible}#game-log{--log-icon-size: 16px;position:absolute;z-index:10;top:var(--log-panel-top, 56px);right:14px;display:flex;flex-direction:column;gap:5px;width:154px;max-height:174px;margin:0;padding:8px;overflow-y:auto;border:1px solid rgba(245,220,154,.14);border-radius:12px;background:#031f19a3;scrollbar-width:thin;scrollbar-color:rgba(244,206,113,.45) transparent;opacity:0;pointer-events:none;transform:translateY(-8px) scale(var(--game-ui-scale, 1));transform-origin:top right;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}#game-log:empty{display:none}#log-toggle[aria-expanded=true]+#game-log:not(:empty){opacity:1;pointer-events:auto;transform:translateY(0) scale(var(--game-ui-scale, 1));visibility:visible}.log-entry{display:grid;grid-template-columns:repeat(3,42px);gap:4px;align-items:center;justify-content:center;min-height:24px;color:#d7e5df;font-size:13px;line-height:1;list-style:none}.log-entry.bot{color:#9fbcb2}.log-actor,.log-action{display:grid;width:42px;height:24px;border-radius:5px;background:currentColor;place-items:center}.log-action{color:#f4ce71}.log-card{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:2px;justify-self:end;width:42px;height:24px;padding:0 4px;border-radius:5px;color:#172a26;background:#fffaf0;font-weight:800;text-align:center}.suit-icon,.log-icon{display:block;flex:0 0 var(--log-icon-size);width:var(--log-icon-size);height:var(--log-icon-size);fill:currentColor}.log-icon{stroke-linecap:round;stroke-linejoin:round}.log-actor .log-icon,.log-action .log-icon{color:#12352d}.log-card.red{color:#b7333e}.log-card.spell{color:var(--spell-accent, #f1dcff);background:var(--spell-background, #613080);box-shadow:inset 0 0 0 1px currentColor;cursor:help}#spell-tooltip{position:fixed;z-index:100;top:-9999px;left:-9999px;width:190px;padding:10px 12px;border:1px solid #a86fd0;border-radius:10px;color:#f4e5ff;background:#241238;box-shadow:0 10px 28px #0006;content:attr(data-tooltip);font-size:12px;font-weight:500;line-height:1.4;text-align:left;white-space:pre-line;opacity:0;pointer-events:none;transform:scale(var(--game-ui-scale, 1));transform-origin:top left;visibility:hidden;transition:opacity .1s ease,visibility .1s ease}#spell-tooltip.visible{opacity:1;visibility:visible}#game-actions{position:absolute;z-index:11;top:var(--action-top, auto);left:var(--action-left, auto);display:grid;pointer-events:none}button{min-width:120px;padding:11px 18px;border:0;border-radius:999px;color:#13342b;background:#f4ce71;font:700 14px Manrope,sans-serif;cursor:pointer;transition:transform .15s ease,filter .15s ease}button:hover{transform:translateY(-2px);filter:brightness(1.07)}button.secondary{color:#f6f0df;background:#a13d45}button:disabled{cursor:wait;opacity:.55;transform:none}button.settings-action{width:100%;min-width:0;padding:9px 10px;border:1px solid rgba(245,220,154,.16);border-radius:8px;color:#d7e5df;background:#0d4b3cb8;font-size:12px;white-space:nowrap}button.settings-action:hover,button.settings-action:active{border-color:#f5dc9a52;background:#14614edb;filter:none;transform:none}button.action-button{grid-area:1 / 1;position:relative;display:grid;width:var(--action-card-width, 86px);min-width:var(--action-card-width, 86px);height:var(--action-card-height, 122px);padding:var(--action-card-padding, 8px);overflow:hidden;border:max(2px,calc(var(--action-card-width, 86px) * .055)) solid #eadcae;border-radius:var(--action-card-radius, 9px);color:#fff4d2;background:#a13d45;box-shadow:inset 0 0 0 max(2px,calc(var(--action-card-width, 86px) * .035)) #a13d45,inset 0 0 0 max(4px,calc(var(--action-card-width, 86px) * .075)) #eadcae,4px 7px #00120e40;font-size:var(--action-card-font-size, 14px);font-weight:800;line-height:1.1;opacity:0;pointer-events:none;place-items:center;text-transform:uppercase;white-space:nowrap;transform:translateY(18px) rotate(3deg) scale(.9);transform-origin:50% 100%;visibility:hidden;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),filter .15s ease,visibility 0s linear .24s}button.action-button.available{opacity:1;pointer-events:auto;transform:translateY(0) rotate(0) scale(1);visibility:visible;transition-delay:0s}button.action-button.available:hover{transform:translateY(-8px) rotate(0) scale(1.04)}button.action-button.available:disabled{opacity:.55}button.result-restart{position:absolute;z-index:20;top:calc(50% + clamp(48px,7vh,72px));left:50%;min-width:150px;padding:12px 22px;border:1px solid rgba(255,244,189,.42);color:#17342c;background:#f4ce71;box-shadow:0 10px 28px #00120e47;opacity:0;pointer-events:none;transform:translate(-50%,12px) scale(.94);visibility:hidden;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),filter .15s ease,visibility 0s linear .24s}button.result-restart.available{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1);visibility:visible;transition-delay:.14s}button.result-restart.available:hover{transform:translate(-50%,-2px) scale(1.03)}button.result-restart.available:disabled{opacity:.55}#error{position:absolute;z-index:20;right:16px;bottom:16px;left:16px;margin:0;color:#ff9e9e;text-align:center;font-size:13px}@media(max-width:600px){#game-shell{padding-top:max(3px,env(safe-area-inset-top))}.log-toggle,#game-log,.settings-panel{right:8px}}@media(max-height:500px)and (orientation:landscape){#game-shell{padding-top:max(2px,env(safe-area-inset-top));padding-bottom:max(2px,env(safe-area-inset-bottom))}button{padding-top:7px;padding-bottom:7px}#error{min-height:14px;margin-top:2px;font-size:11px}}@media(max-width:700px),(max-height:500px){.log-toggle,.settings-toggle{top:8px}.log-toggle{right:8px}#game-log{top:var(--log-panel-top, 48px);right:8px;left:auto;display:flex;flex-direction:column;width:154px;max-height:min(174px,calc(100% - 56px));overflow-x:hidden;overflow-y:auto;background:#031f19e6}.log-entry{flex:0 0 24px}}@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}.log-toggle,.log-toggle:hover,.settings-toggle,.settings-toggle:hover{transform:scale(var(--game-ui-scale, 1))!important}}