:root{font-family:Inter,system-ui,Arial,sans-serif;color:#f7f7fb;background:#202141}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}.login,.home{min-height:100vh;background:radial-gradient(circle at 50% 35%,#ffe1c0 0,#eee0d0 31%,#aaa5b2 73%,#aaa4ad 100%);color:#273044;text-align:center;padding:70px 20px}.login-box{width:min(380px,100%);margin:0 auto}.logo{font-size:56px}.login h1,.home h1{font-size:28px;font-weight:900;margin:3px 0}.login p,.home p{margin:2px 0 20px}.login input{width:100%;padding:12px;border:1px solid #ccd0d8;border-radius:10px;margin:4px 0;background:#fff;color:#273044}.pill,.mainbtn,.smallbtn{border-radius:18px;padding:13px 18px;background:#ffffffa8;color:#334155;box-shadow:0 5px 14px #5552;font-weight:700}.orange{background:linear-gradient(#ffac53,#ff812b);color:white}.login .pill{width:100%;margin:5px 0}.guest{margin-top:20px}.topbar{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px auto 10px;width:max-content;background:#ffffff55;border-radius:30px;padding:8px 12px;font-size:13px}.topbar button{background:none;color:#344055}.home{padding-top:65px}.home .logo{font-size:50px}.home .level{display:block;width:min(320px,90%);margin:18px auto;background:#ffffff48;text-align:left;padding:16px;border-radius:20px;color:#38475c}.home .menu{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:min(320px,90%);margin:auto}.home .menu button{min-height:52px;background:#ffffff9c;color:#394052;border-radius:22px;font-weight:800;box-shadow:0 4px 10px #7772}.home .menu .wide{grid-column:span 2;background:linear-gradient(#ffb255,#ed802c);color:white}.page{max-width:450px;margin:0 auto;padding:16px 10px 65px}.head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.head h1{font-size:22px;margin:0}.back{background:#393a5b;border-radius:12px;padding:9px 12px}.muted{color:#aaaac4}.panel{background:#2b2c4e;border:1px solid #414264;border-radius:15px;padding:12px;margin:12px 0}.section{font-size:13px;color:#b5b7ca;font-weight:bold;margin:18px 0 8px}.deck{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.allcards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card{position:relative;min-height:64px;border:2px solid #8b8ca9;border-radius:10px;background:linear-gradient(145deg,#414569,#272944);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding:7px 3px;box-shadow:0 4px 9px #0003}.card .emoji{font-size:24px}.card .name{font-size:10px;font-weight:800}.card .cost{position:absolute;top:1px;left:2px;background:#9525d6;border-radius:5px;font-size:11px;padding:0 3px}.allcards .card{min-height:96px}.card.locked{opacity:.42;filter:grayscale(1)}.card.selected{outline:3px solid #ffd34e}.modalbg{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(390px,100%);border:1px solid #fff9;border-radius:24px;background:linear-gradient(145deg,#fbe1ca,#d5ced0);color:#273044;padding:22px;text-align:center;box-shadow:0 20px 50px #0004}.modal h2{margin:4px 0}.modal .actions{display:flex;gap:8px;margin-top:17px}.modal .actions button{flex:1}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:14px 0}.day{background:#fff9;border-radius:10px;padding:8px 2px;font-size:10px;font-weight:800}.day.active{background:#ff7b1d;color:white}.shop-tabs{display:flex;gap:8px}.shop-tabs button{flex:1;padding:10px;border-radius:12px;background:#3a3b5b}.shop-tabs .active{background:#df8b36}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shop-item{background:#2d2e50;border:1px solid #555576;border-radius:12px;text-align:center;padding:12px}.shop-item .emoji{font-size:32px}.shop-item button{display:block;margin:9px auto 0;background:#d68e31;border-radius:10px;padding:8px;width:100%}.shop-item button:disabled{opacity:.5;cursor:not-allowed}.battle{max-width:430px;margin:auto;padding:10px 7px 60px}.battlehead{display:flex;justify-content:space-between;align-items:center}.timer{text-align:center;font-size:13px;font-weight:bold}.arena{height:min(710px,75vh);min-height:500px;background:linear-gradient(#893518 0 45%,#253043 45% 55%,#155131 55% 100%);position:relative;border-radius:13px;border:1px solid #526354;overflow:hidden;cursor:crosshair}.river{position:absolute;top:45%;height:10%;width:100%;background:#283b52}.bridge{position:absolute;top:48%;width:12%;height:4%;background:#7b371a}.tower{position:absolute;width:44px;height:49px;border-radius:9px;border:2px solid white;background:#dd3636;display:grid;place-items:center;font-size:23px;transform:translate(-50%,-50%)}.tower.blue{background:#2879d7}.tower:after{content:'';position:absolute;bottom:-7px;width:42px;height:4px;border-radius:4px;background:#1edd6d}.unit{position:absolute;font-size:25px;transform:translate(-50%,-50%);transition:top .5s,left .5s;filter:drop-shadow(0 2px 2px #0008)}.hand{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.hand .card{min-height:58px}.elixir{display:flex;align-items:center;gap:8px;margin-top:10px}.elixir .bar{flex:1;height:12px;border-radius:9px;background:#121328;overflow:hidden}.elixir .bar span{display:block;background:#b52ee0;height:100%}.foot{position:fixed;bottom:4px;left:50%;transform:translateX(-50%);font-size:11px;color:#ddd;background:#16162588;border-radius:20px;padding:3px 9px;white-space:nowrap}.release{position:fixed;bottom:4px;left:10px;font-size:10px;color:#ddd;background:#17172488;padding:3px;border-radius:4px}.listrow{background:#2d2e50;border-radius:12px;padding:13px;margin:8px 0}.field{width:100%;padding:12px;border-radius:10px;border:1px solid #626381;background:#343556;color:white;margin:6px 0}.toast{position:fixed;top:45px;left:50%;transform:translateX(-50%);background:#111b;color:white;padding:10px 18px;border-radius:12px;z-index:50}

.brandlogo{width:220px;height:110px;margin:0 auto 8px;background:#050409 url('assets/ogega-neon.png') center center/220px 220px no-repeat;border-radius:12px;box-shadow:0 7px 28px #7f21ce55}.home .brandlogo{width:150px;height:72px;background-size:150px 150px}.foot{font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#b52ee0}

.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.language-grid button{background:#303252;border:1px solid #555877;border-radius:11px;padding:10px;text-align:left;font-size:13px}.language-grid button.active{background:#7741a8;border-color:#c37dff}.shop-tabs{margin-bottom:12px}.login input[type=email]{width:100%;padding:12px;border:1px solid #ccd0d8;border-radius:10px;margin:4px 0;background:#fff;color:#273044}

.avatar{display:inline-grid;place-items:center;width:96px;height:96px;border-radius:50%;object-fit:cover;background:#6441a1;border:3px solid #e2c5ff;font-size:52px;box-shadow:0 5px 18px #0004}.avatar-small{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;object-fit:cover;background:#7652a1;font-size:16px;vertical-align:middle}.avatar-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.avatar-choice{font-size:32px;background:#ffffff99;border:1px solid #fff;border-radius:14px;height:58px}.upload-label{display:block;margin-top:10px;cursor:pointer}.modal small{display:block;margin-top:12px;color:#546071}
.card.locked{opacity:.9;filter:none;border-color:#6c6f95;background:linear-gradient(145deg,#44486c,#30344e)}.card.locked:after{content:'🔒';position:absolute;top:3px;right:4px;font-size:11px}.allcards .card .emoji{font-size:31px}.allcards .card .name{font-size:12px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:12px}.emoji-grid button{background:#353758;border-radius:9px;padding:7px;font-size:21px}.emoji-grid button.active{outline:2px solid #d998ff}.site{min-height:100vh;background:radial-gradient(circle at 0 25%,#241231,#121014 60%);color:#f8f6fa}.site-splash{min-height:100vh;background:#110d17;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.site-logo-button{background:transparent;text-align:center}.site-logo-button h1{font-size:28px;margin:5px}.site-logo-button p{color:#bbb}.site-header{border-bottom:1px solid #ffffff1c;background:#120e16cc;padding:10px max(16px,calc((100vw - 860px)/2))}.site-header-top{display:flex;align-items:center;justify-content:space-between}.site-mark{display:flex;align-items:center;gap:8px;font-size:14px}.site-mark-logo{width:32px;height:32px;background:#050409 url('assets/ogega-neon.png') center/60px 60px;border-radius:5px}.site-action{background:#352b3c;color:white;border-radius:20px;padding:9px 14px;margin:3px}.site-action:hover,.site nav button:hover{background:#653584}.site nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.site nav button{border-radius:20px;background:#25212a;padding:8px 13px;font-size:12px;font-weight:700}.site nav button.active{background:#af24df;color:#fff}.site-main{max-width:860px;margin:0 auto;padding:20px 12px 70px}.site-hero{border-radius:22px;background:linear-gradient(125deg,#47175e,#282943 65%,#0b4655);padding:30px;margin-bottom:15px}.site-hero small{color:#82dafa;letter-spacing:1px;font-weight:900}.site-hero h1{font-size:30px;line-height:1.25}.site-hero p{max-width:600px;color:#ddd}.site-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.site-card{background:linear-gradient(120deg,#1d1a21,#29202d);border:1px solid #ffffff20;border-radius:18px;padding:20px;margin-bottom:14px}.site-card h2,.site-card h3{margin:8px 0}.site-card p,.site-card li{color:#c7c3cb;line-height:1.5}.site-card ul{padding-left:20px}.site-copy{text-align:center;color:#777}.site-warning{background:#684019;border-radius:10px;padding:12px}.site-card .field{background:#17141b;border-color:#504457}.site-card select.field{color:white}.trade-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.trade-join{display:flex;align-items:center;gap:5px}.trade-join .field{flex:1;min-width:0}.trade-row{border-top:1px solid #ffffff20;padding:9px 0}.trade-chat{border-top:1px solid #ffffff30;margin-top:14px;padding-top:10px}.trade-chat>div:not(.trade-join){padding:6px;background:#ffffff0c;margin:4px 0;border-radius:8px}.chat-log{max-height:350px;overflow:auto}.chat-log>div{border-bottom:1px solid #ffffff20;padding:8px}.chat-log p{margin:3px 0}.muted-action{background:#4d3140}.site-card small{color:#9fe5ff}textarea.field{min-height:72px;resize:vertical}@media(max-width:620px){.site-features{grid-template-columns:1fr}.site-hero{padding:22px}.site-header{padding:10px}.trade-selects{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(4,1fr)}}
.arena-3d{perspective:900px;box-shadow:inset 0 12px 22px #fff2,inset 0 -20px 30px #0005,0 18px 40px #0005;border:3px solid #706348}.arena-3d .tower{box-shadow:3px 7px 0 #0006,0 9px 18px #0008;transform:translate(-50%,-50%) rotateX(8deg)}.arena-3d .unit{filter:drop-shadow(3px 7px 2px #0009);transform:translate(-50%,-50%) scale(1.12)}.arena-3d .river{box-shadow:inset 0 5px 10px #6dbcf633}.hidden-code{opacity:.1;margin-top:35px}.hidden-code:focus-within,.hidden-code:hover{opacity:1}.hidden-code button{padding:8px;border-radius:8px;background:#57447a}.disabled-look{opacity:.5}.watch-warning{position:fixed;right:12px;top:12px;background:#b72424;color:#fff;padding:8px 12px;border-radius:10px;z-index:10}.admin-overlay{position:fixed;left:15px;top:80px;width:260px;background:#15121ddc;border:1px solid #b083e0;border-radius:12px;backdrop-filter:blur(8px);z-index:30;padding:10px;font-size:12px}.admin-drag{cursor:move;font-weight:bold;padding:8px;background:#7639a2;border-radius:8px;touch-action:none}.admin-player{border-top:1px solid #ffffff30;padding:7px 0;display:flex;flex-wrap:wrap;gap:4px}.admin-player b{width:100%}.admin-player button{padding:5px;border-radius:5px;background:#60416b}.admin-player input{width:48px;background:#292139;color:#fff;border:1px solid #665377;border-radius:5px}.support-fab{position:fixed;right:18px;bottom:18px;border-radius:25px;background:#a828cc;padding:13px;box-shadow:0 5px 20px #0008;z-index:15}.support-widget{position:fixed;right:18px;bottom:18px;width:min(340px,calc(100vw - 36px));max-height:480px;overflow:auto;background:#241a2e;border:1px solid #9457ae;border-radius:15px;padding:14px;z-index:15;box-shadow:0 10px 40px #0009}.support-header{display:flex;justify-content:space-between}.support-header button{background:transparent;font-size:22px}.support-widget textarea{min-height:100px}.shop-grid .disabled-look{pointer-events:auto}

.guest-countdown{position:fixed;top:3px;left:50%;transform:translateX(-50%);background:#171822;color:white;border-radius:20px;padding:4px 12px;font-size:12px;z-index:5}
.brandlogo{width:220px;height:135px;background:transparent url('assets/clashing-royaling-logo.png') center/contain no-repeat;box-shadow:none}.home .brandlogo{width:180px;height:112px;background-size:contain}.site-mark-logo{background:transparent url('assets/clashing-royaling-logo.png') center/contain no-repeat}.level-progress{height:14px;background:#17192d;border-radius:20px;overflow:hidden}.level-progress span{display:block;height:100%;background:linear-gradient(90deg,#ff982d,#ffde59)}.level-road .unlocked{border:1px solid #ffd45a}.site-theme-picker{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:8px max(16px,calc((100vw - 860px)/2));background:var(--theme-top,#141014)}.site-theme-picker select{border:1px solid var(--theme-accent,#ffd44e);border-radius:8px;background:var(--theme-card,#231d25);color:var(--theme-text,#fff);padding:7px}.site-contact a{color:var(--theme-accent,#ffd44e)}.site.theme-dark-gold{--theme-top:#0e0e10;--theme-bg:#121214;--theme-card:#202022;--theme-text:#f7f7f7;--theme-accent:#ffd447}.site.theme-dark-red{--theme-top:#3a080b;--theme-bg:#1d080b;--theme-card:#491015;--theme-text:#fff3db;--theme-accent:#ffdc40}.site.theme-light{--theme-top:#eee;--theme-bg:#fff;--theme-card:#f1f1f1;--theme-text:#111;--theme-accent:#111}.site.theme-light-pink{--theme-top:#fff0f6;--theme-bg:#fffafd;--theme-card:#ffe7f1;--theme-text:#341826;--theme-accent:#d71d78}.site[class*='theme-']{background:var(--theme-bg);color:var(--theme-text)}.site[class*='theme-'] .site-header{background:var(--theme-top);border-color:var(--theme-accent)}.site[class*='theme-'] .site-card{background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-accent)}.site[class*='theme-'] .site-card p,.site[class*='theme-'] .site-card li{color:var(--theme-text)}.site[class*='theme-'] .site-hero{background:linear-gradient(125deg,var(--theme-top),var(--theme-card));border:1px solid var(--theme-accent)}.site[class*='theme-'] nav button,.site[class*='theme-'] .site-action{background:var(--theme-card);color:var(--theme-text);border:1px solid var(--theme-accent)}.site[class*='theme-'] nav button.active{background:var(--theme-accent);color:var(--theme-bg)}.site[class*='theme-'] .field{background:var(--theme-bg);color:var(--theme-text);border-color:var(--theme-accent)}.game-intro{position:fixed;inset:0;z-index:10000;background:radial-gradient(circle at 50% 30%,#fff,#e8eff8);display:grid;place-items:center;color:#0b3365;text-align:center}.intro-inner{width:min(580px,90vw)}.intro-inner img{width:min(410px,80vw);height:auto;filter:drop-shadow(0 10px 18px #001d5044)}.intro-inner h1{min-height:2.4em;font-size:clamp(22px,5vw,46px);letter-spacing:.06em}.intro-inner p{font-weight:700}.intro-progress{height:8px;background:#dce4ef;border-radius:20px;overflow:hidden}.intro-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#123e77,#ffb200);animation:introfill 10s linear forwards}@keyframes introfill{to{width:100%}}
.site[class*='theme-'] .site-hero p{color:var(--theme-text)}.site[class*='theme-'] .site-hero small{color:var(--theme-accent)}.site.theme-light .site-hero small{color:#444}.site.theme-light-pink .site-hero small{color:#a31159}.site.theme-light .site-copy,.site.theme-light-pink .site-copy{color:var(--theme-text)}
.intro-music{display:inline-block;margin:4px 0 20px;padding:9px 17px;border-radius:20px;background:#0b3365;color:white;font-weight:700}
.ogega-video-intro{position:fixed;inset:0;z-index:10020;background:#000;display:grid;place-items:center}.ogega-video-intro video{width:100%;height:100%;object-fit:contain}.ogega-video-intro button{position:absolute;border-radius:22px;padding:11px 18px;font-weight:800;color:#fff;background:#073b75cc;border:1px solid #ffc13b}.ogega-video-intro .intro-start{bottom:10%;left:50%;transform:translateX(-50%)}.ogega-video-intro .intro-skip{right:18px;top:18px;background:#111a}#network-gate{position:fixed;inset:0;z-index:20000;background:radial-gradient(circle,#183153,#050a13 70%);color:#fff;display:grid;place-items:center;text-align:center;padding:24px}#network-gate>div{max-width:520px}#network-gate button{padding:12px 20px;border-radius:22px;background:#ffc13b;color:#102b55;font-weight:900}
.ogega-video-intro{isolation:isolate;background:radial-gradient(circle at center,#0b2460,#020615 70%)}.ogega-video-intro video{filter:brightness(2.4) saturate(1.5)}.ogega-video-mark{position:absolute;z-index:1;left:0;right:0;top:34%;text-align:center;pointer-events:none;padding:0 18px;color:#fff}.ogega-video-mark h1{font-size:clamp(36px,9vw,112px);line-height:1.05;letter-spacing:.08em;margin:0;filter:drop-shadow(0 0 22px #217fff);text-shadow:0 3px 0 #0c3971,0 0 32px #278dff,0 0 70px #1269da}.ogega-video-mark h1 span{display:inline-block;opacity:0;transform:translateY(22px) scale(.7);animation:ogegaVideoLetter .55s ease-out forwards}.ogega-video-mark p{font-size:clamp(12px,2vw,22px);font-weight:900;letter-spacing:.18em;color:#ffd25a;text-shadow:0 2px 14px #000;opacity:0;animation:ogegaVideoLetter .8s 3.5s forwards}.ogega-video-intro button{z-index:2}@keyframes ogegaVideoLetter{to{opacity:1;transform:none}}@media(max-width:600px){.ogega-video-mark{top:39%}.ogega-video-mark h1{font-size:clamp(29px,8vw,54px);letter-spacing:.03em}.ogega-video-intro .intro-start{bottom:7%;white-space:nowrap}}
.ogega-brand-intro{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(circle at 50% 42%,#123d80 0,#07162e 45%,#02050b 100%);overflow:hidden}.ogega-brand-intro:before{content:'';position:absolute;inset:-30%;background:conic-gradient(from 90deg,transparent,#ffc13b22,transparent,#2fa8ff22,transparent);animation:ogegaSpin 6s linear infinite}.ogega-intro-inner{position:relative;width:min(680px,94vw);z-index:1}.ogega-intro-inner img{width:min(300px,66vw);height:190px;object-fit:contain;mix-blend-mode:screen;filter:brightness(1.5) contrast(1.2) drop-shadow(0 0 28px #238cff)}.ogega-intro-inner h1{min-height:1.4em;margin:8px 0;font-size:clamp(38px,10vw,78px);letter-spacing:.1em;color:#ffc13b;text-shadow:0 0 20px #146dca}.ogega-intro-inner h1 span{display:inline-block;opacity:.08;transform:translateY(18px) scale(.8);animation:ogegaLetter .45s ease-out forwards}.ogega-intro-inner p{font-size:clamp(15px,3.8vw,22px);font-weight:900;letter-spacing:.1em;text-shadow:0 2px 8px #000}.ogega-brand-intro button{border-radius:22px;padding:10px 17px;font-weight:800;color:#fff;background:#073b75;border:1px solid #ffc13b;margin:8px}.ogega-brand-intro .intro-skip{position:absolute;right:0;top:-20px;background:#111a}.ogega-intro-line{height:4px;margin:16px auto 0;width:0;background:linear-gradient(90deg,#238cff,#ffc13b);border-radius:8px;animation:ogegaLine 5s linear forwards}@keyframes ogegaLetter{to{opacity:1;transform:none}}@keyframes ogegaLine{to{width:100%}}@keyframes ogegaSpin{to{transform:rotate(360deg)}}#network-gate{position:fixed;inset:0;z-index:20000;background:radial-gradient(circle,#183153,#050a13 70%);color:#fff;display:grid;place-items:center;text-align:center;padding:24px}#network-gate>div{max-width:520px}#network-gate button{padding:12px 20px;border-radius:22px;background:#ffc13b;color:#102b55;font-weight:900}
.battle{width:min(100%,920px);max-width:none;min-height:100dvh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:6px;padding:8px max(8px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.battlehead{min-height:38px;gap:8px}.battle .arena{width:min(100%,620px);height:100%;min-height:280px;justify-self:center;touch-action:manipulation}.battle .hand{width:min(100%,620px);justify-self:center;margin:0}.battle .hand .card{min-height:64px}.battle .elixir{width:min(100%,620px);justify-self:center;margin:0}.units-layer{position:absolute;inset:0;pointer-events:none}.battle .unit{transition:left .1s linear,top .1s linear;will-change:left,top}.battle .tower{pointer-events:none}@media(max-width:600px){.battle{padding-top:4px;gap:4px}.battle .arena{width:100%;min-height:250px}.battle .hand .card{min-height:58px;padding:5px 2px}.battle .hand .card .emoji{font-size:21px}.battle .hand .card .name{font-size:9px}.battlehead{font-size:12px}.battlehead .back{padding:7px 9px}}@media(max-height:610px){.battle{height:auto;min-height:100dvh;grid-template-rows:auto 56vh auto auto auto}.battle .arena{min-height:230px}.foot,.release{display:none}}
.battle .online-arena .unit{transition:left 1s linear,top 1s linear}
.battle .online-flipped{transform:rotate(180deg)}.battle .online-flipped .tower,.battle .online-flipped .unit{transform:translate(-50%,-50%) rotate(180deg)}
.site-theme-picker{flex-wrap:wrap;justify-content:flex-start;gap:10px}.site-theme-picker label{font-weight:700}.site-theme-picker button,.site-theme-picker select{cursor:pointer}.site-mail-button{display:inline-block;text-decoration:none;font-weight:800;margin:6px 0 12px!important}.site-news-intro{margin-bottom:18px}.site-news-intro h1{margin-bottom:5px}.site-news-intro p{margin-top:0}.site[class*='theme-'] .site-card small{color:var(--theme-accent)}.site.theme-light .site-card small{color:#333}.site.theme-light-pink .site-card small{color:#a31159}
.site.theme-light-gold{--theme-top:#f1f1ef;--theme-bg:#ededeb;--theme-card:#dfdfdd;--theme-text:#080808;--theme-accent:#002bb8}.site.theme-light-red{--theme-top:#c5f7f4;--theme-bg:#e2f7f4;--theme-card:#b6efea;--theme-text:#002336;--theme-accent:#0033bf}.site.theme-dark-neutral{--theme-top:#111;--theme-bg:#000;--theme-card:#181818;--theme-text:#fff;--theme-accent:#fff}.site.theme-dark-pink{--theme-top:#000f09;--theme-bg:#050207;--theme-card:#1a0810;--theme-text:#f7e7f0;--theme-accent:#28e287}.site.theme-light-gold .site-card small,.site.theme-light-red .site-card small{color:var(--theme-accent)}

.site-mark-logo{width:92px;height:36px;background:transparent url('assets/ogega-logo.png?v=2') center/220px 220px no-repeat;border-radius:0}
.site-logo-button .brandlogo{width:290px;height:120px;background:transparent url('assets/ogega-logo.png?v=2') center/700px 700px no-repeat;box-shadow:none}

.studio-tag{position:fixed;bottom:4px;right:10px;font-size:10px;color:#ddd;background:#17172488;padding:3px;border-radius:4px;z-index:5;pointer-events:none}

.unit{position:absolute}
.unit .hpbar,.tower .hpbar{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:24px;height:4px;background:#000b;border-radius:3px;overflow:hidden;pointer-events:none;font-style:normal}
.tower .hpbar{top:-9px;width:36px;height:5px}
.hpbar b{display:block;height:100%;background:#35d46a;transition:width .15s linear}
.hpbar.foe b{background:#ff5563}
.hpbar.low b{background:#ffb020}
.difficulty-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.difficulty-grid button:first-child{grid-column:1/-1}

/* Ninjalar kartı ve 3D savaş birimi */
.card.has-art{overflow:hidden;perspective:700px;padding:2px;background:#241235}.card-art{width:100%;height:100%;min-height:58px;object-fit:cover;border-radius:7px;transform:rotateX(2deg) rotateY(-2deg) scale(1.02);transition:transform .25s,filter .25s;filter:saturate(1.08)}.card.has-art:hover .card-art,.card.has-art:focus .card-art{transform:rotateX(-5deg) rotateY(7deg) scale(1.1);filter:saturate(1.2) brightness(1.08)}.card.has-art .name{position:absolute;bottom:2px;left:4px;right:4px;padding:2px;border-radius:5px;background:#16081dcc;color:#fff;text-shadow:0 1px 3px #000}.card.has-art .cost{z-index:2}.allcards .card.has-art{min-height:142px}.ninja-detail-art{display:block;width:min(260px,80vw);max-height:360px;object-fit:cover;border-radius:15px;margin:0 auto;box-shadow:0 15px 30px #411b7480;transform:perspective(700px) rotateX(2deg)}.unit-3d{display:block;width:88px;height:64px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 5px 5px #000b);transform-origin:50% 85%}.unit.walking .unit-3d{animation:unitWalk .34s steps(2,end) infinite}.unit.foe.walking .unit-3d{animation-direction:reverse}.unit:has(.unit-3d){z-index:4}@keyframes unitWalk{0%{transform:translate(-2px,-1px) rotate(-3deg) scaleY(.98)}50%{transform:translate(0,-6px) rotate(2deg) scaleY(1.04)}100%{transform:translate(2px,-1px) rotate(3deg) scaleY(.98)}}@media(prefers-reduced-motion:reduce){.unit.walking .unit-3d{animation-duration:.8s}}@media(max-width:600px){.unit-3d{width:68px;height:52px}.allcards .card.has-art{min-height:118px}}

.mini-pankek-3d{width:76px;height:76px;mix-blend-mode:screen;filter:drop-shadow(0 5px 6px #000c) saturate(1.15)}

/* Kart görsellerinin savaş alanını büyütmesini engelle */
.card.has-art .card-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}.battle .hand .card{height:64px;min-height:64px;max-height:64px;overflow:hidden}.shop-item>.card-art{position:static;width:100%;height:145px;min-height:0;object-fit:cover;border-radius:9px;transform:none}.card-detail-showcase{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.card-detail-showcase img{width:100%;height:210px;object-fit:contain;border-radius:12px;background:#251633;box-shadow:0 8px 20px #0004}.card-detail-showcase img:last-child{mix-blend-mode:screen}@media(max-width:600px){.battle .hand .card{height:58px;min-height:58px;max-height:58px}.card-detail-showcase img{height:165px}}
.hinzir-3d{width:82px;height:66px;filter:drop-shadow(0 5px 7px #000c) saturate(1.12)}