:root{font-family:Consolas,Courier New,monospace;color:#eee0c5;background:#151417;font-synthesis:none;color-scheme:dark;--gold: #eaba72;--blue: #75bcf2;--red: #ef8179;--damage-animation-duration: .5s}.resource{min-width:0}.resource em{display:inline-block;white-space:nowrap}@media(max-width:1000px){.resource .art{display:none}.masthead{flex-wrap:wrap}}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#3a2b24 0,transparent 65%),#151417;min-height:100vh}button{font:inherit;color:inherit;background:#29241f;border:1px solid #635240;padding:10px 14px;cursor:pointer;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#413124;border-color:var(--gold)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #ffdaa1;outline-offset:4px}button.primary{background:var(--gold);color:#25190e;font-weight:700;border-color:var(--gold)}button.primary:hover:not(:disabled){background:#ffcf8a}button.link-button{border:0;background:none;text-decoration:underline;color:#baad98}button small{display:block;font-weight:400;margin-top:5px;font-size:14px}.shell{max-width:1480px;padding:24px 32px;margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.brand{display:flex;gap:12px;align-items:center;color:#f4d398;text-decoration:none;font-weight:700;font-size:25px;letter-spacing:1px}.brand img{width:46px;height:46px;image-rendering:pixelated}.brand b{font-size:15px;color:#e57f64;border-left:1px solid #6e5540;padding-left:9px}.brand small{font-size:12px;letter-spacing:4px;display:block;margin-top:5px;color:#b39a78}.masthead .game-menu{display:flex;gap:7px}.masthead .game-menu button{font-size:15px;padding:9px 12px;background:#201c1b}.masthead .game-menu span{color:var(--gold);margin-left:5px}.topline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:9px;align-items:center;padding:10px 0;color:#a89a85;font-size:12px;letter-spacing:1.6px}.live-dot{width:5px;height:5px;background:#a5b781}.goal{text-align:right;color:#be9d68}.battlefield{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #6b5038;background:#201a18;overflow:hidden}.meter{--meter-fill: linear-gradient(#ff9086 30%, #d84e50 30%);--meter-empty: #3d2b2d;height:16px;background:var(--meter-empty);border:1px solid #71625b;padding:2px}.meter-track{position:relative;height:100%;overflow:hidden}.meter i{position:relative;z-index:1;display:block;height:100%;background:var(--meter-fill)}.meter-damage,.meter-gain{position:absolute;top:0;height:100%;background:#fff;pointer-events:none}.meter-damage{animation:meter-damage-fade var(--damage-animation-duration) linear forwards}.meter-damage:before,.meter-gain:before,.meter-gain:after{content:"";position:absolute;inset:0}.meter-damage:before{background:var(--meter-fill);animation:meter-damage-whiten var(--damage-animation-duration) linear forwards}.meter-gain{z-index:2;background:var(--meter-empty)}.meter-gain:before{background:#fff;animation:meter-damage-fade var(--damage-animation-duration) linear reverse forwards}.meter-gain:after{background:var(--meter-fill);animation:meter-damage-whiten var(--damage-animation-duration) linear reverse forwards}@keyframes meter-damage-whiten{0%{opacity:1}50%,to{opacity:0}}@keyframes meter-damage-fade{0%,50%{opacity:1}to{opacity:0}}.guard-meter{--meter-fill: #8394bb;--meter-empty: #282b35;height:12px}.arena{height:240px;grid-column:1/-1;position:relative;background:url(/zasranoduel/assets/arena-v2.png) center 59% / cover no-repeat;isolation:isolate;border-block:1px solid #5d4630}.arena-shade{position:absolute;inset:0;background:linear-gradient(#1b142590,transparent 45%,#100d1840)}.fighter{position:absolute;bottom:3px;image-rendering:pixelated;width:160px;height:180px;z-index:1;filter:var(--fighter-outline, brightness(1)) drop-shadow(0 5px 1px #17101aba)}.combatant-0{left:16%}.combatant-1{right:16%}.crest{position:absolute;left:50%;top:28px;transform:translate(-50%);text-align:center;width:46%;text-shadow:2px 3px #26141c}.crest small{font-size:11px;color:#ffdca1;letter-spacing:2px}.crest strong{display:block;font-size:58px;line-height:1.1;letter-spacing:9px;color:#f9d795}.crest>span{display:block;font-size:15px;color:#fff0d6;max-width:240px;line-height:1.6;margin:18px auto 0;background:#191320de;padding:8px 12px;border:1px solid #8c66424d}.resources{padding:12px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#1c1a1d}.resources.right{border-left:1px solid #42362c}.resource{display:flex;align-items:center;gap:8px}.resource .art{width:32px;flex-shrink:0}.resource strong{display:block;font-size:25px;color:var(--resource)}.resource small{font-size:13px;color:#ab9d8d;display:block;margin-top:3px}.resource em{font-style:normal;font-size:13px;color:#d2b88d}.eyebrow{font-size:13px;letter-spacing:2px;color:#ba9f77}.play-area{margin-top:16px;display:grid;grid-template-columns:1fr 235px;gap:16px;align-items:start}.hand{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.card{--resource: #e9b44c;position:relative;padding:0;text-align:left;border:1px solid #745335;background:#251d18;min-width:0;box-shadow:0 4px #0e0c10;overflow:hidden;transition:transform .15s,border-color .15s;display:flex;flex-direction:column;min-height:224px}.card:hover:not(:disabled){transform:translateY(-5px);background:#32241b}.card.selected{border:2px solid #ffd38a;transform:translateY(-6px);box-shadow:0 0 0 2px #d09e4730,0 8px 20px #0005}.card.unaffordable .art,.detail-art.unaffordable{filter:grayscale(1)}.card-top{display:flex;justify-content:space-between;padding:8px;font-size:11px;color:#cbb69b;align-items:center;background:#19161b}.card-cost{background:var(--resource);color:#1b1715;font-weight:700;padding:5px 6px;font-size:17px;white-space:nowrap}.card-cost small{font-size:10px}.art{display:block;aspect-ratio:1;background-image:url(/zasranoduel/assets/card-art.png);background-size:400% 400%;background-position:var(--art-x) var(--art-y);image-rendering:pixelated}.card .art{width:100%;border-bottom:1px solid #684b2b}.card-name{font-size:15px;line-height:1.4;overflow-wrap:anywhere;color:#f4dba8;padding:10px 9px 7px;display:block;min-height:56px}.card-summary{font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:#c6b7a1;padding:0 9px 12px;display:block;margin-top:auto}.card-kind{font-size:11px;letter-spacing:.3px;color:var(--resource);padding:5px 7px;background:#161419}.keyboard-hint{font-size:13px;color:#8f8478;line-height:1.6;margin:16px 0}.inspector{border:1px solid #624b35;background:#211b19;padding:15px;min-height:308px}.inspector h2{font-size:19px;margin:8px 0;color:#f6d697}.inspector .detail-art{width:80px;float:right;margin:10px 0 8px 8px}.inspector>.eyebrow{display:block;margin-bottom:10px}.inspector p{font-family:system-ui,sans-serif;font-size:14px;color:#d3c6b3;line-height:1.55}.inspector .flavor{font-style:italic;color:#978879;font-size:14px}.inspector button{display:block;width:100%;font-size:15px;margin-top:8px}.inspector .cost-label{color:var(--resource);font-size:13px}.preview{padding:9px;background:#131319;border-left:2px solid #a4af87;font-size:12px;line-height:1.7;color:#bdc6a7}.inspector .not-enough{color:#f19b87;font-size:14px}.empty-selection{padding-top:30px;text-align:center;color:#ab9272}.empty-selection .glyph{font-size:50px;display:block;color:#d1aa69}.card-back{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:220px;border:1px solid #785e3e;background:repeating-linear-gradient(45deg,#33281e,#33281e 4px,#2b221c 4px 8px);color:#ae8148;font-size:40px;text-shadow:2px 2px #171318;box-shadow:inset 0 0 0 5px #201b1a,inset 0 0 0 6px #685035}.card-back span{font-size:12px;letter-spacing:2px}.large-back{width:85px;min-height:115px;margin:25px auto 20px}.history{margin-top:13px;border-top:1px solid #4a392d;padding-top:16px}.history-head{display:flex;justify-content:space-between;align-items:center}.history h2{font-size:18px;margin:0;color:#c7b397}.history-head span{font-size:12px;color:#8b7964;letter-spacing:1px}.history ol{display:flex;gap:7px;list-style:none;padding:0;overflow:auto;margin:12px 0 0}.history li{font-size:14px;white-space:nowrap;color:#baa994;background:#201c1c;padding:10px 13px;border-left:2px solid #765534}.history li b{color:#8e7e69;margin-right:8px}footer{display:flex;justify-content:space-between;margin-top:24px;font-size:12px;letter-spacing:1.5px;color:#887a67}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.error{color:#ffb2a1;background:#381b19;padding:15px}dialog{background:#211b1b;color:#e4d4ba;border:1px solid #a17b4c;box-shadow:0 25px 130px #000c;padding:32px;max-width:calc(100vw - 32px);max-height:90dvh}dialog::backdrop{background:#100d16ed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{color:#f7d79b;font-size:30px;margin:12px 0}dialog p{font-family:system-ui,sans-serif;font-size:16px;line-height:1.8;color:#c6b8a5}.menu-dialog{width:800px;padding:0;overflow:auto}.menu-art{height:155px;background:linear-gradient(transparent,#211b1b),url(/zasranoduel/assets/arena-v2.png) center 40% / cover}.menu-body{padding:8px 38px 28px}.menu-body h2{font-size:40px;line-height:1.15}.menu-body h2 em{font-style:normal;color:#f0a76b}.menu-choices{display:grid;grid-template-columns:1fr;gap:12px;margin:23px 0 14px}.menu-choices button{font-size:17px;padding:16px}.menu-note{font-size:14px!important;color:#968676!important}.handoff-dialog,.result-dialog{width:490px;text-align:center}.handoff-dialog button,.result-dialog button{display:block;margin:15px auto 0;width:100%}.content-dialog{width:1080px}.content-dialog header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-32px;background:#211b1b;padding:10px 0;z-index:1}.content-dialog header button{font-size:26px;padding:2px 12px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.help-grid b{font-size:14px;color:#c5a36f}.help-grid h3{font-size:18px;color:#e8c89a}.muted{color:#ad9d87!important}.catalogue{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.catalogue article{border:1px solid #66503b;padding:12px;background:#291f19}.catalogue .art{width:90px;margin:auto}.catalogue h3{font-size:17px;color:#f1d5a1}.catalogue p{font-size:14px;line-height:1.6}.catalogue .cost-label{font-size:13px;color:var(--resource)}.hit{animation:hit .5s}.attack-0{animation:lunge-left .45s}.attack-1{animation:lunge-right .45s}#impact{position:absolute;inset:0;pointer-events:none;z-index:4}.floating{position:absolute;top:50px;font-size:24px;font-weight:700;text-shadow:2px 2px #21141e;color:#ffc196;animation:float 1s forwards}.floating.p0{left:22%}.floating.p1{right:22%}@keyframes hit{50%{filter:var(--fighter-outline, brightness(1)) brightness(2) drop-shadow(0 0 6px #ff6b35)}}@keyframes lunge-left{50%{translate:28px 0}}@keyframes lunge-right{50%{translate:-28px 0}}@keyframes float{to{translate:0 -35px;opacity:0}}[hidden]{display:none!important}@media(min-width:1500px){.arena{height:280px}.fighter{bottom:12px;scale:1.15;transform-origin:bottom}}@media(max-width:1150px){.shell{padding:20px}.hand{grid-template-columns:repeat(4,minmax(0,1fr))}.card{min-height:190px}.card .art{max-height:115px;width:115px;max-width:100%;margin:auto}.play-area{grid-template-columns:1fr 245px}.combatant-0{left:max(10%,100px)}.combatant-1{right:max(10%,100px)}}@media(max-width:700px){.shell{padding:14px 10px}.masthead{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:12px}.masthead .game-menu{flex-wrap:wrap;width:100%}.masthead .game-menu button{flex:1;padding:8px;font-size:15px}.goal{display:none}.topline{font-size:12px}.arena{height:190px}.fighter{width:100px;height:120px}.combatant-0{left:5%}.combatant-1{right:5%}.crest{width:48%;top:20px}.crest strong{font-size:34px;letter-spacing:4px}.crest small{font-size:11px;letter-spacing:.5px}.crest>span{font-size:15px;margin-top:9px;padding:6px}.resources{padding:10px 6px;gap:4px}.resource{display:block;text-align:center}.resource .art{display:none}.resource strong{font-size:25px}.resource small,.resource em{font-size:13px}.play-area{grid-template-columns:1fr}.hand{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{min-height:240px}.card-top{padding:8px}.card .art{width:100%}.inspector{min-height:0}.inspector .detail-art{width:90px;float:right;margin:0 0 10px 10px}.inspector button{min-height:44px}.history-head span{display:none}footer{flex-direction:column;gap:10px;font-size:12px}.menu-body{padding:10px 20px 22px}.menu-body h2{font-size:31px}.menu-choices{grid-template-columns:1fr}.menu-art{height:105px}.content-dialog{padding:20px}.help-grid{grid-template-columns:1fr}.catalogue{grid-template-columns:1fr 1fr;gap:8px}.catalogue article{padding:8px}.catalogue h3{font-size:16px;overflow-wrap:anywhere}dialog h2{font-size:25px}.content-dialog header{top:-20px}}@media(prefers-reduced-motion:reduce){.meter-damage,.meter-gain{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:700px){.masthead .game-menu button{flex:1 1 40%;min-height:44px}.resources{grid-template-columns:1fr;gap:10px;padding:12px 8px}.resource>div{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:4px}.resource strong{font-size:22px}.resource em{display:block;font-size:12px}.resource small{font-size:11px;margin:0}.crest>span{font-size:12px}.crest small{font-size:10px}}.has-played-card .crest{display:none}.played-card{position:absolute;z-index:2;top:8px;left:14%;width:min(420px,70%);max-height:calc(100% - 16px);margin:0;border:2px solid var(--blue);background:#251d18;box-shadow:0 6px 24px #0009;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;display:flow-root}.played-card[data-actor="1"]{left:auto;right:14%;border-color:var(--red)}.played-by{padding:9px 12px;background:#161820;color:var(--blue);font-size:14px;font-weight:700}.played-card[data-actor="1"] .played-by{color:var(--red)}.played-card .card-top{padding:8px 12px;font-size:12px}.played-card .art{width:88px;float:left;margin:10px 12px}.played-card h2{font-size:18px;line-height:1.35;color:#f4dba8;margin:10px 12px}.played-effect{font-size:14px;line-height:1.5;margin:10px 12px;color:#eee0c5}.played-flavor{font-size:12px;line-height:1.5;font-style:italic;color:#bbaa94;margin:10px 12px 14px}@media(max-width:700px){.played-card{width:calc(100% - 44px);left:8px}.played-card[data-actor="1"]{right:8px}.played-card .art{width:64px;margin:8px}.has-played-card .combatant-0{left:0}.has-played-card .combatant-1{right:0}}.played-card .card-cost small{display:block;margin-top:4px;font-weight:400}@media(min-width:701px){.has-played-card .combatant-0{left:4%}.has-played-card .combatant-1{right:4%}}.fighter-filters{position:absolute;pointer-events:none}.combatant{position:absolute;bottom:3px;width:160px;height:180px;z-index:1}.combatant .fighter{inset:0;width:100%;height:100%}.fighter-1{transform:scaleX(-1)}.fighter.active-player{--fighter-outline: url(#active-fighter-outline)}.fighter-name{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:3px 8px;width:max-content;max-width:210px;padding:4px 8px;background:#191320de;text-align:center;z-index:2}.fighter-name strong{font-size:21px;color:var(--blue);overflow-wrap:anywhere}.combatant-1 .fighter-name strong{color:var(--red)}.fighter-name small{font-size:11px;color:#b5a68d}.fighter-name .badge{font-size:11px;color:#ffdf00}.fighter-name .badge:empty{display:none}.fighter-meters{position:absolute;right:calc(100% + 4px);bottom:0;display:flex;gap:8px;padding:5px;background:#191320de}.combatant-1 .fighter-meters{flex-direction:row-reverse;right:auto;left:calc(100% + 4px)}.meter-row{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.meter-row>span{color:#d3c6b3}.meter-row strong{font-size:14px;white-space:nowrap}.meter-row strong small{display:none}.meter-row .meter{--meter-length: 132px;position:relative;width:18px;height:var(--meter-length)}.meter-track{position:absolute;top:50%;left:50%;width:calc(var(--meter-length) - 6px);height:12px;transform:translate(-50%,-50%) rotate(-90deg)}@media(min-width:1500px){.combatant{bottom:12px;width:184px;height:207px}}@media(min-width:701px){.has-played-card .combatant-0{left:max(8%,100px)}.has-played-card .combatant-1{right:max(8%,100px)}}@media(max-width:700px){.combatant{width:100px;height:120px}.combatant-0,.has-played-card .combatant-0{left:16%}.combatant-1,.has-played-card .combatant-1{right:16%}.fighter-name{max-width:130px;gap:2px 5px}.fighter-name strong{font-size:16px}.fighter-meters{gap:4px;padding:3px;right:calc(100% - 14px)}.combatant-1 .fighter-meters{left:calc(100% - 14px)}.meter-row{gap:3px;font-size:9px}.meter-row .meter{--meter-length: 82px}}.mode-status,.duel-status{display:flex;align-items:center;gap:9px}.live-dot{flex-shrink:0}.duel-status{justify-content:center;color:#bc9e78;white-space:nowrap;letter-spacing:0}@media(max-width:700px){.topline{grid-template-columns:1fr}}.game-breadcrumbs{min-width:0}.game-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.game-breadcrumbs li{display:flex;align-items:center;gap:12px;min-width:0}.game-breadcrumbs li+li:before{content:"/";color:#ab9d8d;font-size:24px;font-weight:400}.game-breadcrumbs a{white-space:nowrap}.game-breadcrumbs img{flex-shrink:0}.masthead{flex-wrap:wrap}.mp-root{min-width:0;margin:0;padding:12px 0;background:#171925;color:#f7e6c8;border:0;font:15px/1.5 system-ui,sans-serif}.mp-root [hidden]{display:none!important}.mp-root button,.mp-root input{font:inherit}.mp-root button{padding:8px 14px;margin:4px;border:1px solid #a98b50;border-radius:5px;background:#303348;color:#fff;cursor:pointer}.mp-root button[aria-pressed=true]{background:#836022}.mp-root button:disabled{opacity:.5;cursor:default}.mp-root input:not([type=checkbox]){background:#10121c;color:#fff;border:1px solid #8d8e9f;border-radius:4px;padding:8px;max-width:100%;box-sizing:border-box}.mp-entry{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.mp-root label{display:flex;flex-direction:column;gap:4px}.mp-root .mp-ready{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:700}.mp-ready input{width:22px;height:22px}.mp-id-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:12px}.mp-code{font:700 clamp(20px,5vw,32px)/1.4 monospace;letter-spacing:.12em;-webkit-user-select:all;user-select:all;color:#ffe0a0}.mp-root details{margin:10px 0}.mp-root ul{padding-left:24px}.mp-root [data-mp=secret]{width:100%}.mp-root [data-mp=status]:empty{display:none}.mp-root [data-mp=status]{color:#ffd98f;overflow-wrap:anywhere}.mp-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #86724e;border-radius:12px;background:#171925;color:#f7e6c8;font:15px/1.5 system-ui,sans-serif}.mp-dialog::backdrop{background:#05070ecc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.mp-heading h2{margin:0;font:700 24px/1.3 system-ui,sans-serif}.mp-close{padding:4px 12px;border:1px solid #86724e;border-radius:5px;background:#303348;color:#fff;font:28px/1.2 system-ui;cursor:pointer}.mp-root select{font:inherit;max-width:100%;background:#10121c;color:#fff;padding:8px;border:1px solid #8d8e9f;border-radius:4px}.mp-entry>*{min-width:0}.mp-entry label{flex:1 1 210px}.mp-root input{min-width:0}.mp-root button{white-space:normal}.mp-root button:focus-visible,.mp-close:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}@media(max-width:480px){.mp-dialog{padding:16px}.mp-entry>button,.mp-entry>details{width:100%}.mp-root button{margin:4px 0}.mp-id-row{gap:8px}}