@import"https://fonts.googleapis.com/css2?family=Kalam:wght@700&family=Patrick+Hand&display=swap";:root{color:#2d2d2d;background:#170f0a;font-family:Patrick Hand,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #fdfbf7;--ink: #2d2d2d;--muted: #e5e0d8;--red: #ff4d4d;--blue: #2d5da1;--gold: #d9a72e;--green: #0e6b43;--ember: #b94b24}*{box-sizing:border-box}body{position:relative;margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:#170f0a;background-image:radial-gradient(circle at 50% 18%,rgba(255,192,84,.62) 0 8%,transparent 9%),linear-gradient(180deg,#334766e0,#773725b8 34%,#231811f5 70%),radial-gradient(circle at 18% 82%,rgba(255,77,77,.2),transparent 28%),radial-gradient(circle at 86% 80%,rgba(45,93,161,.2),transparent 30%);background-size:100% 100%,100% 100%,100% 100%,100% 100%}body:before,body:after{position:fixed;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}body:before{z-index:0;background-image:linear-gradient(145deg,transparent 0 55%,rgba(19,31,29,.72) 55% 68%,transparent 68%),linear-gradient(220deg,transparent 0 52%,rgba(26,37,31,.82) 52% 67%,transparent 67%),linear-gradient(178deg,transparent 0 59%,rgba(23,38,32,.82) 59% 71%,transparent 71%),repeating-linear-gradient(92deg,transparent 0 46px,rgba(23,17,12,.72) 46px 49px,transparent 49px 118px),linear-gradient(180deg,transparent 0 70%,rgba(36,24,14,.92) 70% 100%);background-position:left 0 bottom 19%,right 0 bottom 18%,center bottom 15%,center bottom,center bottom;background-repeat:no-repeat;background-size:48% 36%,54% 38%,82% 34%,100% 40%,100% 100%}body:after{z-index:0;opacity:.82;background-image:radial-gradient(circle at 18% 84%,rgba(255,157,62,.36) 0 3%,transparent 8%),radial-gradient(circle at 73% 82%,rgba(255,206,90,.24) 0 3%,transparent 7%),linear-gradient(84deg,transparent 0 10%,rgba(255,238,178,.14) 10% 11%,transparent 11% 22%,rgba(255,238,178,.12) 22% 23%,transparent 23%),radial-gradient(#d7b56a 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,28px 28px;mix-blend-mode:screen}#root{position:relative;z-index:1;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.68}.app-shell{position:relative;z-index:1;width:min(1460px,100%);min-height:100vh;margin:0 auto;padding:28px clamp(16px,3vw,36px) 40px}.top-actions{position:fixed;top:18px;right:18px;z-index:20;display:flex;gap:10px}.round-tool,.x-link{display:grid;width:44px;height:44px;place-items:center;color:#fff9c4;background:#140c08d6;border:3px solid #d9a72e;border-radius:14px 9px 16px 10px/10px 16px 9px 14px;box-shadow:4px 4px #2d160c;text-decoration:none;transition:transform .12s ease,background .12s ease}.round-tool:hover,.x-link:hover{background:#ff4d4d;transform:translate(2px,2px) rotate(-2deg)}.x-link{font-family:Kalam,cursive;font-size:1.35rem}.wobbly{border:3px solid var(--ink);border-radius:255px 18px 225px/18px 225px 18px 255px;box-shadow:5px 5px 0 var(--ink)}.hero-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:18px;padding:clamp(16px,2vw,24px);color:#fff6d0;background:linear-gradient(105deg,#190f0ac7,#582d186b);border:3px solid rgba(255,226,139,.72);border-radius:24px 13px 28px 16px/16px 30px 14px 26px;box-shadow:7px 7px #120c09e6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-copy{position:relative}.eyebrow,.panel-title{display:inline-flex;gap:8px;align-items:center}.eyebrow{padding:6px 14px;background:#fff9c4;border:2px dashed var(--ink);border-radius:50px 12px 44px 16px/12px 42px 14px 48px;transform:rotate(-1deg)}h1,h2,h3{margin:0;font-family:Kalam,Patrick Hand,cursive;letter-spacing:0}h1{margin-top:8px;font-size:clamp(3.8rem,12vw,8.4rem);line-height:.88;color:#ffd76c;text-shadow:3px 3px 0 #2d160c,6px 6px 0 rgba(255,77,77,.42)}.hero-copy p{margin:12px 0 0;font-size:clamp(1.35rem,2.6vw,2rem)}.wallet-panel{display:flex;gap:18px;align-items:center;min-width:min(100%,380px);padding:16px 18px;color:var(--ink);background:#fff9c4f0;transform:rotate(1deg)}.wallet-panel span,.battle-strip span,dt,.tiny-copy{color:#2d2d2db3}.wallet-panel strong,.battle-strip strong,dd{display:block;font-size:1.35rem}.sketch-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:10px 18px;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:255px 18px 225px/18px 225px 18px 255px;box-shadow:4px 4px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease,background .1s ease,color .1s ease}.sketch-button:hover:not(:disabled){color:#fff;background:var(--red);box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px) rotate(-1deg)}.sketch-button:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.sketch-button.secondary:hover:not(:disabled){background:var(--blue)}.start-button{width:100%;margin-top:8px;font-size:1.35rem}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:clamp(16px,2vw,26px);align-items:start;margin-top:28px}.side-panel,.settlement,.match-note{background:#fff8dcf0}.side-panel{padding:18px}.profile-panel{position:sticky;top:20px;transform:rotate(.45deg);background:linear-gradient(90deg,rgba(185,75,36,.12),transparent 18% 82%,rgba(45,93,161,.12)),#fff8dcf0}.panel-title{margin-bottom:14px;font-family:Kalam,cursive;font-size:1.7rem}.field-label{display:block;margin:12px 0 6px;font-size:1.08rem}.player-war-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px;padding:10px;background:linear-gradient(135deg,#2d2d2de6,#6b3a1ed1);border:3px solid #d9a72e;border-radius:22px 10px 20px 12px/12px 20px 10px 22px;box-shadow:5px 5px 0 var(--ink);color:#fff6d0}.player-war-card img{width:96px;aspect-ratio:1;object-fit:cover;border:3px solid #fff2a8;border-radius:15px 8px 17px 10px/10px 17px 8px 15px;image-rendering:pixelated}.player-war-card span,.player-war-card small{display:block;color:#fff6d0c7}.player-war-card strong{display:block;font-family:Kalam,cursive;font-size:2rem;line-height:1}.sketch-input{width:100%;min-height:44px;padding:8px 12px;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:24px 10px 22px 12px/12px 24px 10px 22px;outline:none}.sketch-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da12e}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.faction-list{display:grid;gap:12px}.arena-panel{position:relative;display:grid;gap:14px;min-width:0}.battle-stage{background:linear-gradient(180deg,#120c0838,#120c0894),#140f0a}.danmaku-layer,.barrage-layer,.bullet-screen{position:absolute;inset:8px 10px auto;z-index:6;height:min(36%,180px);overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.danmaku-track,.barrage-track{position:relative;height:34px}.danmaku-item,.barrage-item,.bullet-screen-item{position:absolute;top:calc(var(--lane, 0) * 34px);right:-40%;display:inline-flex;min-width:max-content;align-items:center;padding:4px 12px 5px;color:#fff8cf;background:#140c08a8;border:2px solid rgba(255,215,108,.72);border-radius:999px;box-shadow:2px 2px #2d160cd9,0 0 16px #ff9d3e47;font-size:clamp(.98rem,1.6vw,1.2rem);line-height:1.2;text-shadow:2px 2px 0 #2d160c;white-space:nowrap;animation:danmaku-slide var(--danmaku-duration, 12s) linear infinite;animation-delay:var(--delay, var(--danmaku-delay, 0s))}.danmaku-item:nth-child(3n+1),.barrage-item:nth-child(3n+1),.bullet-screen-item:nth-child(3n+1){color:#fff9c4;border-color:#ff4d4dbf}.danmaku-item:nth-child(3n+2),.barrage-item:nth-child(3n+2),.bullet-screen-item:nth-child(3n+2){color:#dbeaff;border-color:#2d5da1c7}.battle-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;padding:12px 18px;background:#fff9c4f0}.battle-strip>div:last-child{text-align:right}.versus{display:grid;width:58px;height:58px;place-items:center;color:#fff;background:var(--ink);border-radius:50% 44% 52% 47%;font-family:Kalam,cursive;font-size:1.4rem;transform:rotate(-6deg)}.match-note{display:inline-flex;width:fit-content;gap:8px;align-items:center;padding:10px 14px}.hand-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settlement{padding:20px}.settlement h2{font-size:clamp(2.4rem,8vw,4.2rem);line-height:1}.settlement p{margin:10px 0 16px;font-size:1.3rem}.settlement-actions{display:flex;flex-wrap:wrap;gap:10px}.prize-title{margin-top:18px;padding-top:16px;border-top:2px dashed rgba(45,45,45,.32)}.side-panel dl{display:grid;gap:10px;margin:0}.side-panel dl div{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:2px dashed rgba(45,45,45,.2)}.leaderboard-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;background:#ffffff8a;border:2px dashed rgba(45,45,45,.28);border-radius:17px 8px 15px 10px/10px 15px 8px 17px}.leaderboard-list span{display:grid;width:24px;height:24px;place-items:center;color:#fff9c4;background:var(--ink);border-radius:50%}.leaderboard-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list em{font-style:normal;color:#9a3e25}.claim-box{display:grid;gap:8px;margin-top:14px;padding:12px;background:#fff9c4;border:2px dashed var(--ink);border-radius:22px 10px 20px 12px/12px 20px 10px 22px}.claim-head{display:inline-flex;gap:8px;align-items:center;font-family:Kalam,cursive;font-size:1.25rem}.claim-box p{margin:0;font-size:1.25rem}.claim-button{width:100%}.claim-box small{display:block;color:#2d2d2db8;line-height:1.25}.bottom-dashboard{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.4fr) minmax(230px,.75fr);gap:14px;align-items:stretch;margin-top:18px;padding:16px;background:linear-gradient(90deg,#d9a72e38,#fff8dceb 18%,#fff8dceb 82%,#ff4d4d24),#fff8dcf0}.bottom-dashboard .panel-title{margin-bottom:10px}.pool-panel,.rank-panel,.claim-panel{min-width:0}.pool-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.pool-panel dl div{padding:10px;background:#ffffff7a;border:2px dashed rgba(45,45,45,.24);border-radius:18px 8px 16px 10px/10px 16px 8px 18px}.horizontal-list{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;padding-bottom:4px}.horizontal-list li{min-width:120px}.claim-panel{margin-top:0;align-content:start}.admin-shell{display:grid;place-items:start center}.admin-card{width:min(980px,100%);padding:clamp(18px,3vw,30px);color:var(--ink);background:#fff8dcf5}.admin-heading{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.admin-heading h1{font-size:clamp(3rem,8vw,5.4rem);color:var(--ink);text-shadow:3px 3px 0 #fff2a8}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.admin-grid .field-label{margin:0}.admin-grid .sketch-input{margin-top:6px}.check-row{display:inline-flex;gap:8px;align-items:center;align-self:end;min-height:44px}.check-row input{width:18px;height:18px;accent-color:var(--red)}.admin-note{margin:16px 0 0;color:#2d2d2dc7;font-size:1.08rem}.admin-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}dt,dd{margin:0}dd{font-family:Kalam,cursive}.tiny-copy{margin:16px 0 0;font-size:1rem}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes danmaku-slide{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 140%))}}@media(max-width:1120px){.play-layout{grid-template-columns:1fr}.profile-panel{position:static;transform:rotate(0)}.bottom-dashboard{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}.rank-panel{grid-column:1 / -1;grid-row:1}}@media(max-width:820px){.hero-band,.play-layout{grid-template-columns:1fr}.wallet-panel{justify-content:space-between;transform:rotate(0)}h1{font-size:clamp(3.4rem,18vw,5.4rem)}.hand-row,.bottom-dashboard,.pool-panel dl{grid-template-columns:1fr}.danmaku-layer,.barrage-layer,.bullet-screen{inset:6px 6px auto;height:min(32%,132px)}.danmaku-track,.barrage-track{height:28px}.danmaku-item,.barrage-item,.bullet-screen-item{padding:3px 9px 4px;font-size:.92rem}.battle-strip{grid-template-columns:1fr;text-align:center}.battle-strip>div:last-child{text-align:center}.versus{margin:0 auto}.top-actions{top:10px;right:10px}.admin-heading,.admin-grid{grid-template-columns:1fr}.admin-heading{display:grid}}