@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(340px,430px);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)}.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{display:grid;gap:14px;min-width:0}.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}.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)}}@media(max-width:1120px){.play-layout{grid-template-columns:1fr}.profile-panel{position:static;transform:rotate(0)}}@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{grid-template-columns:1fr}.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}}