:root{--bg:#0b0c10;--surface:#171816e8;--surface2:#20211e;--text:#f1eee6;--muted:#aaa69c;--gold:#c3a86b;--hero:#79a99a;--enemy:#b98263;--red:#cf6f71;--blue:#78a6c8;--green:#79ad7c;--line:#ccbd9a2e;--mono:"DM Mono",monospace;--sans:"Space Grotesk",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans)}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff3 0,#fff3 1px,transparent 1px,transparent 4px);opacity:.05;z-index:9}button,input{font:inherit;color:inherit}button{touch-action:manipulation}#backdrop{position:fixed;inset:0;z-index:-2}.shell{width:min(1040px,calc(100% - 28px));margin:auto}.shell:before{content:"";position:fixed;width:38rem;height:38rem;top:-20rem;right:-12rem;background:#6c59311f;border-radius:50%;filter:blur(75px);z-index:-1}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--text);font:500 .72rem var(--mono);letter-spacing:.1em}.logo b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c3a86b88;color:var(--gold)}.logo span,.ready{color:var(--muted)}.ready{display:flex;align-items:center;gap:8px;font:400 .62rem var(--mono);letter-spacing:.08em}.ready i{width:6px;height:6px;border-radius:50%;background:var(--hero);box-shadow:0 0 8px var(--hero)}main{padding:42px 0}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.eyebrow{margin:0 0 8px;color:var(--gold);font:500 .65rem var(--mono);letter-spacing:.14em}.intro h1{margin:0;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.9;letter-spacing:-.06em}.intro h1 em{font-style:normal;color:var(--gold)}.round{display:flex;border:1px solid var(--line);background:#11120f}.round button{min-height:52px;border:0;background:transparent;padding:0 17px;cursor:pointer}.round button:hover{background:#c3a86b12}.round span{display:grid;place-items:center;min-width:65px;padding:6px 12px;border-inline:1px solid var(--line)}.round small{font:500 .54rem var(--mono);color:var(--muted)}.round strong{font:600 1.2rem var(--mono)}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#20201ee8,#0c0d10f4);padding:22px;box-shadow:0 24px 70px #0006}.panel-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.panel-head h2{margin:0;font-size:1.35rem}.panel-head>span{color:var(--muted);font:400 .65rem var(--mono)}.table-wrap{border:1px solid #ccbd9a1a;background:#07080a66;overflow:hidden}table{width:100%;border-collapse:collapse;table-layout:fixed}th{padding:11px 14px;text-align:left;background:#08090b99;color:#8d887c;border-bottom:1px solid var(--line);font:500 .6rem var(--mono);letter-spacing:.1em;text-transform:uppercase}th:first-child{width:66px}th:last-child{width:330px}td{padding:12px 14px;border-bottom:1px solid #ccbd9a14}tbody tr:last-child td{border-bottom:0}tbody tr.active{background:#c3a86b0e;box-shadow:inset 3px 0 var(--gold)}.init{font:600 1.1rem var(--mono);color:var(--gold)}.identity{display:flex;align-items:center;gap:10px;min-width:0}.type{width:4px;height:32px;flex:0 0 auto;background:var(--hero);box-shadow:0 0 8px #79a99a66}.enemy-row .type{background:var(--enemy);box-shadow:0 0 8px #b9826366}.name-button{min-width:0;padding:6px 0;border:0;background:transparent;text-align:left;cursor:pointer}.name-button:hover .name,.name-button:focus-visible .name{color:var(--gold)}.name{display:block;font-weight:650;overflow:hidden;text-overflow:ellipsis}.badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.badge{font:500 .57rem var(--mono);padding:2px 5px;border:1px solid currentColor}.badge.hp{color:var(--red)}.badge.ac{color:var(--blue)}.badge.status{color:var(--green)}.badge.conc{color:#aaa}.badge.swarm{color:var(--gold)}.hp-controls{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.hp-controls button{min-height:40px;padding:0;border:1px solid var(--line);background:#191a17;font:500 .68rem var(--mono);cursor:pointer}.hp-controls button:hover,.hp-controls button:focus-visible{border-color:var(--gold);background:#c3a86b12}.hp-controls .hp-now{grid-column:span 2;color:var(--text);border-color:#c3a86b55;font-weight:600}.empty{text-align:center;padding:58px 20px}.empty[hidden]{display:none}.empty b{font-size:1.8rem;color:var(--gold)}.empty h3{margin:12px 0 4px}.empty p{margin:0;color:var(--muted)}.main-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.btn{min-height:44px;padding:0 15px;border:1px solid #c3a86b55;background:#1d1d1b;color:#dedad0;font:500 .72rem var(--mono);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:var(--gold)}.btn.primary{background:var(--gold);color:#17140d;font-weight:600}.btn.quiet{margin-left:auto;border-color:#cf6f7133;color:#c89091}.btn.danger{margin-right:auto;color:var(--red);border-color:#cf6f7144}.btn.danger-fill{background:var(--red);border-color:var(--red);color:#210b0b}.btn.full{width:100%;margin-top:10px}.btn.mini{min-height:40px}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}footer{display:flex;justify-content:space-between;padding:25px 0 34px;color:#6f6b62;font:400 .58rem var(--mono);letter-spacing:.08em}dialog{width:min(570px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #c3a86b66;background:#191a17;color:var(--text);box-shadow:0 30px 100px #000;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}dialog::backdrop{background:#050605d6;backdrop-filter:blur(6px)}dialog form{padding:0}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.dialog-head h2{margin:0;font-size:1.4rem}.close{width:44px;height:44px;flex:0 0 auto;border:1px solid var(--line);background:transparent;font-size:1.35rem;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.form-grid label{display:grid;gap:7px;color:#c8c3b8;font:500 .65rem var(--mono)}.form-grid .wide{grid-column:1/-1}.form-grid input,.custom-status input,.manual-hp input{width:100%;min-height:44px;border:1px solid var(--line);background:#0d0e0c;padding:10px 12px}.toggle{align-content:end}.toggle input{position:absolute;opacity:0}.toggle span{display:grid;place-items:center;min-height:44px;border:1px solid var(--line);cursor:pointer}.toggle input:checked+span{border-color:var(--gold);background:#c3a86b18;color:var(--gold)}fieldset{margin:20px 0 0;padding:0;border:0}legend{margin-bottom:10px;font:500 .67rem var(--mono)}legend small{color:var(--muted)}.status-options{display:flex;flex-wrap:wrap;gap:7px}.status-chip{min-height:38px;padding:0 11px;border:1px solid var(--line);background:#11120f;color:var(--muted);font:500 .63rem var(--mono);cursor:pointer}.status-chip.selected{border-color:var(--green);background:#79ad7c18;color:#a9cda9}.custom-status,.manual-hp{display:flex;gap:7px;margin-top:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.help,.confirm>p{color:var(--muted);line-height:1.55}.hp-display{text-align:center;padding:22px}.hp-display small{display:block;color:var(--muted);font:500 .6rem var(--mono)}.hp-display strong{font:600 2.5rem var(--mono)}.damage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.damage-grid button,.stepper button{min-height:52px;border:1px solid var(--line);background:#11120f;font:600 1rem var(--mono);cursor:pointer}.damage-grid button:nth-child(-n+3){color:var(--red)}.damage-grid button:nth-child(n+4){color:var(--green)}.stepper{display:grid;grid-template-columns:44px 1fr 44px}.stepper output{display:grid;place-items:center;border-block:1px solid var(--line);font:600 1rem var(--mono)}#toast{position:fixed;left:50%;bottom:24px;z-index:20;opacity:0;transform:translate(-50%,12px);padding:11px 15px;border:1px solid #c3a86b66;background:#20211e;font:500 .66rem var(--mono);pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.red{color:var(--red)}
@media(max-width:720px){.shell{width:100%}header{height:62px;padding:0 12px}.logo span,.ready{display:none}main{padding:22px 10px 100px}.intro{align-items:center;margin-bottom:18px}.intro .eyebrow{display:none}.intro h1{font-size:2.25rem}.round button{min-height:48px;padding:0 12px}.panel{padding:12px 8px;border-inline:0}.panel-head{padding:3px 4px}.panel-head h2{font-size:1.15rem}.table-wrap{border-inline:0}table{table-layout:auto}thead{display:none}tbody,tbody tr,tbody td{display:block}tbody tr{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);padding:11px 8px 9px;border-bottom:1px solid var(--line)}tbody tr.active{box-shadow:inset 3px 0 var(--gold)}tbody td{padding:0;border:0}tbody td:first-child{grid-row:1;grid-column:1;align-self:center}.identity-cell{grid-row:1;grid-column:2}.hp-cell{grid-column:1/-1;margin-top:10px}.hp-controls{grid-template-columns:repeat(6,1fr)}.hp-controls button{min-height:44px}.hp-controls .hp-now{grid-column:span 2}.main-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:5;inset:auto 0 0;padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));margin:0;background:#0b0c10ed;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.main-actions .quiet{display:none}.main-actions .btn{width:100%;min-height:48px}footer{display:none}dialog{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;padding:20px 15px calc(18px + env(safe-area-inset-bottom));clip-path:none;border-inline:0;border-bottom:0}.form-grid{grid-template-columns:1fr 1fr}.dialog-actions{position:sticky;bottom:-20px;margin-inline:-15px;padding:10px 15px;background:#191a17f5}.dialog-actions .btn{flex:1}.dialog-actions .danger{flex:0 0 44px;font-size:0}.dialog-actions .danger:after{content:"×";font-size:1rem}.manual-hp{display:grid;grid-template-columns:1fr 1fr}.manual-hp input{grid-column:1/-1}}
@media(max-width:420px){.intro h1{font-size:1.85rem}.round button:last-child{font-size:0}.round button:last-child:after{content:"Weiter ›";font-size:.78rem}.panel-head>span{display:none}.hp-controls{gap:3px}.hp-controls button{font-size:.62rem}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dialog-actions{flex-wrap:wrap}}
.summon-bar{grid-template-columns:repeat(4,1fr)}.summon-bar button:nth-child(3){color:#8fc28f;border-color:#62a76a66}.summon-bar button:nth-child(4){color:var(--gold);border-color:#c3a86b66}.player-row{background:#163149a8}.enemy-row{background:#4a2918a8}.summon-row{background:#193b25a8}.player-row .type{background:#5f9fd0;box-shadow:0 0 9px #5f9fd077}.enemy-row .type{background:#d98248;box-shadow:0 0 9px #d9824877}.summon-row .type{background:#67b676;box-shadow:0 0 9px #67b67677}tbody tr.active{background:#554723c4;box-shadow:inset 4px 0 var(--gold),inset 0 0 0 1px #c3a86b55}tbody tr.down{background:#4d1114d9;box-shadow:inset 4px 0 var(--red)}tbody tr.down.active{background:#64171be6;box-shadow:inset 4px 0 var(--red),inset 0 0 0 1px #c3a86b66}.round{align-items:stretch}.round #round-reset{display:grid;place-items:center;min-width:78px;padding:5px 14px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer}.round #round-reset small{position:relative;color:var(--muted);font:500 .54rem var(--mono)}.round #round-reset i{position:absolute;left:calc(100% + 4px);top:-3px;color:var(--gold);font-style:normal;font-size:.65rem}.round #round-reset strong{font:600 1.25rem var(--mono)}.clear-link{min-height:40px;border:0;background:transparent;color:#9d7777;font:500 .65rem var(--mono);cursor:pointer}.clear-link:hover{color:var(--red)}
@media(max-width:720px){.hp-controls{grid-template-columns:repeat(8,1fr)}.summon-bar{grid-template-columns:1fr 1fr;position:sticky;top:0;z-index:3;margin-inline:-8px;padding:7px 8px;background:#11120ff2;backdrop-filter:blur(10px)}.summon-bar button{min-height:44px}.intro{align-items:center}.round #round-reset{min-width:62px;padding-inline:9px}.round #next-turn{padding-inline:11px}.clear-link span{display:none}.clear-link{font-size:1.2rem}}
.clear-link{min-width:92px;min-height-height:44px;padding:8px 12px;font-size:.85rem}.clear-link:first-letter{font-size:1.35rem}.summon-bar{gap:8px}.summon-bar button{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);background:linear-gradient(135deg,#23241f,#10110f);box-shadow:inset 0 1px #ffffff0a}.hp-controls{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(54px,1.35fr) repeat(3,minmax(0,1fr));gap:5px}.hp-controls .hp-now{grid-column:span 1;font-size:.82rem}.hp-controls button{min-width:0;border:0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);background:linear-gradient(145deg,#292a25,#10110f);box-shadow:inset 0 0 0 1px #ccbd9a38}.name{font-size:1.08rem}.badge{font-size:.62rem;padding:3px 6px}.badge.conc{color:#777}.badge.conc.on{color:#ffd66e;background:#527fac33;border-color:#79baff;animation:conc-breathe 2s ease-in-out infinite}.active .name:before{content:"➤";display:inline-block;margin-right:9px;color:var(--gold);filter:drop-shadow(0 0 6px var(--gold));animation:turn-arrow 1.5s ease-in-out infinite}.player-row.active{background:linear-gradient(to top,#c3a86b35,transparent 65%),#163149a8}.enemy-row.active{background:linear-gradient(to top,#c3a86b35,transparent 65%),#4a2918a8}.summon-row.active{background:linear-gradient(to top,#c3a86b35,transparent 65%),#193b25a8}tbody tr.active{box-shadow:inset 0 -2px #c3a86b88}.down.active{background:linear-gradient(to top,#c3a86b28,transparent 65%),#4d1114d9}.status-picker{display:grid;grid-template-columns:1fr auto;gap:8px}.status-picker select{min-height:44px;border:1px solid var(--line);background:#0d0e0c;color:var(--text);padding:0 11px}.selected-statuses{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.selected-status,.no-status{min-height:34px;padding:7px 10px;border:1px solid #79ad7c66;background:#79ad7c12;color:#a9cda9;font:500 .62rem var(--mono)}.selected-status{cursor:pointer}.no-status{color:var(--muted);border-color:var(--line);background:transparent}.status-clear{margin-top:8px;border:0;background:transparent;color:var(--muted);font:500 .6rem var(--mono);cursor:pointer}.single-field{display:grid;gap:8px;margin-top:22px;font:500 .67rem var(--mono)}.wheel-help{text-align:center;color:var(--muted);font-size:.78rem}.hp-wheel{height:240px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;padding-block:96px;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);scrollbar-width:none}.hp-wheel::-webkit-scrollbar{display:none}.hp-wheel button{display:block;width:100%;height:48px;scroll-snap-align:center;border:0;background:transparent;color:#77736b;font:600 1.05rem var(--mono)}.hp-wheel button:hover,.hp-wheel button:focus{color:var(--gold);font-size:1.7rem}.wheel-dialog:after{content:"";position:absolute;left:24px;right:24px;top:50%;height:48px;transform:translateY(-9px);border-block:1px solid #c3a86b55;pointer-events:none}@keyframes turn-arrow{50%{transform:translateX(5px);opacity:.6}}@keyframes conc-breathe{50%{box-shadow:0 0 12px #79baff88}}
@media(max-width:720px){.hp-controls{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(58px,1.35fr) repeat(3,minmax(0,1fr));width:100%;gap:3px}.hp-controls button{min-height:48px;font-size:.66rem}.hp-controls .hp-now{font-size:.86rem}.name{font-size:1.18rem}.badge{font-size:.64rem}.summon-bar button{clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.clear-link{min-width:48px;font-size:1.3rem}.selected-statuses{gap:5px}}
.edit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}.edit-grid label{display:grid;grid-column:span 2;gap:7px;color:#c8c3b8;font:500 .65rem var(--mono)}.edit-grid .name-field{grid-column:span 4}.edit-grid .init-field{grid-column:span 2}.edit-grid input{width:100%;min-width:0;min-height:46px;border:1px solid var(--line);background:#0d0e0c;padding:10px 12px}.character-info{min-width:0}.badges button{cursor:pointer}.status-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}.status-choice{min-height:44px;padding:6px;border:1px solid var(--line);background:#11120f;color:var(--muted);font:500 .62rem var(--mono);cursor:pointer}.status-choice.selected{border-color:var(--green);background:#79ad7c20;color:#b6d8b7}.clear-link{min-width:54px;min-height:48px;padding:0;font-size:0;color:var(--red);animation:clear-pulse 2.4s ease-in-out infinite}.clear-link:first-letter{font-size:2rem}.hp-controls{display:flex;align-items:center;justify-content:center;gap:3px}.hp-controls button{flex:0 0 auto;border-radius:50%;clip-path:none;padding:0}.hp-controls button:nth-child(1),.hp-controls button:nth-child(7){width:30px;height:30px;min-height:30px;font-size:.58rem}.hp-controls button:nth-child(2),.hp-controls button:nth-child(6){width:36px;height:36px;min-height:36px;font-size:.62rem}.hp-controls button:nth-child(3),.hp-controls button:nth-child(5){width:43px;height:43px;min-height:43px}.hp-controls .hp-now{width:58px;height:58px;min-height:58px;font-size:.83rem;border:2px solid #c3a86b66}.identity{gap:8px}.identity-cell{width:auto}.badge.status{max-width:260px;white-space:normal;text-align:left}.dialog-actions{flex-wrap:wrap}.dialog-actions .duplicate{order:2}.dialog-actions .primary{order:4}.dialog-actions>button:nth-last-child(2){order:3}.dialog-actions .danger{order:1}@keyframes clear-pulse{50%{filter:drop-shadow(0 0 7px #cf6f71);opacity:.65}}
@media(max-width:720px){.edit-grid{grid-template-columns:repeat(6,1fr)}.edit-grid .name-field{grid-column:span 4}.edit-grid .init-field{grid-column:span 2}.edit-grid label{grid-column:span 2}.status-menu{grid-template-columns:1fr 1fr}.hp-controls{gap:2px}.hp-controls button:nth-child(1),.hp-controls button:nth-child(7){width:27px;height:27px;min-height:27px}.hp-controls button:nth-child(2),.hp-controls button:nth-child(6){width:33px;height:33px;min-height:33px}.hp-controls button:nth-child(3),.hp-controls button:nth-child(5){width:40px;height:40px;min-height:40px}.hp-controls .hp-now{width:56px;height:56px;min-height:56px}.identity-cell{padding-right:4px}.hp-cell{margin-top:8px}.badges{gap:5px}}
@media(max-width:390px){.edit-grid{grid-template-columns:1fr 1fr}.edit-grid .name-field{grid-column:span 1}.edit-grid .init-field{grid-column:span 1}.edit-grid label{grid-column:span 2}.hp-controls button:nth-child(1),.hp-controls button:nth-child(7){width:25px;height:25px}.hp-controls button:nth-child(2),.hp-controls button:nth-child(6){width:31px;height:31px}.hp-controls button:nth-child(3),.hp-controls button:nth-child(5){width:38px;height:38px}.hp-controls .hp-now{width:52px;height:52px}.dialog-actions .btn{font-size:.62rem;padding-inline:10px}}
.summon-bar{width:min(760px,100%);margin:8px auto 24px;gap:10px}.summon-bar button{min-height:56px}.summon-bar b{font-size:1.2rem}.summon-bar span{font-size:.69rem}.badge.status,.badge.conc{appearance:none;background:transparent}.badge.status{color:var(--green);border-color:currentColor}.badge.conc{color:#85827b;border-color:currentColor}.badge.conc.on{background:transparent}.clear-link{min-width:62px;min-height:54px;font-size:2.25rem;font-weight:300}
@media(max-width:720px){.summon-bar{width:min(560px,100%);margin-top:10px;margin-bottom:22px}.summon-bar button{min-height:52px}}
.summon-bar{width:calc(100% - 32px);max-width:760px;margin:24px auto 30px;gap:12px}.summon-bar button{min-height:58px;padding:0 22px}.hp-controls button{border:0!important;box-shadow:none!important;background:linear-gradient(145deg,#30312b,#11120f)}.hp-controls .hp-now{border:0!important;box-shadow:0 5px 16px #0007!important;background:linear-gradient(145deg,#3b392f,#151612)}input[type="number"]{-moz-appearance:textfield;appearance:textfield}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-wrap{display:grid;grid-template-columns:minmax(0,1fr) 28px;min-height:46px}.number-wrap input{min-height:46px;border-right:0}.number-arrows{display:grid;grid-template-rows:1fr 1fr}.number-arrows button{min-width:28px;padding:0;border:1px solid var(--line);background:#121310;font-size:.52rem;line-height:1;cursor:pointer}.number-arrows .up{color:#71b7ee;border-bottom:0}.number-arrows .down{color:#e17778}.duplicate{position:relative;overflow:hidden}.duplicate.copy-flash:after{content:"";position:absolute;inset:-80% auto -80% -45%;width:28%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:copy-shine .65s ease-out}@keyframes copy-shine{to{left:125%}}
@media(max-width:720px){.summon-bar{width:calc(100% - 20px);max-width:620px;margin:22px auto 28px;gap:9px}.summon-bar button{min-height:54px;padding-inline:15px}.number-wrap{grid-template-columns:minmax(0,1fr) 30px}.number-arrows button{min-width:30px}}
.summon-bar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:calc(100% - 32px)!important;max-width:none!important;margin:30px 16px 34px!important;gap:12px!important}.summon-bar button{display:flex!important;width:100%;min-width:0;min-height:64px;font-size:.85rem;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.summon-bar button:first-child{color:#a8d7ff;background:linear-gradient(135deg,#214866,#10202d);border-color:#68b8f0}.summon-bar button:nth-child(2){color:#ffc097;background:linear-gradient(135deg,#61351e,#28170f);border-color:#ec8b4c}.summon-bar button:nth-child(3){color:#a8d9a9;background:linear-gradient(135deg,#244d2e,#102417);border-color:#68b979}.summon-bar button:nth-child(4){color:#ead08c;background:linear-gradient(135deg,#504421,#211c0e);border-color:#c3a86b}.summon-bar button:hover{transform:translateY(-4px) scale(1.015);filter:brightness(1.2);box-shadow:0 10px 26px #0008}.summon-bar button:active{transform:translateY(-1px) scale(.985)}
@media(max-width:720px){.summon-bar{grid-template-columns:1fr 1fr!important;width:calc(100% - 20px)!important;margin:24px 10px 30px!important;gap:9px!important}.summon-bar button{min-height:58px}}
.summon-bar button{align-items:center!important;justify-content:center!important;align-content:center!important;line-height:1!important;padding-top:0!important;padding-bottom:0!important}.summon-bar button b,.summon-bar button span{display:inline-flex;align-items:center;line-height:1!important}.clear-link{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0 8px 8px 0!important;display:grid!important;place-items:center!important;line-height:1!important}
@media(max-width:720px){.clear-link{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin-right:2px!important}}
.summon-bar button{gap:10px!important}
@media(max-width:720px){.summon-bar{position:static!important;top:auto!important;z-index:auto!important;padding:0!important;background:transparent!important;backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}