:root{--bg:#0b1216;--panel:#151f24;--panel2:#1b282e;--line:#33444c;--gold:#e4ad3d;--green:#2ed47a;--pink:#e88491;--text:#f5f8fa;--muted:#9fb1ba}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Trebuchet MS",sans-serif;font-size:14px}.hotel-banner{height:340px;background-image:linear-gradient(180deg,rgba(2,10,24,.14),rgba(3,12,24,.4)),url('/assets/habvice-hero.png');background-size:cover;background-position:center 39%;border-bottom:1px solid #31444c}.nav-wrap{max-width:1080px;margin:auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;letter-spacing:2px}.brand-avatar{width:47px;height:47px;object-fit:cover;border:2px solid var(--gold);border-radius:9px;image-rendering:pixelated;background:#07182f;box-shadow:0 2px 0 #000}.brand strong,.brand small{display:block}.brand strong{font-size:21px;text-shadow:0 2px #000}.brand small{font-size:8px;color:var(--gold);margin-top:2px}.header-actions{display:flex;gap:8px}.member-count,.live,.online-pill{background:rgba(10,20,27,.83);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:8px 12px;font-size:11px;font-weight:bold}.member-count img{width:16px;vertical-align:middle;margin-right:5px;image-rendering:pixelated}.live i,.online-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35e788;box-shadow:0 0 8px #35e788;margin-right:5px}.banner-center{text-align:center;margin-top:18px;text-shadow:0 3px 0 #00101c}.pixel-crown{color:var(--gold);font-size:18px}.banner-center h1{font-size:48px;line-height:1;margin:0;font-weight:1000;letter-spacing:6px}.banner-center p{font-size:10px;letter-spacing:5px;color:#f1c76f;font-weight:bold}.online-pill{display:inline-block;margin-top:10px;padding:7px 14px}
.portal{max-width:1080px;margin:-64px auto 110px;position:relative;display:grid;grid-template-columns:365px minmax(0,1fr);gap:18px;align-items:stretch}.news-column{display:contents}.voyage-feature{grid-column:2;grid-row:1;min-height:430px;padding:42px;border:1px solid #5b4c32;border-radius:9px;background:linear-gradient(90deg,rgba(4,16,28,.94) 0%,rgba(4,16,28,.68) 51%,rgba(4,16,28,.12) 100%),url('/assets/habvice-hero.png');background-size:cover;background-position:70% center;box-shadow:0 7px 28px #0008;display:flex;flex-direction:column;justify-content:center}.voyage-feature h2{font:700 47px/1 Georgia,serif;margin:10px 0 16px;text-shadow:0 3px #000}.voyage-feature p{width:290px;color:#d6e0e5;line-height:1.6}.voyage-feature a{margin-top:20px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1px;text-decoration:none}.news-grid{grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:42px;position:relative}.news-grid:before{content:'HABVICE GÜNLÜĞÜ  •  SON HABERLER';position:absolute;left:0;top:-29px;color:#e5edf1;font-size:12px;font-weight:900;letter-spacing:1.4px}.news-card{min-height:155px;border-radius:7px;border:1px solid #32434a;overflow:hidden;position:relative;background-image:linear-gradient(0deg,rgba(3,8,12,.96),rgba(3,8,12,.06)),url('/assets/habvice-hero.png');background-size:700px auto;box-shadow:0 3px 12px #0005}.news-1{background-position:78% 55%}.news-2{background-position:55% 75%}.news-3{background-position:15% 78%}.community-card{background-position:95% 30%}.news-tag{position:absolute;top:10px;left:10px;padding:4px 7px;background:#102027;border-radius:4px;font-size:8px;font-weight:bold;border:1px solid #50616a}.news-copy{position:absolute;left:12px;right:12px;bottom:10px}.news-copy h3{font-size:15px;margin:0 0 4px;text-shadow:0 2px 2px #000}.news-copy p{margin:0;color:#d5dfe4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-copy small{display:block;margin-top:7px;color:#9fb1ba;font-size:9px}
.login-card{grid-column:1;grid-row:1;background:var(--panel2);border:1px solid #405159;border-radius:8px;padding:24px;box-shadow:0 7px 28px #0007}.login-heading{display:flex;gap:12px;align-items:center}.login-heading img,.duck-mascot{width:52px;height:52px;object-fit:cover;border:2px solid #bd8d32;border-radius:7px;image-rendering:pixelated}.login-heading h2,.login-card h2,dialog h2{margin:0 0 5px;font-size:21px}.login-heading p,.login-card>p{margin:0;color:var(--muted);font-size:12px}.login-card form,dialog form{display:grid;gap:13px;margin-top:23px}.login-card label,dialog label{font-size:10px;font-weight:bold;color:#d5e0e5}.input-wrap{height:44px;display:flex;align-items:center;margin-top:6px;border:1px solid #40545d;border-radius:6px;background:#121c21;overflow:hidden}.input-wrap>span{width:43px;height:100%;border-right:1px solid #40545d;position:relative;flex:0 0 43px;display:grid;place-items:center}.mascot-input img{width:37px;height:37px;object-fit:cover;border-radius:4px;image-rendering:pixelated}.input-wrap input{border:0!important;margin:0!important;height:100%;background:transparent!important;box-shadow:none!important}.pixel-lock:before{content:"";position:absolute;width:15px;height:12px;background:#c7d7df;border:2px solid #617a87;left:12px;top:18px}.pixel-lock:after{content:"";position:absolute;width:9px;height:10px;border:2px solid #c7d7df;border-bottom:0;border-radius:5px 5px 0 0;left:15px;top:8px}.login-card input,dialog input{display:block;width:100%;padding:12px;background:#111b20;border:1px solid #40545d;border-radius:5px;color:#fff;outline:0}.form-options{display:flex;justify-content:space-between;align-items:center}.form-options label{font-size:10px}.form-options input{display:inline;width:auto;margin-right:5px}.form-options a{color:#5ec8ef;text-decoration:none;font-size:9px}.primary-button,.register-toggle{width:100%;height:43px;border:0;border-radius:5px;font-weight:900;color:#082119;cursor:pointer;box-shadow:inset 0 -3px 0 #0003}.primary-button{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--green);text-decoration:none}.primary-button span{font-size:20px}.divider{height:26px;border-bottom:1px solid #3b4b52;text-align:center;margin:0 0 17px}.divider span{position:relative;top:20px;background:var(--panel2);padding:0 10px;font-size:8px;color:#869ba4}.register-toggle{margin-top:15px;background:var(--pink);color:#fff}.discord-row{text-align:center;border-top:1px solid #3b4b52;margin-top:17px;padding-top:17px;color:#67c8ee;font-size:9px}.text-link{display:block;text-align:center;color:var(--muted);margin-top:18px;text-decoration:none}.card-kicker{font-size:9px;color:var(--gold);font-weight:bold;letter-spacing:2px}.notice{padding:9px;margin-top:12px;border-radius:5px;background:#5b2730;border:1px solid #9e4a57;font-size:11px}.notice.success{background:#173e2e;border-color:#397a60}
footer{background:#1a272d;border-top:1px solid #425159;padding:28px 20px}.footer-inner{max-width:1080px;margin:auto;display:flex;align-items:center;gap:20px}.footer-brand{min-width:180px}.footer-brand .brand-avatar{width:39px;height:39px}.footer-inner p{font-size:10px;color:#8fa3ad;line-height:1.6}.footer-inner p b{color:#dce6ea}.footer-links{margin-left:auto;display:flex;gap:18px}.footer-links a{color:#c4d2d8;font-size:9px;text-decoration:none}dialog{width:min(420px,calc(100% - 30px));padding:30px;background:#172329;color:#fff;border:1px solid #51636c;border-radius:8px}dialog::backdrop{background:#02080dcc}.dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#fff;font-size:25px;cursor:pointer}
@media(max-width:850px){.portal{grid-template-columns:1fr;margin:-45px 15px 70px}.login-card{grid-column:1;grid-row:1}.voyage-feature{grid-column:1;grid-row:2;min-height:330px}.news-grid{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr}.hotel-banner{height:270px}.banner-center{margin-top:5px}.header-actions .member-count{display:none}}
@media(max-width:540px){.nav-wrap{padding:13px}.banner-center h1{font-size:34px}.banner-center p{letter-spacing:2px}.portal{margin-top:-35px}.voyage-feature{padding:28px}.voyage-feature h2{font-size:37px}.news-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{margin:0}.header-actions{display:none}}

/* Clean single-frame Habvice mark and transparent original field icons. */
.brand-avatar{border:0;border-radius:50%;image-rendering:auto;box-shadow:none}
.login-heading img,.duck-mascot{border:0;border-radius:50%;image-rendering:auto;box-shadow:none}
.field-icon span{background:transparent}
.field-icon img{display:block;max-width:30px;max-height:34px;object-fit:contain;image-rendering:pixelated}

#register-dialog{width:min(480px,calc(100% - 24px));padding:0;background:#182429;overflow:hidden}#register-dialog .dialog-close{z-index:3}#register-form{margin:0;padding:26px 24px 24px;display:block}.register-step{display:none}.register-step.active{display:block}.register-step h2{font-size:24px;margin:0 0 8px}.register-step>p{color:#b9d8e5;margin:0 0 25px;font-size:12px}.step-progress{display:grid;grid-template-columns:1fr 1fr 1fr 28px;gap:8px;align-items:center;margin-bottom:26px}.step-progress i{height:5px;border-radius:5px;background:#26363c}.step-progress i:first-child,.step-progress i.done{background:#41a9cf}.step-progress b{font-size:9px;color:#a9c2cd;text-align:right}.register-step>label{display:block;margin:0 0 14px;font-size:11px}.register-input{height:46px;margin-top:7px;display:flex;border:1px solid #405159;border-radius:7px;background:#182328;overflow:hidden}.register-input>img,.register-input>span{width:45px;flex:0 0 45px;object-fit:contain;padding:9px;border-right:1px solid #34464e;image-rendering:pixelated}.register-input>span{display:grid;place-items:center;padding:0;font-size:23px;color:#e7e2d1}.register-input input{border:0;border-radius:0;background:transparent;margin:0;padding:12px;color:#fff}.register-input.disabled{opacity:.65}.step-next,.step-submit,.step-actions button,.back-login{height:43px;border:0;border-radius:7px;cursor:pointer;font-weight:bold}.step-next,.step-submit{width:100%;background:#40a7ce;color:#fff}.step-actions{display:grid;grid-template-columns:148px 1fr;gap:8px;margin-top:16px}.step-actions .step-next,.step-actions .step-submit{width:auto}.step-actions>button:first-child{background:#26343a;color:#d7e4e9}.register-divider{border-bottom:1px solid #34464e;text-align:center;height:24px;margin-bottom:18px}.register-divider span{position:relative;top:18px;padding:0 12px;background:#182429;color:#9db0b8;font-size:9px;font-weight:bold}.back-login{width:100%;background:transparent;border:1px solid #405159;color:#cce4ee}.email-note{display:flex;justify-content:space-between;color:#89a4af;font-size:9px;margin:-7px 3px 18px}.email-note b{color:#58b7dc}.character-pick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.character-pick label{cursor:pointer}.character-pick input{position:absolute;opacity:0}.character-pick span{height:70px;border:1px solid #405159;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;color:#acd7e8}.character-pick input:checked+span{background:#233b45;border-color:#4d8297}.character-pick span:first-letter{font-size:24px}.terms{display:flex!important;align-items:center;gap:8px;padding:12px;border:1px solid #34464e;border-radius:7px}.terms input{width:18px;flex:0 0 18px}.terms span{color:#7ed1f1;font-size:9px;line-height:1.4}