:root{--gold:#d7ad55;--gold2:#7f5a20;--ink:#100c08;--panel:rgba(14,17,20,.9);--hex:68px;--hex-w:calc(var(--hex)*1.7320508);--hex-h:calc(var(--hex)*2)}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#071015;color:#f4e6c4;font-family:Georgia,'Times New Roman',serif}.screen{display:none;width:100%;height:100%}.screen.active{display:block}
button,input,select{font:inherit}.hidden{display:none!important}
#startScreen{position:relative;overflow:hidden;background:#071015 url('Bahama-Galama_StartpageBackground.png') center 28%/cover no-repeat}.start-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,transparent 18%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.8) 100%);pointer-events:none}.start-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;padding:5vh 5vw 3vh;text-align:center}.start-content h1{margin:24vh 0 1.4rem;color:#efd28b;font-size:clamp(2.8rem,7vw,6.8rem);line-height:.8;letter-spacing:.04em;text-shadow:0 4px 2px #211300,0 0 28px #d08f32;font-variant:small-caps}.start-menu{display:flex;flex-direction:column;gap:.55rem;width:min(300px,70vw)}.pirate-btn,.small-btn,.icon-btn{cursor:pointer;color:#f8e7bd;border:1px solid #b58f47;background:linear-gradient(#3a281b,#18100c);box-shadow:inset 0 0 0 2px #120b07,0 3px 8px #000;border-radius:7px}.pirate-btn{min-height:42px;font-size:1.05rem}.pirate-btn:hover,.small-btn:hover{filter:brightness(1.25);transform:translateY(-1px)}.pirate-btn.primary{background:linear-gradient(#76501f,#2c1a0c)}.intro{margin:auto 0 0;max-width:1000px;font-size:clamp(.78rem,1.25vw,1.05rem);line-height:1.45;color:#d9c299;text-shadow:0 2px 3px #000;background:rgba(0,0,0,.27);padding:.65rem 1rem;border-radius:12px;backdrop-filter:blur(2px)}
#particles{position:absolute;inset:0;z-index:1;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe9a2;opacity:.5;animation:float var(--dur) linear infinite;box-shadow:0 0 9px #ffd46b}@keyframes float{from{transform:translate(0,10vh) scale(.5)}50%{opacity:.9}to{transform:translate(var(--dx),-110vh) scale(1.4);opacity:0}}
#gameScreen{background:#0a1418 url('Spielfeld_Background.png') center/cover no-repeat}.game-header{height:54px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#201811e8,#0b0b0be8);border-bottom:2px solid #6c4c22;box-shadow:0 4px 15px #000;position:relative;z-index:10}.game-header #phaseText{font-size:clamp(1rem,2vw,1.35rem);color:#e8cf91;text-align:center}.icon-btn{width:38px;height:38px}.small-btn{padding:.55rem .8rem;margin:.2rem}.danger{border-color:#9b4034;color:#ffb3a8}
.game-layout{height:calc(100% - 54px);display:grid;grid-template-columns:minmax(190px,17vw) 1fr minmax(190px,17vw);gap:8px;padding:8px}.player-panel{min-width:0;background:linear-gradient(145deg,rgba(15,20,23,.96),rgba(47,34,24,.93));border:1px solid #8a6938;border-radius:12px;padding:10px;overflow:auto;box-shadow:0 5px 20px #000}.player-panel.active-player{outline:3px solid #facb58;box-shadow:0 0 25px #ffcf54}.player-name{font-size:1.25rem;text-align:center;margin:0 0 8px}.stat-block{padding:8px 0;border-top:1px solid #5c4a32}.stat-block h3{margin:0 0 5px;color:#d9b761;font-size:.9rem}.icons{display:flex;flex-wrap:wrap;gap:3px;min-height:24px}.mini-icon{width:30px;height:30px;object-fit:contain}.stars{color:#ffd449;letter-spacing:2px;font-size:1.25rem}.empty{opacity:.55;font-style:italic;font-size:.8rem}.end-turn{width:100%;margin:.6rem 0}.board-shell{position:relative;min-width:0;overflow:hidden;border:2px solid #61471e;border-radius:14px;background:rgba(0,25,36,.28);box-shadow:inset 0 0 45px #000,0 7px 25px #000}#board{position:absolute;inset:0;overflow:hidden;touch-action:manipulation}.hex{position:absolute;width:var(--hex-w);height:var(--hex-h);transform:translate(-50%,-50%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);cursor:default;transition:filter .18s,transform .18s;filter:drop-shadow(0 0 1px #57b5e4)}.hex-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.hex-content{position:absolute;inset:7%;display:flex;align-items:center;justify-content:center}.piece{position:absolute;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 4px 4px #000)}.piece.small{width:64%;height:64%}.question{font:bold 3.3rem Georgia;color:#ffd15b;text-shadow:0 3px 0 #5d3010,0 0 10px #fff;animation:pulse 1.3s infinite}.island-name{position:absolute;z-index:4;left:5%;right:5%;bottom:16%;font-size:clamp(9px,.85vw,13px);font-weight:bold;text-align:center;color:#fff2c7;text-shadow:0 1px 2px #000,0 0 4px #000,0 0 7px #000;}.hex.legal{filter:brightness(1.32) drop-shadow(0 0 9px #fff38a);cursor:pointer}.hex.legal:hover{z-index:8;transform:translate(-50%,-50%) scale(1.08)}.hex.active-ship{filter:brightness(1.45) drop-shadow(0 0 12px white)}.hover-action{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;opacity:0;transition:.12s;z-index:6}.hex.legal:hover .hover-action{opacity:.78}.placement{filter:brightness(1.35) hue-rotate(65deg) drop-shadow(0 0 12px #58ff8a);cursor:pointer}.preview{opacity:.62}@keyframes pulse{50%{transform:scale(1.15);filter:brightness(1.35)}}.distribution-prompt{position:absolute;top:12px;left:12px;z-index:15;background:#15110de8;border:1px solid #d1a856;border-radius:8px;padding:10px;box-shadow:0 4px 15px #000}
.modal-layer{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(560px,95vw);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#25211e,#090b0c);border:2px solid #a77d38;border-radius:14px;box-shadow:0 15px 60px #000,inset 0 0 30px #000;padding:22px}.modal h2{margin-top:0;color:#e1be6f;text-align:center}.form-row{display:grid;grid-template-columns:1fr 120px;gap:10px;margin:12px 0}.form-row input,.form-row select{width:100%;padding:.7rem;border:1px solid #80683e;border-radius:6px;background:#0e1316;color:#f7e6be}.color-red{background:#711f1f!important}.color-yellow{background:#8f7412!important;color:#fff6bc!important}.modal-actions{text-align:right;margin-top:18px}.error{color:#ff9389;min-height:1.2em}.checkbox-line{display:flex;gap:10px;align-items:center;margin:12px 0}.toast{position:fixed;z-index:150;left:50%;top:50%;transform:translate(-50%,-50%);max-width:420px;padding:13px 16px;background:#17130fef;border:1px solid #d3aa58;border-radius:10px;box-shadow:0 6px 25px #000}.overlay-message{position:fixed;z-index:140;left:50%;top:48%;transform:translate(-50%,-50%);padding:18px 28px;background:#130f0bcc;border:2px solid #d1a754;border-radius:12px;color:#ffe3a0;font-size:clamp(1.5rem,4vw,3rem);text-align:center;text-shadow:0 3px #000;box-shadow:0 10px 40px #000}.result-panel{text-align:center}.dice{width:100px;height:100px;margin:16px auto;border:5px solid #d3aa58;border-radius:20px;display:flex;align-items:center;justify-content:center;font:bold 3.4rem sans-serif;background:#eee2c6;color:#21150a;box-shadow:inset 0 0 15px #6d573c,0 0 20px #000}.dice.rolling{animation:shake .12s infinite}@keyframes shake{25%{transform:rotate(8deg) translate(3px)}75%{transform:rotate(-8deg) translate(-3px)}}
@media(max-width:900px){.game-layout{grid-template-columns:140px 1fr 140px}.player-panel{padding:6px}.intro{display:none}}@media(max-width:680px){.game-layout{grid-template-columns:1fr;grid-template-rows:90px 1fr 90px}.player-panel{display:flex;gap:8px;overflow:auto}.player-panel .stat-block{border:0;min-width:90px}.player-name{min-width:100px}.board-shell{min-height:0}.start-content h1{margin-top:21vh}}
@media(max-width:680px){.question{font-size: 1.4rem;}}