.bko{--gold:#e8b85e;--cream:#f2dfb5;--ink:#2f1c16;--wine:#772d28;--night:#100d16;font-family:Georgia,"Times New Roman",serif;color:#f8efd8;line-height:1.35;max-width:1500px;margin:0 auto}.bko *{box-sizing:border-box}.bko button,.bko input{font:inherit}.bko-loading{padding:50px;text-align:center;background:#16111d;color:var(--gold);border-radius:16px}.bko-scene{min-height:690px;position:relative;overflow:hidden;padding:22px;border-radius:18px;background:radial-gradient(circle at 78% 12%,#db9c4735,transparent 25%),linear-gradient(180deg,#171424 0 43%,#422519 44% 48%,#21120f 49%);box-shadow:0 20px 55px #0009,inset 0 0 80px #0008}.bko-scene:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(92deg,transparent 0 88px,#ffffff05 89px 91px),linear-gradient(90deg,#0009,transparent 18%,transparent 82%,#0009)}.bko-scene>*{position:relative;z-index:1}.bko header{text-align:center;margin-bottom:25px}.bko .bko-kicker,.bko footer{font:11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#b9aa91}.bko h2{margin:2px 0;color:#fff0ae;font-size:clamp(34px,6vw,62px);letter-spacing:.08em;text-shadow:0 3px #6c3119,0 0 22px #e2a74677}.bko header p{margin:0;color:#d7c6a7}.bko-lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,430px));justify-content:center;gap:26px}.bko-card{padding:26px;border:2px solid #c28d4f;border-radius:17px;background:linear-gradient(145deg,#f2dfb6,#cda66d);color:var(--ink);box-shadow:0 18px 38px #000b,inset 0 0 28px #8d5b2d55}.bko-card h3{margin:0 0 18px;color:#6f2924;font-size:27px}.bko-card label{display:block;text-align:left;margin:14px 0;font-weight:bold}.bko-card input[type=text],.bko-card input:not([type]){width:100%;margin-top:5px;padding:11px;border:2px solid #8d613d;border-radius:8px;background:#fff7dc;color:#281813}.bko-check{display:flex!important;gap:9px;align-items:center}.bko-check input{width:20px;height:20px;accent-color:var(--wine)}.bko button{border:1px solid #ffe0a0;border-radius:999px;padding:11px 22px;background:linear-gradient(#9c4938,#64231f);color:#fff3c6;font-weight:bold;letter-spacing:.04em;cursor:pointer;box-shadow:inset 0 1px #fff5,0 7px 13px #0006}.bko button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.bko button:disabled{opacity:.45;cursor:default}.bko button.secondary{background:#35261f}.bko button.link{background:transparent;color:#6d2a25;border-color:#8c5b3d;box-shadow:none}.bko footer{text-align:center;margin-top:22px}.bko-room-head{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 15px;text-align:left!important;border-bottom:1px solid #d3a65b55}.bko-room-head span,.bko-room-head small{font:12px system-ui,sans-serif;color:#bdae91;text-transform:uppercase;letter-spacing:.12em}.bko-room-head h2{font-size:36px}.bko-wait{max-width:650px;margin:40px auto;text-align:center}.bko-players{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}.bko-players li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:10px 13px;border:1px solid #9d714b;border-radius:8px;background:#fff4d071;text-align:left}.bko-players li.me{background:#fff1af}.bko-players em{font:11px system-ui;color:#7c302a}.bko-board{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(470px,1.35fr);gap:18px}.bko-table{min-height:520px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d9a75a55;border-radius:16px;background:radial-gradient(ellipse at 50% 75%,#73472c,#351d15 58%,#171119);box-shadow:inset 0 -40px 65px #0008}.bko-dice{min-height:150px;display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap}.bko-cup{font-size:82px;color:#d6bd91;text-align:center;filter:drop-shadow(0 12px 8px #0008)}.bko-cup small{display:block;font:13px system-ui}.bko-die{width:70px;height:70px;padding:0;border:2px solid #fff7!important;border-radius:15px!important;background:linear-gradient(145deg,#fffdf0,#cdbb91)!important;color:#241711!important;font:53px/1 sans-serif!important;letter-spacing:0!important;box-shadow:inset 4px 4px 7px #fff9,inset -6px -7px 8px #6c563c77,0 11px 15px #0008!important;position:relative}.bko-die.held{transform:translateY(-12px);outline:3px solid var(--gold);filter:drop-shadow(0 0 9px #ffca64)}.bko-die small{position:absolute;right:5px;top:3px;font:bold 10px system-ui;color:#7b332c}.bko-event{min-height:48px;margin:20px 0;color:#f2dba9;text-align:center}.bko-roll{min-width:210px}.bko-table p{font:12px system-ui;color:#bfae91}.bko-score-wrap{overflow:auto;max-height:560px;padding:12px;border-radius:15px;background:linear-gradient(135deg,#efdeb4,#c49c63);color:var(--ink);box-shadow:0 15px 30px #0009}.bko-score-wrap h3{text-align:center;margin:0 0 8px;color:#702b25}.bko-score-table{display:grid;grid-template-columns:minmax(140px,1fr) repeat(var(--players),minmax(58px,72px));min-width:max-content;border:2px solid #71462d}.bko-score-table>*{min-height:31px;padding:5px 7px;border-right:1px solid #967052;border-bottom:1px solid #a6805f;display:flex;align-items:center;justify-content:center}.bko-score-table .head{background:#7c332c;color:#fff2cf;font:bold 11px system-ui}.bko-score-table .cat{justify-content:flex-start;border-radius:0;background:#ead7aa;color:#2c1a14;box-shadow:none;letter-spacing:0;font-weight:normal}.bko-score-table .cat.ready{background:#fff0b9;cursor:pointer}.bko-score-table .cat kbd{margin-right:6px;padding:2px 4px;border:1px solid #9a6e46;border-radius:4px;background:#fff7dc;color:#852e28;font:10px system-ui}.bko-score-table .points{background:#f3e4bd;font-weight:bold}.bko-score-table .preview{color:#a12e28}.bko-score-table .sum{background:#6d2b26;color:#fff0c7;font-weight:bold}.bko-net{color:#7fea97;font:12px system-ui}.bko-finish{max-width:620px;margin:45px auto;text-align:center}.bko-finish ol{padding:0;list-style-position:inside}.bko-finish li{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid #9c704d}.bko-toast{position:fixed;z-index:99999;left:50%;bottom:25px;transform:translate(-50%,25px);opacity:0;padding:12px 20px;border-radius:999px;background:#2f6e45;color:#fff;box-shadow:0 8px 25px #0008;transition:.2s}.bko-toast.bad{background:#922f2b}.bko-toast.show{opacity:1;transform:translate(-50%,0)}
.bko-score-table .head.activecol{background:#aa5b2d;color:#fff8d5;box-shadow:inset 2px 0 #f3c56d,inset -2px 0 #f3c56d}.bko-score-table .points.activecol{background:#ffe5a0;box-shadow:inset 2px 0 #d99837,inset -2px 0 #d99837}.bko-score-table .sum.activecol{background:#9a522e;box-shadow:inset 2px 0 #f3c56d,inset -2px 0 #f3c56d}
.bko-portal{--dos-blue:#0000a8;--dos-cyan:#55ffff;--dos-yellow:#ffff55;min-height:720px;padding:10px;background:#050505;color:#aaa;font:16px/1.45 Consolas,"Lucida Console","Courier New",monospace;border:4px ridge #aaa;box-shadow:0 22px 60px #000b,inset 0 0 70px #000;position:relative}.bko-dosbar{min-height:38px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#aaa;color:#000;font:bold 13px/1.2 Consolas,"Courier New",monospace;text-transform:uppercase}.bko-terminal{min-height:620px;padding:18px 30px 28px;border:8px solid var(--dos-blue);background:radial-gradient(ellipse at center,#000046 0,#000025 58%,#000015 100%);box-shadow:inset 0 0 55px #000;color:#ddd}.bko-prompt,.bko-cursor{margin:0;color:#aaa}.bko-terminal h1{margin:14px 0 0;text-align:center;color:var(--dos-yellow);font:bold clamp(48px,10vw,92px)/1 Consolas,"Courier New",monospace;letter-spacing:.12em;text-shadow:5px 5px #a00}.bko-subtitle{text-align:center;margin:5px 0 24px;color:var(--dos-cyan);letter-spacing:.1em}.bko-story{max-width:990px;margin:auto;padding:18px 22px;border:2px solid #55ffff;background:#00002c;color:#ddd;box-shadow:8px 8px #000}.bko-story p{margin:0 0 12px}.bko-story p:last-child{margin-bottom:0}.bko-story strong{color:var(--dos-yellow)}.bko-invite{max-width:990px;margin:14px auto 0;padding:8px 12px;background:#a00;color:#fff}.bko-version-grid{max-width:990px;margin:20px auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.bko .bko-version{min-height:112px;padding:15px 20px;border:3px double #fff;border-radius:0;background:#0000a8;color:#fff;font-family:Consolas,"Courier New",monospace;box-shadow:8px 8px #000;text-align:left}.bko .bko-version:hover{filter:none;background:#00a;color:#ffff55;transform:translate(2px,2px);box-shadow:6px 6px #000}.bko .bko-version span{float:right;color:#55ffff}.bko .bko-version b,.bko .bko-version small{display:block}.bko .bko-version b{font-size:24px;color:#ffff55}.bko .bko-version small{margin-top:9px;color:#ddd;font-size:13px}.bko .bko-version.new{background:#006060}.bko .bko-version.new:hover{background:#007878}.bko-cursor i{display:inline-block;width:10px;height:18px;background:#aaa;vertical-align:-3px;animation:bko-blink 1s steps(1) infinite}.bko-portal>footer{color:#777;text-transform:none;letter-spacing:0}.bko-classic-shell{min-height:720px;padding:10px;background:#050505;border:4px ridge #aaa;box-shadow:0 22px 60px #000b}.bko-classic-shell .bko-dosbar button{padding:4px 8px;border:0;border-radius:0;background:#0000a8;color:#fff;font:inherit;box-shadow:none}.bko-classic-shell iframe{display:block;width:100%;height:min(760px,calc(100vh - 90px));min-height:620px;border:0;background:#000}.bko-back{position:absolute!important;top:16px;left:16px;z-index:4;padding:7px 13px!important;background:#28202d!important;color:#d9cba8!important;font:12px system-ui!important}.bko-loading{font-family:Consolas,"Courier New",monospace}
.bko-room-tools{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.bko .bko-abort{padding:6px 12px;border-color:#ad7168;background:#421d1b;color:#e8c7b9;font:11px system-ui;box-shadow:none}.bko-ai-turn{animation:bko-ai-glow .9s ease-in-out infinite alternate}.bko-ai-turn .bko-die{animation:bko-ai-die .22s ease-in-out 2}.bko-ai-turn .bko-die.held{animation:none}.bko-ai-turn .bko-event{color:#ffff9a;font-weight:bold}
.bko-version-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bko .bko-version.modern{background:#5b287a}.bko .bko-version.modern:hover{background:#743399}.bko .bko-resume{display:block;width:min(990px,100%);min-height:72px;margin:18px auto 0;padding:12px 18px;border:3px double #ffff55;border-radius:0;background:#006000;color:#fff;font-family:Consolas,"Courier New",monospace;box-shadow:8px 8px #000;text-align:left}.bko .bko-resume:hover{filter:none;background:#008000;color:#ffff55;transform:translate(2px,2px);box-shadow:6px 6px #000}.bko .bko-resume span{float:right;color:#55ffff}.bko .bko-resume b,.bko .bko-resume small{display:block}.bko .bko-resume b{color:#ffff55;font-size:20px}.bko .bko-resume small{margin-top:5px;color:#ddd}
.bko-keys{max-width:990px;margin:14px auto 0;border:1px solid #00aaaa;background:#000018;color:#ccc}.bko-keys summary{padding:8px 12px;color:#55ffff;cursor:pointer;list-style:none}.bko-keys summary::-webkit-details-marker{display:none}.bko-keys summary span{color:#ffff55}.bko-keys[open] summary{border-bottom:1px solid #00aaaa;background:#00002c}.bko-keys p{margin:0;padding:11px 14px;font-size:13px;line-height:1.55}.bko-keys strong{color:#ffff55}.bko-keys kbd{padding:1px 4px;border:1px solid #aaa;background:#111;color:#fff;font:inherit;white-space:nowrap}
.bko-cup{font-size:0;color:inherit;filter:drop-shadow(0 14px 10px #0009)}.bko-cup-shell{position:relative;display:block;width:108px;height:118px;margin:0 auto 12px;border:4px solid #2b120b;border-top-width:9px;border-radius:22px 22px 34px 34px;background:linear-gradient(90deg,#3a170e 0,#783a21 20%,#a95c32 47%,#6e301b 76%,#30120b 100%);box-shadow:inset 9px 0 13px #fff1,inset -12px 0 18px #0008,inset 0 -10px 16px #160704,0 7px 0 #1b0906;clip-path:polygon(5% 0,95% 0,84% 100%,16% 100%)}.bko-cup-shell:before{content:"";position:absolute;z-index:2;left:-5px;right:-5px;top:-12px;height:25px;border:5px solid #32150c;border-radius:50%;background:radial-gradient(ellipse,#160805 0 46%,#8e4b2a 50% 69%,#36150c 72%);box-shadow:0 4px 5px #0008,inset 0 2px #d9905b55}.bko-cup-shell:after{content:"";position:absolute;left:15px;right:15px;bottom:9px;border-bottom:2px dashed #d39a6666}.bko-cup-shell i{position:absolute;z-index:1;left:50%;top:49%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:45px;border:2px solid #d8a76988;border-radius:10px;background:#2a100ac4;color:#e7bd78;font:normal 34px/1 Georgia,serif;box-shadow:inset 0 0 10px #0009,0 1px #e5a96355}.bko-cup small{display:block;color:#d6bd91;font:13px system-ui}
@keyframes bko-blink{50%{opacity:0}}
@keyframes bko-ai-glow{to{box-shadow:inset 0 -40px 65px #0008,0 0 25px #e8b85e77}}
@keyframes bko-ai-die{50%{transform:translateY(-7px) rotate(2deg)}}
@media(max-width:900px){.bko-lobby-grid,.bko-board{grid-template-columns:1fr}.bko-scene{min-height:620px;padding:14px}.bko-room-head{align-items:flex-start;gap:10px}.bko-room-head h2{font-size:28px}.bko-table{min-height:420px}.bko-score-wrap{max-height:none}}
@media(max-width:700px){.bko-portal{padding:5px;font-size:13px}.bko-dosbar{font-size:10px}.bko-terminal{padding:12px;border-width:4px}.bko-terminal h1{font-size:44px}.bko-story{padding:13px}.bko-version-grid{grid-template-columns:1fr;gap:12px}.bko .bko-version{min-height:88px}.bko .bko-version b{font-size:20px}.bko-classic-shell{padding:4px}.bko-classic-shell iframe{min-height:520px}.bko-back{position:relative!important;top:auto;left:auto;margin-bottom:8px}}

/* RC7: aus der Kniffel-Zeitmaschine wird Boedis DOS-Spielearchiv. */
.bko-terminal h1{font-size:clamp(38px,7vw,72px);letter-spacing:.08em}
.bko-game-label{max-width:990px;margin:22px auto -10px;padding:5px 9px;border-left:8px solid #ffff55;background:#00005a;color:#ffff55}
.bko-game-label span{float:right;color:#55ffff;font-size:12px}
.bko-game-label--reversi{border-left-color:#55ff55;color:#55ff55}
.bko .bko-version b{font-size:22px}
.bko .bko-version.reversi-old{background:#005500}
.bko .bko-version.reversi-old:hover{background:#007000}
.bko .bko-version.reversi-modern{background:#66305f}
.bko .bko-version.reversi-modern:hover{background:#803d77}
.bko .bko-version.reversi-e500{background:#31413a}
.bko .bko-version.reversi-e500:hover{background:#42594e}
.bko-game-label--four{border-left-color:#ff5555;color:#ff7777}
.bko .bko-version.four-old{background:#005a86}
.bko .bko-version.four-old:hover{background:#0074aa}
.bko .bko-version.four-modern{background:#7a3928}
.bko .bko-version.four-modern:hover{background:#994a34}
.bko .bko-version.four-e500{background:#39433f}
.bko .bko-version.four-e500:hover{background:#4c5b55}
.bko-four-story{max-width:990px;margin:18px auto 0;padding:13px 16px;border:1px dashed #55ffff;background:#00002b;color:#ccc;font-size:13px}
.bko-four-story>strong{color:#ffff55}
.bko-four-story p{margin:7px 0 0}
.bko-four-story em{color:#55ffff;font-style:normal}
.bko-classic-shell iframe{height:min(820px,calc(100vh - 90px))}

@media(max-width:700px){
    .bko-terminal h1{font-size:36px}
    .bko-game-label span{float:none;display:block;margin-top:2px}
    .bko-classic-shell iframe{min-height:620px}
}