:root{--ink: #15180f;--panel: rgba(18, 26, 14, .78);--panel-border: rgba(11, 14, 8, .65);--accent: #9dd66b;--accent-soft: #84ba58;--bg: #90bb63}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:#ebf1dd;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,sans-serif}body.game-running #app{display:none}#app{width:100%;height:100%}.portal-root{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 0%,rgba(190,234,120,.34),transparent 46%),radial-gradient(circle at 80% 100%,rgba(120,170,72,.52),transparent 48%),linear-gradient(170deg,#84ab57,#7ea24f)}.portal-hex-overlay{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(30deg,rgba(22,30,14,.45) 12%,transparent 12.5%,transparent 87%,rgba(22,30,14,.45) 87.5%,rgba(22,30,14,.45)),linear-gradient(150deg,rgba(22,30,14,.45) 12%,transparent 12.5%,transparent 87%,rgba(22,30,14,.45) 87.5%,rgba(22,30,14,.45)),linear-gradient(90deg,rgba(24,37,15,.35) 2%,transparent 2.5%,transparent 97%,rgba(24,37,15,.35) 97.5%,rgba(24,37,15,.35));background-size:24px 42px;pointer-events:none}.portal-main{position:relative;z-index:2;width:min(860px,95vw);display:flex;flex-direction:column;align-items:center;gap:24px}.portal-main h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,9vw,86px);letter-spacing:.06em;color:#edf7d7;text-shadow:0 2px 0 rgba(0,0,0,.65),0 0 14px rgba(227,255,166,.35)}.portal-main h1 em{color:#b7ef77;font-style:normal}.portal-mid-row{width:100%;display:grid;grid-template-columns:210px 1fr 210px;gap:16px;align-items:stretch}.portal-card,.portal-play,.portal-info-box,.portal-panel{border-radius:18px;border:2px solid var(--panel-border);box-shadow:0 12px 26px #00000059,inset 0 1px #d3ffa41f;background:var(--panel);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.portal-card{padding:12px;display:grid;gap:12px}.portal-card button{border:1px solid rgba(20,25,14,.8);border-radius:12px;padding:12px 10px;color:#f2f8e2;font-size:24px;font-family:Georgia,Times New Roman,serif;background:linear-gradient(180deg,#5675a0,#35517d)}.portal-label{font-size:19px;color:#e8f3d7;letter-spacing:.02em;font-family:Georgia,Times New Roman,serif}.portal-name-input{width:100%;border:1px solid rgba(27,34,19,.84);border-radius:12px;padding:10px 12px;color:#edf4e2;font-size:23px;font-family:Georgia,Times New Roman,serif;background:linear-gradient(180deg,#816d4a,#635133)}.portal-name-input:focus{outline:2px solid rgba(171,224,105,.65);outline-offset:1px}.portal-team button:first-child{background:linear-gradient(180deg,#7f67a9,#614d88)}.portal-team button:last-child{background:linear-gradient(180deg,#9c4d73,#75324f)}.portal-play{min-height:172px;padding:18px 24px;display:grid;place-items:center;gap:16px}.portal-mode-row{display:flex;gap:8px}.portal-mode-btn{border:1px solid rgba(10,13,7,.85);border-radius:10px;padding:8px 12px;font-size:18px;color:#dcebc5;font-family:Georgia,Times New Roman,serif;background:linear-gradient(180deg,#2f3d25,#202a18);cursor:pointer}.portal-mode-btn.is-active{color:#1e2a0f;background:linear-gradient(180deg,#c8ee90,#95ce59)}.portal-play-title{font-size:clamp(38px,4.4vw,64px);color:#b8e77e;letter-spacing:.06em;font-family:Georgia,Times New Roman,serif;text-shadow:0 2px 0 rgba(7,10,5,.6)}#portal-play-btn{border:1px solid rgba(10,13,7,.85);border-radius:14px;padding:12px 26px;font-size:26px;font-family:Georgia,Times New Roman,serif;color:#1e2a0f;background:linear-gradient(180deg,#c8ee90,#95ce59);cursor:pointer}#portal-play-btn:disabled{opacity:.7;cursor:wait}.portal-info-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portal-info-box{min-width:160px;padding:12px 14px}.portal-info-box h4{margin:0 0 6px;font-size:24px;font-family:Georgia,Times New Roman,serif;color:#d8eec0}.portal-info-box p{margin:0;font-size:16px;color:#a5d58a}.portal-panel{position:fixed;top:20px;width:210px;padding:14px;z-index:2}.portal-panel-left{left:18px}.portal-panel-right{right:18px}.portal-panel h3{margin:0 0 10px;font-size:31px;font-family:Georgia,Times New Roman,serif;color:#ecf6d8}.portal-panel ul{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:7px;font-size:17px}.portal-panel li{display:flex;justify-content:space-between;gap:8px;color:#c7deab}.portal-settings{position:fixed;top:16px;left:50%;transform:translate(-50%);width:126px;height:126px;border-radius:999px;border:3px solid rgba(17,26,12,.86);background:radial-gradient(circle at 50% 40%,#94cc65 0,#709947 56%,#355026);color:#eff7e2;font-size:32px;font-family:Georgia,Times New Roman,serif;z-index:2}.portal-bottom-nav{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;width:min(1120px,96vw);padding:14px;border-radius:22px;border:2px solid var(--panel-border);background:#10150edb}.portal-bottom-nav button{border:1px solid rgba(11,14,7,.82);border-radius:16px;padding:14px 10px;font-size:25px;font-family:Georgia,Times New Roman,serif;color:#ecf4df;background:linear-gradient(180deg,#60753f,#4f6035)}.portal-bottom-nav button:nth-child(1){background:linear-gradient(180deg,#932f23,#712117)}.portal-bottom-nav button:nth-child(2){background:linear-gradient(180deg,#7e831e,#62660f)}.portal-bottom-nav button:nth-child(3){background:linear-gradient(180deg,#238c24,#146914)}.portal-bottom-nav button:nth-child(4){background:linear-gradient(180deg,#1f8091,#13616f)}.portal-bottom-nav button:nth-child(5){background:linear-gradient(180deg,#243294,#1b226f)}.portal-bottom-nav button:nth-child(6){background:linear-gradient(180deg,#71258e,#571c6f)}.portal-bottom-nav button:nth-child(7){background:linear-gradient(180deg,#858988,#636566)}.portal-bottom-nav button:nth-child(8){background:linear-gradient(180deg,#719066,#5a7451)}.portal-error{position:fixed;left:50%;top:16px;transform:translate(-50%);z-index:5;border-radius:10px;padding:8px 12px;font-size:17px;color:#ffd2d2;background:#5a0000db;border:1px solid rgba(255,168,168,.7)}@media(max-width:1100px){.portal-panel{display:none}.portal-mid-row{grid-template-columns:180px 1fr 180px}}@media(max-width:900px){.portal-main{gap:16px;width:min(94vw,680px)}.portal-mid-row{grid-template-columns:1fr}.portal-card,.portal-play{min-height:0}.portal-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-settings{width:98px;height:98px;font-size:24px}}